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

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/{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/{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/{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/{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/{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/{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/{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.

package/dist/{types/components → components}/general/date-picker/date-picker.component.d.ts

@@ -1,4 +1,5 @@
-import { DatePickerComponentConfig, DatePickerComponentModel, HawkSearchComponents } from '@models';
+import { DatePickerComponentConfig, HawkSearchComponents } from '@configuration';
+import { DatePickerComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Date Picker component provides an intuitive interface that allows the user to select a range in ISO format. This component is currently only used within the {@link Components.DateRangeFacetComponent | Date Range Facet Component}.

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

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, IconComponentConfig, IconComponentModel } from '@models';
+import { HawkSearchComponents, IconComponentConfig } from '@configuration';
+import { IconComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Icon component renders an SVG image inline with text content.

package/dist/{types/components → components}/general/range-slider/range-slider.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, RangeSliderComponentConfig, RangeSliderComponentModel } from '@models';
+import { HawkSearchComponents, RangeSliderComponentConfig } from '@configuration';
+import { RangeSliderComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Range Slider component provides a draggable interface that allows the user to select a range between 0-100. This component is currently only used within the {@link Components.RangeSliderFacetComponent | Range Slider Facet Component}.

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

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, TooltipComponentConfig, TooltipComponentModel } from '@models';
+import { HawkSearchComponents, TooltipComponentConfig } from '@configuration';
+import { TooltipComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Tooltip component is used to display a brief explanation or contextual information when the user hovers over an element.

package/dist/components/index.d.ts

@@ -0,0 +1,247 @@
+/**
+ * ## Customizing Markup
+ *
+ * This library was designed to be flexible and allow total customization of the markup used by all components.
+ *
+ * ### Overriding Templates
+ *
+ * There are three ways to replace the Handlebars template used by a component:
+ *
+ * - Pass a template HTML string containing a Handlebars template.
+ * - Pass the ID of a template element containing a Handlebars template.
+ * - Define the new Handlebars template as the child content of a control
+ *
+ * #### Passing an HTML string
+ *
+ * In your HTML file, define the template content directly in the configuration options:
+ *
+ * ```html
+ * <!DOCTYPE html>
+ * <html>
+ *   <head>
+ *     <meta charset="utf-8" />
+ *     <title>Hawksearch Handlebars UI</title>
+ *     <meta name="viewport" content="width=device-width, initial-scale=1" />
+ *     <script type="text/javascript">
+ *       var Hawksearch = Hawksearch || {};
+ *
+ *       Hawksearch.config = {
+ *         clientId: "YOUR_CLIENTID_HERE",
+ *         components: {
+ *           pageSize: {
+ *             template: `
+ *               <div class='page-size'>
+ *                 <select hawksearch-page-size>
+ *                   {{#each options}}
+ *                     <option value='{{pageSize}}' {{attribute 'selected' selected}}>{{title}}</option>
+ *                   {{/each}}
+ *                 </select>
+ *               </div>`
+ *           }
+ *         }
+ *       };
+ *     </script>
+ *     <script src="node_modules/@bridgeline-digital/hawksearch-handlebars-ui/dist/handlebars-ui.js" defer ></script>
+ *   </head>
+ *   <body>
+ *     <h1>Hawksearch Handlebars UI</h1>
+ *     <hawksearch-search></hawksearch-search>
+ *     <hawksearch-results></hawksearch-results>
+ *   </body>
+ * </html>
+ * ```
+ *
+ * #### Creating a template element
+ *
+ * In your HTML file, add the custom markup to a `template` element and pass the ID in the configuration options:
+ *
+ * ```html
+ * <!DOCTYPE html>
+ * <html>
+ *   <head>
+ *     <meta charset="utf-8" />
+ *     <title>Hawksearch Handlebars UI</title>
+ *     <meta name="viewport" content="width=device-width, initial-scale=1" />
+ *     <script type="text/javascript">
+ *       var Hawksearch = Hawksearch || {};
+ *
+ *       Hawksearch.config = {
+ *         clientId: "f51060e1c38446f0bacdf283390c37e8",
+ *         components: {
+ *           pageSize: {
+ *             template: 'page-size-template'
+ *           }
+ *         }
+ *       };
+ *     </script>
+ *     <script src="node_modules/@bridgeline-digital/hawksearch-handlebars-ui/dist/handlebars-ui.js" defer ></script>
+ *   </head>
+ *   <body>
+ *     <h1>Hawksearch Handlebars UI</h1>
+ *     <hawksearch-search></hawksearch-search>
+ *     <hawksearch-results></hawksearch-results>
+ *     <template id="page-size-template">
+ *       <div class='page-size'>
+ *         <select hawksearch-page-size>
+ *           {{#each options}}
+ *             <option value='{{pageSize}}' {{attribute 'selected' selected}}>{{title}}</option>
+ *           {{/each}}
+ *         </select>
+ *       </div>
+ *     </template>
+ *   </body>
+ * </html>
+ * ```
+ *
+ * *Note: This approach tends to be easier to manage than the previous option as it is more compatible with popular HTML editors and templates can potentially be loaded from separate files using Server-side Includes (SSI).*
+ *
+ * #### Setting control content
+ *
+ * In your HTML file, add the custom markup as the content of a component element:
+ *
+ * ```html
+ * <hawksearch-page-size>
+ *   <div class='page-size'>
+ *     <select hawksearch-page-size>
+ *       {{#each options}}
+ *         <option value='{{pageSize}}' {{attribute 'selected' selected}}>{{title}}</option>
+ *       {{/each}}
+ *     </select>
+ *   </div>
+ * </hawksearch-page-size>
+ * ```
+ *
+ * *Note: If you choose this approach to customization and need to define a template for a nested element, be aware that by default, Handlebars will try to apply the model from the top-level component to all nested components, which will not work. To guard against this behavior, use the `exclude` helper documented in {@link Helpers.exclude}.*
+ *
+ * ## Customizing CSS
+ * By default, a neutral interface is rendered to get your search instance up and running quickly. However, this library was designed to be customizable and allow developers to use both custom markup and custom CSS.
+ *
+ * For developers who only wish to tweak the default UI rather than create something from scratch, there are some variables and utility methods defined in the default CSS that are available for use.
+ *
+ * ### Variables
+ * Although all components in this library utilize the Shadow DOM, CSS variables are able to cross this boundary in a way that normal CSS rules are not. The following variables can be customized in the host DOM to easily customize some of the default styles:
+ *
+ * | Variable | Default Value |
+ * | :- | :- |
+ * | --hawksearch-container-background--alternate | `var(--color-secondary-light)` |
+ * | --hawksearch-container-border | `solid 1px var(--color-secondary)` |
+ * | --hawksearch-default-line-height | `1.25` |
+ * | --hawksearch-default-font-color | `#333333` |
+ * | --hawksearch-default-font-color--inverse | `#ffffff` |
+ * | --hawksearch-default-font-family | `Arial, sans-serif` |
+ * | --hawksearch-default-font-size | `16px` |
+ * | --hawksearch-button-background | `var(--color-accent)` |
+ * | --hawksearch-button-border-radius | `5px` |
+ * | --hawksearch-button-font-color | `#ffffff` |
+ * | --hawksearch-form-element-background | `var(--color-background)` |
+ * | --hawksearch-form-element-border | `solid 1px var(--color-secondary)` |
+ * | --hawksearch-form-element-border--focus | `solid 1px var(--color-accent)` |
+ * | --hawksearch-form-element-border-radius | `0` |
+ * | --hawksearch-form-element-placeholder-color | `var(--color-secondary-dark)` |
+ * | --hawksearch-margin | `32px` |
+ * | --hawksearch-margin-sm | `calc(var(--margin) / 2)` |
+ * | --hawksearch-padding | `24px` |
+ * | --hawksearch-padding-xs | `calc(var(--padding) / 4)` |
+ * | --hawksearch-padding-sm | `calc(var(--padding) / 2)` |
+ * | --hawksearch-secondary-font-color | `var(--color-secondary-dark)` |
+ *
+ * *Note: Internally, all variables omit the hawksearch- prefix. This prefix is used only to override the default values.*
+ *
+ * ### Breakpoints
+ *
+ * This library uses responsive design with the following breakpoints defined:
+ *
+ * | Name | Suffix | Minimum Width |
+ * | :- | :- | :- |
+ * | | | `0px` |
+ * | small | `-sm` | `740px` |
+ * | medium | `-md` | `990px` |
+ * | large | `-lg` | `1260px` |
+ * | extra-large | `-xl` | `1800px` |
+ *
+ * ### Grid System
+ *
+ * This library uses a 12-column, responsive grid system. To use this system, all columns must have a `column` class and be the direct children of an element with a `row` class. The number of columns each column elements spans can be controlled with `column--XX` classes.
+ *
+ * For example, the following will render two equal columns that are stacked until the browser window reaches the `Medium` breakpoint:
+ *
+ * ```html
+ * <div class="row">
+ *     <div class="column column--12 column-md--6">Column 1</div>
+ *     <div class="column column--12 column-md--6">Column 2</div>
+ * </div>
+ * ```
+ *
+ * #### Row Modifiers
+ * The following CSS classes can be added to modify the row display:
+ *
+ * | CSS Class | Description |
+ * | :- | :- |
+ * | `row--reverse` | This will cause all columns to be rendered in the reverse order that they are defined |
+ * | `row--tight` | This will reduce the space between columns to use `var(--padding-xs)` |
+ *
+ * #### Column Modifiers
+ * The following CSS classes can be added to modify the column display:
+ *
+ * | CSS Class | Description |
+ * | :- | :- |
+ * | `column--pull-right` | This will force the column to pull to be aligned to the end of the row |
+ *
+ * ### Utility Classes
+ * There are several basic utility classes available to quickly customize the display of elements.
+ *
+ * *Note: All utility classes support the suffixes defined in Breakpoints. For example, `display-block` and `display-sm-none` are both valid.*
+ *
+ * * #### Display
+ *
+ * | CSS Class | Description |
+ * | :- | :- |
+ * | display-block | This will display an element |
+ * | display-none | This will hide an element |
+ *
+ * #### Flex Vertical
+ *
+ * | CSS Class | Description |
+ * | :- | :- |
+ * | flex-vertical-center | This will vertically center the children of an element |
+ *
+ * #### Flex Gap
+ *
+ * | CSS Class | Description |
+ * | :- | :- |
+ * | flex-gap | This will add equal `var(--padding)` spacing between each child element and allow wrapping onto the next row when necessary |
+ * | flex-gap--none | This modifier class eliminates the spacing between each child element |
+ * | flex-gap--sm | This modifier class reduces the spacing between each element to `var(--padding-sm)` |
+ * | flex-gap--xs | This modifier class reduces the spacing between each element to `var(--padding-xs)` |
+ *
+ * #### Margin
+ *
+ * | CSS Class | Description |
+ * | :- | :- |
+ * | margin | This adds bottom margin of `var(--margin)` |
+ * | margin-none | This removes bottom margin |
+ * | margin-sm | This adds bottom margin of `var(--margin-sm)` |
+ *
+ * #### Width
+ *
+ * | CSS Class | Description |
+ * | :- | :- |
+ * | width-auto | This allows an elements content to determine its width |
+ * | width-full | This forces an element’s width to match its parent element |
+ *
+ * #### Text Align
+ *
+ * | CSS Class | Description |
+ * | :- | :- |
+ * | text-align-left | This aligns descendant content to the left |
+ * | text-align-center | This aligns descendant content to the center |
+ * | text-align-right | This aligns descendant content to the right |
+ *
+ * @module Components
+ */
+export * from './base.component';
+export * from './content';
+export * from './general';
+export * from './landing-pages';
+export * from './recommendations';
+export * from './search';

package/dist/{types/components → components}/landing-pages/landing-page/landing-page.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, LandingPageComponentConfig, LandingPageComponentModel, SearchResponse } from '@models';
+import { HawkSearchComponents, LandingPageComponentConfig } from '@configuration';
+import { LandingPageComponentModel, SearchResponse } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Landing page component displays either a search results interface to display a subset of products, or a custom layout to display content items.

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

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, RecommendationsComponentConfig, RecommendationsComponentModel, RecommendationsWidget } from '@models';
+import { HawkSearchComponents, RecommendationsComponentConfig } from '@configuration';
+import { RecommendationsComponentModel, RecommendationsWidget } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Recommendations component displays a list of products determined by the rules configured in the HawkSearch admin.

package/dist/{types/components → components}/recommendations/recommendations-item/recommendations-item.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, RecommendationsItem, RecommendationsItemComponentConfig, RecommendationsItemComponentModel } from '@models';
+import { HawkSearchComponents, RecommendationsItemComponentConfig } from '@configuration';
+import { RecommendationsItem, RecommendationsItemComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Recommendations Item component displays information for an individual product or page.

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

@@ -1,4 +1,5 @@
-import { AutocompleteComponentConfig, AutocompleteComponentModel, AutocompleteResponse, HawkSearchComponents } from '@models';
+import { AutocompleteComponentConfig, HawkSearchComponents } from '@configuration';
+import { AutocompleteComponentModel, AutocompleteResponse } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Autocomplete component displays a preview of search results after a user begins to type a query in the {@link Components.SearchFieldComponent}.

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

@@ -1,4 +1,5 @@
-import { BaseComponentConfig, BaseComponentModel, Facet, FacetState } from '@models';
+import { BaseComponentConfig } from '@configuration';
+import { BaseComponentModel, Facet, FacetState } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Base Facet component is inherited by all facet type copmonents.

package/dist/{types/components → components}/search/facet-types/checkbox-list-facet/checkbox-list-facet.component.d.ts

@@ -1,4 +1,5 @@
-import { CheckboxListFacetComponentConfig, CheckboxListFacetComponentModel, HawkSearchComponents } from '@models';
+import { CheckboxListFacetComponentConfig, HawkSearchComponents } from '@configuration';
+import { CheckboxListFacetComponentModel } from '@models';
 import { BaseFacetComponent } from '../base-facet.component';
 /**
  * The Checkbox List Facet component renders a checkbox for each facet and may be nested depending on the configuration in the Hawksearch admin.

package/dist/{types/components → components}/search/facet-types/color-facet/color-facet.component.d.ts

@@ -1,4 +1,5 @@
-import { ColorFacetComponentConfig, ColorFacetComponentModel, HawkSearchComponents } from '@models';
+import { ColorFacetComponentConfig, HawkSearchComponents } from '@configuration';
+import { ColorFacetComponentModel } from '@models';
 import { BaseFacetComponent } from '../base-facet.component';
 /**
  * The Color Facet component renders a box with color preview for each value.

package/dist/{types/components → components}/search/facet-types/date-range-facet/date-range-facet.component.d.ts

@@ -1,4 +1,5 @@
-import { DateRangeFacetComponentConfig, DateRangeFacetComponentModel, HawkSearchComponents } from '@models';
+import { DateRangeFacetComponentConfig, HawkSearchComponents } from '@configuration';
+import { DateRangeFacetComponentModel } from '@models';
 import { BaseFacetComponent } from '../base-facet.component';
 /**
  * The Date Range Facet component renders number input elements for minimum and maximum value.

package/dist/{types/components → components}/search/facet-types/linked-list-facet/link-list-facet.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, LinkListFacetComponentConfig, LinkListFacetComponentModel } from '@models';
+import { HawkSearchComponents, LinkListFacetComponentConfig } from '@configuration';
+import { LinkListFacetComponentModel } from '@models';
 import { BaseFacetComponent } from '../base-facet.component';
 /**
  * The Linked List Facet component renders a hyperlink for each value.

package/dist/{types/components → components}/search/facet-types/numeric-range-facet/numeric-range-facet.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, NumericRangeFacetComponentConfig, NumericRangeFacetComponentModel } from '@models';
+import { HawkSearchComponents, NumericRangeFacetComponentConfig } from '@configuration';
+import { NumericRangeFacetComponentModel } from '@models';
 import { BaseFacetComponent } from '../base-facet.component';
 /**
  * The Numeric Range Facet component renders number input elements for minimum and maximum value.

package/dist/{types/components → components}/search/facet-types/range-slider-facet/range-slider-facet.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, RangeSliderFacetComponentConfig, RangeSliderFacetComponentModel } from '@models';
+import { HawkSearchComponents, RangeSliderFacetComponentConfig } from '@configuration';
+import { RangeSliderFacetComponentModel } from '@models';
 import { BaseFacetComponent } from '../base-facet.component';
 /**
  * The Range Slider Facet component renders a {@link Components.RangeSliderComponent | Range Slider component} and number input elements for minimum and maximum value.

package/dist/{types/components → components}/search/facet-types/recent-searches-facet/recent-searches-facet.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, RecentSearchesFacetComponentConfig, RecentSearchesFacetComponentModel } from '@models';
+import { HawkSearchComponents, RecentSearchesFacetComponentConfig } from '@configuration';
+import { RecentSearchesFacetComponentModel } from '@models';
 import { BaseFacetComponent } from '../base-facet.component';
 /**
  * The Recent Searches Facet component displays a list of the five most recent searches performed by a user.

package/dist/{types/components → components}/search/facet-types/related-searches-facet/related-searches-facet.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, RelatedSearchesFacetComponentConfig, RelatedSearchesFacetComponentModel } from '@models';
+import { HawkSearchComponents, RelatedSearchesFacetComponentConfig } from '@configuration';
+import { RelatedSearchesFacetComponentModel } from '@models';
 import { BaseFacetComponent } from '../base-facet.component';
 /**
  * The Related Searches Facet component displays a list of queries related to the current query.

package/dist/{types/components → components}/search/facet-types/search-within-facet/search-within-facet.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, SearchWithinFacetComponentConfig, SearchWithinFacetComponentModel } from '@models';
+import { HawkSearchComponents, SearchWithinFacetComponentConfig } from '@configuration';
+import { SearchWithinFacetComponentModel } from '@models';
 import { BaseFacetComponent } from '../base-facet.component';
 /**
  * The Search Within Facet component allows the user to enter keywords to further refine the list of search results.

package/dist/{types/components → components}/search/facet-types/size-facet/size-facet.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, SizeFacetComponentConfig, SizeFacetComponentModel } from '@models';
+import { HawkSearchComponents, SizeFacetComponentConfig } from '@configuration';
+import { SizeFacetComponentModel } from '@models';
 import { BaseFacetComponent } from '../base-facet.component';
 /**
  * The Size Facet component displays a list of product sizes in a grid format.

package/dist/{types/components → components}/search/facet-wrapper/facet-wrapper.component.d.ts

@@ -1,4 +1,5 @@
-import { Facet, FacetState, FacetWrapperComponentConfig, FacetWrapperComponentModel, HawkSearchComponents } from '@models';
+import { FacetWrapperComponentConfig, HawkSearchComponents } from '@configuration';
+import { Facet, FacetState, FacetWrapperComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Facet Wrapper component adds functionality common to all facet types such as expand/collapse, tooltip, and value search.

package/dist/{types/components → components}/search/facets-list/facets-list.component.d.ts

@@ -1,4 +1,5 @@
-import { Facet, FacetsListComponentConfig, FacetsListComponentModel, HawkSearchComponents } from '@models';
+import { FacetsListComponentConfig, HawkSearchComponents } from '@configuration';
+import { Facet, FacetsListComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Facets List component displays a list of available facets with a toggle to expand/collapse on mobile devices.

package/dist/{types/components → components}/search/modified-query/modified-query.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, ModifiedQueryComponentConfig, ModifiedQueryComponentModel, ModifiedQueryData } from '@models';
+import { HawkSearchComponents, ModifiedQueryComponentConfig } from '@configuration';
+import { ModifiedQueryComponentModel, ModifiedQueryData } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Modified Query component is rendered when the spellchecker detects a spelling error and searches for the correctly-spelled query instead.

package/dist/{types/components → components}/search/page-size/page-size.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, PageSizeComponentConfig, PageSizeComponentModel, PaginationOption } from '@models';
+import { HawkSearchComponents, PageSizeComponentConfig } from '@configuration';
+import { PageSizeComponentModel, PaginationOption } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Page Size component is used to modify the number of search results displayed on each page.

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

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, Pagination, PaginationComponentConfig, PaginationComponentModel } from '@models';
+import { HawkSearchComponents, PaginationComponentConfig } from '@configuration';
+import { Pagination, PaginationComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Pagination component is used to navigate between different pages of a search results set.

package/dist/{types/components → components}/search/query-suggestions/query-suggestions.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, QuerySuggestionsComponentConfig, QuerySuggestionsComponentModel, QuerySuggestionsData } from '@models';
+import { HawkSearchComponents, QuerySuggestionsComponentConfig } from '@configuration';
+import { QuerySuggestionsComponentModel, QuerySuggestionsData } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Query Suggestions component displays a list of possible queries that the search engine detects the user may be looking for.

package/dist/{types/components → components}/search/search-field/search-field.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, SearchFieldComponentConfig, SearchFieldComponentModel, SearchResponse } from '@models';
+import { HawkSearchComponents, SearchFieldComponentConfig } from '@configuration';
+import { SearchFieldComponentModel, SearchResponse } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Search component contains a text input element which triggers the {@link Components.AutocompleteComponent | Autocomplete component} as the user types and executes a new search when the user hits the `enter` key.

package/dist/{types/components → components}/search/search-results/search-results.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, SearchResponse, SearchResultsComponentConfig, SearchResultsComponentModel, SearchResultsMode } from '@models';
+import { HawkSearchComponents, SearchResultsComponentConfig } from '@configuration';
+import { SearchResponse, SearchResultsComponentModel, SearchResultsMode } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Search Results component encapsulates all components relating to search-results.

package/dist/{types/components → components}/search/search-results-item/search-results-item.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, SearchResultsItem, SearchResultsItemComponentConfig, SearchResultsItemComponentModel } from '@models';
+import { HawkSearchComponents, SearchResultsItemComponentConfig } from '@configuration';
+import { SearchResultsItem, SearchResultsItemComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Search Results Item component displays information for an individual product or page.

package/dist/{types/components → components}/search/search-results-list/search-results-list.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, SearchResultsItem, SearchResultsListComponentConfig, SearchResultsListComponentModel } from '@models';
+import { HawkSearchComponents, SearchResultsListComponentConfig } from '@configuration';
+import { SearchResultsItem, SearchResultsListComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Search Results List component is a wrapper around a group of {@link Components.SearchResultsItemComponent | Search Results Item} components.

package/dist/{types/components → components}/search/selected-facets/selected-facets.component.d.ts

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, SelectedFacet, SelectedFacetsComponentConfig, SelectedFacetsComponentModel } from '@models';
+import { HawkSearchComponents, SelectedFacetsComponentConfig } from '@configuration';
+import { SelectedFacet, SelectedFacetsComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Selected Facets component displays a list of facets that have been selected by the user.

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

@@ -1,4 +1,5 @@
-import { HawkSearchComponents, Sorting, SortingComponentConfig, SortingComponentModel } from '@models';
+import { HawkSearchComponents, SortingComponentConfig } from '@configuration';
+import { Sorting, SortingComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Sorting component is used to select the logic for ordering search results.

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

@@ -1,4 +1,5 @@
-import { Facet, HawkSearchComponents, TabsComponentConfig, TabsComponentModel } from '@models';
+import { HawkSearchComponents, TabsComponentConfig } from '@configuration';
+import { Facet, TabsComponentModel } from '@models';
 import { BaseComponent } from '../../base.component';
 /**
  * The Tabs component is used to segment search results by item type, often products and content.