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. * * ## Tag * The tag for this component is ``. * * ## Attributes * | Name | Value | Required | * | :- | :- | :- | * | name | `string` | Yes | * * The `name` attribute corresponds to the `Zone` property defined in HawkSearch. This is used to differentiate different content areas, allowing you to place content items exactly where you want within your search results page. * * ## Event-Binding Attributes * | Name | Value | * | :- | :- | * | hawksearch-index | `number` | * * To render a content item, the `hawksearch-index` attribute must be present with a value corresponding to the item's index in the {@link Models.ContentZoneComponentModel.items} array. * * ## 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 ./content-zone.component.hbs} * * @category Content */ export declare class ContentZoneComponent extends BaseComponent { protected componentName: keyof HawkSearchComponents; protected defaultHtml: string; protected bindFromEvent: boolean; private get name(); private get zone(); private get displayType(); private previousDisplayType?; private windowResizeEventHandler; connectedCallback(): void; disconnectedCallback(): void; protected renderContent(): boolean; protected getContentModel(): ContentZoneComponentModel; protected bindChildElements(): void; }