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

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

@@ -1,4 +1,5 @@
-import { BaseComponentConfig, BaseComponentModel, HawkSearchComponents } from '@models';
+import { BaseComponentConfig, HawkSearchComponents } from '@configuration';
+import { BaseComponentModel } from '@models';
 /**
  * @typeParam TConfig Component configuration
  * @typeParam TData Component data

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,4 +1,5 @@
-import { BaseComponentConfig, BaseComponentModel, ContentType } from '@models';
+import { BaseComponentConfig } from '@configuration';
+import { BaseComponentModel, ContentType } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * @category Content

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/{types/components → components}/content/content-types/custom-content/custom-content.component.d.ts

@@ -1,4 +1,5 @@
-import { CustomContent, CustomContentComponentConfig, CustomContentComponentModel, HawkSearchComponents } from '@models';
+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.

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/{types/components → components}/content/content-types/featured-items-content/featured-items-content.component.d.ts

@@ -1,4 +1,5 @@
-import { FeaturedItemsContent, FeaturedItemsContentComponentConfig, FeaturedItemsContentComponentModel, HawkSearchComponents } from '@models';
+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.

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/{types/components → components}/content/content-types/featured-items-content-item/featured-items-content-item.component.d.ts

@@ -1,4 +1,5 @@
-import { FeaturedItemsContentItemComponentConfig, FeaturedItemsContentItemComponentModel, HawkSearchComponents, SearchResultsItem } from '@models';
+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.

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/{types/components → components}/content/content-types/image-content/image-content.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, ImageContent, ImageContentComponentConfig, ImageContentComponentModel } from '@models';
+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.

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/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/{types/components → components}/content/content-types/popular-queries-content/popular-queries-content.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, PopularQueriesContent, PopularQueriesContentComponentConfig, PopularQueriesContentComponentModel } from '@models';
+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.

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"popular-queries-content.component.js","sourceRoot":"","sources":["../../../../../src/components/content/content-types/popular-queries-content/popular-queries-content.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,WAAW,MAAM,yCAAyC,CAAC;AAElE;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,8BAA+B,SAAQ,oBAInD;IAJD;;QAKuB,kBAAa,GAA+B,yBAAyB,CAAC;QACtE,gBAAW,GAAG,WAAW,CAAC;IA0BjD,CAAC;IAxBsB,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,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YAClE,CAAC,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;gBACzC,KAAK,CAAC,cAAc,EAAE,CAAC;gBAEvB,MAAM,OAAO,GAAG,KAAK,CAAC,aAA4B,CAAC;gBACnD,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;gBAEvD,IAAI,KAAK,EAAE;oBACP,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;iBAC9B;YACL,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC;CACJ"}

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

@@ -1,4 +1,5 @@
-import { ContentZoneComponentConfig, ContentZoneComponentModel, HawkSearchComponents, SearchResponse } from '@models';
+import { ContentZoneComponentConfig, HawkSearchComponents } from '@configuration';
+import { ContentZoneComponentModel, SearchResponse } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Content Zone component renders a list of content items or Spotlight products as defined in the Merchandising section of Hawksearch.