@bridgeline-digital/hawksearch-handlebars-ui 1.0.0-beta.2 → 1.0.0-beta.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hawksearch-ui.js +3 -0
- package/dist/{handlebars-ui.js.LICENSE.txt → hawksearch-ui.js.LICENSE.txt} +0 -0
- package/dist/hawksearch-ui.js.map +1 -0
- package/dist/hawksearch.729ebbec83d6a91f0842fadb536aa264.css +1 -0
- package/dist/{545f0f75f62e4805198f.svg → icons.545f0f75f62e4805198f.svg} +0 -0
- package/dist/{c99b7374b9bf579d0fd0.png → placeholder.c99b7374b9bf579d0fd0.png} +0 -0
- package/package.json +27 -23
- package/readme.md +37 -0
- package/dist/components/autocomplete/autocomplete.component.js +0 -100
- package/dist/components/autocomplete/autocomplete.component.js.map +0 -1
- package/dist/components/base.component.js +0 -81
- package/dist/components/base.component.js.map +0 -1
- package/dist/components/facet-types/base-facet.component.js +0 -93
- package/dist/components/facet-types/base-facet.component.js.map +0 -1
- package/dist/components/facet-types/checkbox-list-facet/checkbox-list-facet.component.js +0 -52
- package/dist/components/facet-types/checkbox-list-facet/checkbox-list-facet.component.js.map +0 -1
- package/dist/components/facet-types/color-facet/color-facet.component.js +0 -26
- package/dist/components/facet-types/color-facet/color-facet.component.js.map +0 -1
- package/dist/components/facet-types/index.js +0 -7
- package/dist/components/facet-types/index.js.map +0 -1
- package/dist/components/facet-types/linked-list-facet/link-list-facet.component.js +0 -30
- package/dist/components/facet-types/linked-list-facet/link-list-facet.component.js.map +0 -1
- package/dist/components/facet-types/range-slider-facet/range-slider-facet.component.js +0 -92
- package/dist/components/facet-types/range-slider-facet/range-slider-facet.component.js.map +0 -1
- package/dist/components/facet-types/search-within-facet/search-within-facet.component.js +0 -32
- package/dist/components/facet-types/search-within-facet/search-within-facet.component.js.map +0 -1
- package/dist/components/facet-types/size-facet/size-facet.component.js +0 -28
- package/dist/components/facet-types/size-facet/size-facet.component.js.map +0 -1
- package/dist/components/facet-wrapper/facet-wrapper.component.js +0 -51
- package/dist/components/facet-wrapper/facet-wrapper.component.js.map +0 -1
- package/dist/components/facets-list/facets-list.component.js +0 -72
- package/dist/components/facets-list/facets-list.component.js.map +0 -1
- package/dist/components/icon/icon.component.js +0 -34
- package/dist/components/icon/icon.component.js.map +0 -1
- package/dist/components/index.js +0 -19
- package/dist/components/index.js.map +0 -1
- package/dist/components/modified-query/modified-query.component.js +0 -35
- package/dist/components/modified-query/modified-query.component.js.map +0 -1
- package/dist/components/page-size/page-size.component.js +0 -33
- package/dist/components/page-size/page-size.component.js.map +0 -1
- package/dist/components/pagination/pagination.component.js +0 -84
- package/dist/components/pagination/pagination.component.js.map +0 -1
- package/dist/components/query-suggestions/query-suggestions.component.js +0 -54
- package/dist/components/query-suggestions/query-suggestions.component.js.map +0 -1
- package/dist/components/range-slider/range-slider.component.js +0 -153
- package/dist/components/range-slider/range-slider.component.js.map +0 -1
- package/dist/components/search/search.component.js +0 -73
- package/dist/components/search/search.component.js.map +0 -1
- package/dist/components/search-results/search-results.component.js +0 -17
- package/dist/components/search-results/search-results.component.js.map +0 -1
- package/dist/components/search-results-item/search-results-item.component.js +0 -81
- package/dist/components/search-results-item/search-results-item.component.js.map +0 -1
- package/dist/components/search-results-list/search-results-list.component.js +0 -28
- package/dist/components/search-results-list/search-results-list.component.js.map +0 -1
- package/dist/components/selected-facets/selected-facets.component.js +0 -64
- package/dist/components/selected-facets/selected-facets.component.js.map +0 -1
- package/dist/components/sorting/sorting.component.js +0 -31
- package/dist/components/sorting/sorting.component.js.map +0 -1
- package/dist/components/tabs/tabs.component.js +0 -31
- package/dist/components/tabs/tabs.component.js.map +0 -1
- package/dist/components/tooltip/tooltip.component.js +0 -43
- package/dist/components/tooltip/tooltip.component.js.map +0 -1
- package/dist/custom1.html +0 -1
- package/dist/custom2.html +0 -1
- package/dist/handlebars-ui.js +0 -3
- package/dist/handlebars-ui.js.map +0 -1
- package/dist/helpers/formatters.js +0 -12
- package/dist/helpers/formatters.js.map +0 -1
- package/dist/helpers/index.js +0 -2
- package/dist/helpers/index.js.map +0 -1
- package/dist/index.html +0 -1
- package/dist/index.js +0 -79
- package/dist/index.js.map +0 -1
- package/dist/models/autocomplete.models.js +0 -2
- package/dist/models/autocomplete.models.js.map +0 -1
- package/dist/models/component.models.js +0 -2
- package/dist/models/component.models.js.map +0 -1
- package/dist/models/global.models.js +0 -2
- package/dist/models/global.models.js.map +0 -1
- package/dist/models/index.js +0 -8
- package/dist/models/index.js.map +0 -1
- package/dist/models/raw-autocomplete.models.js +0 -2
- package/dist/models/raw-autocomplete.models.js.map +0 -1
- package/dist/models/raw-search.models.js +0 -2
- package/dist/models/raw-search.models.js.map +0 -1
- package/dist/models/search.models.js +0 -2
- package/dist/models/search.models.js.map +0 -1
- package/dist/models/tracking.models.js +0 -35
- package/dist/models/tracking.models.js.map +0 -1
- package/dist/services/autocomplete.service.js +0 -103
- package/dist/services/autocomplete.service.js.map +0 -1
- package/dist/services/base.service.js +0 -83
- package/dist/services/base.service.js.map +0 -1
- package/dist/services/index.js +0 -4
- package/dist/services/index.js.map +0 -1
- package/dist/services/search.service.js +0 -608
- package/dist/services/search.service.js.map +0 -1
- package/dist/services/tracking.service.js +0 -115
- package/dist/services/tracking.service.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{box-shadow:none;margin:0;padding:0;border:0;font-size:100%;font-weight:normal;font:inherit;vertical-align:baseline;color:inherit;text-transform:none;text-shadow:none;background:rgba(0,0,0,0)}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none;width:auto}ol li,ul li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img{display:inline-block}.clearfix:after{content:"";display:table;clear:both}*,*:before,*:after{box-sizing:border-box !important;transition:none}b,strong{font-weight:bold}i,em{font-style:italic}u{text-decoration:underline}sup{vertical-align:super;font-size:75%}sub{vertical-align:sub;font-size:75%}a{cursor:pointer}.label{display:block;margin:0 0 5px 0;text-align:left}input[type=text],input[type=number],input[type=search],select{display:block;outline:none;width:100%;height:45px;border:var(--form-element-border);border-radius:var(--form-element-border-radius);padding:var(--padding-sm);background:var(--form-element-background);font-family:var(--default-font-family);font-size:1rem;line-height:1;color:var(--default-font-color)}input[type=text]:hover,input[type=text]:focus,input[type=number]:hover,input[type=number]:focus,input[type=search]:hover,input[type=search]:focus,select:hover,select:focus{border:var(--form-element-border--focus)}select{padding-right:var(--padding)}::placeholder{color:var(--form-element-placeholder-color)}input[type=checkbox]{position:absolute;width:16px;height:16px;clip:rect(0, 0, 0, 0)}input[type=checkbox]+label{display:block;position:relative;margin:0 0 5px 0;padding:0 0 0 calc(16px + var(--padding-sm));cursor:pointer}input[type=checkbox]+label:before{content:"";display:block;position:absolute;top:0;left:0;height:16px;width:16px;border:var(--form-element-border)}input[type=checkbox]+label:hover:before{border-color:var(--color-accent)}input[type=checkbox]+label:last-child{margin-bottom:0}input[type=checkbox]:checked+label:before{border-color:var(--color-accent);background:var(--color-accent)}.row{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row:last-child{margin-bottom:0}.row--reverse{flex-direction:row-reverse}.row--tight{--gap: var(--padding-xs)}@media(min-width: 740px){.row-sm{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-sm:last-child{margin-bottom:0}.row-sm--reverse{flex-direction:row-reverse}.row-sm--tight{--gap: var(--padding-xs)}}@media(min-width: 990px){.row-md{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-md:last-child{margin-bottom:0}.row-md--reverse{flex-direction:row-reverse}.row-md--tight{--gap: var(--padding-xs)}}@media(min-width: 1260px){.row-lg{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-lg:last-child{margin-bottom:0}.row-lg--reverse{flex-direction:row-reverse}.row-lg--tight{--gap: var(--padding-xs)}}@media(min-width: 1800px){.row-xl{--gap: var(--padding);display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap);margin:0 0 var(--margin) 0}.row-xl:last-child{margin-bottom:0}.row-xl--reverse{flex-direction:row-reverse}.row-xl--tight{--gap: var(--padding-xs)}}.column{flex-grow:0;flex-shrink:0;width:100%}.column--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column--12{flex-basis:calc(100% - (0 * var(--gap)))}.column--pull-right{margin-left:auto}@media(min-width: 740px){.column-sm{flex-grow:0;flex-shrink:0;width:100%}.column-sm--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-sm--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-sm--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-sm--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-sm--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-sm--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-sm--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-sm--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-sm--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-sm--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-sm--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-sm--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-sm--pull-right{margin-left:auto}}@media(min-width: 990px){.column-md{flex-grow:0;flex-shrink:0;width:100%}.column-md--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-md--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-md--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-md--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-md--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-md--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-md--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-md--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-md--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-md--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-md--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-md--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-md--pull-right{margin-left:auto}}@media(min-width: 1260px){.column-lg{flex-grow:0;flex-shrink:0;width:100%}.column-lg--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-lg--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-lg--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-lg--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-lg--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-lg--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-lg--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-lg--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-lg--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-lg--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-lg--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-lg--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-lg--pull-right{margin-left:auto}}@media(min-width: 1800px){.column-xl{flex-grow:0;flex-shrink:0;width:100%}.column-xl--1{flex-basis:calc(8.3333333333% - (0.9166666667 * var(--gap)))}.column-xl--2{flex-basis:calc(16.6666666667% - (0.8333333333 * var(--gap)))}.column-xl--3{flex-basis:calc(25% - (0.75 * var(--gap)))}.column-xl--4{flex-basis:calc(33.3333333333% - (0.6666666667 * var(--gap)))}.column-xl--5{flex-basis:calc(41.6666666667% - (0.5833333333 * var(--gap)))}.column-xl--6{flex-basis:calc(50% - (0.5 * var(--gap)))}.column-xl--7{flex-basis:calc(58.3333333333% - (0.4166666667 * var(--gap)))}.column-xl--8{flex-basis:calc(66.6666666667% - (0.3333333333 * var(--gap)))}.column-xl--9{flex-basis:calc(75% - (0.25 * var(--gap)))}.column-xl--10{flex-basis:calc(83.3333333333% - (0.1666666667 * var(--gap)))}.column-xl--11{flex-basis:calc(91.6666666667% - (0.0833333333 * var(--gap)))}.column-xl--12{flex-basis:calc(100% - (0 * var(--gap)))}.column-xl--pull-right{margin-left:auto}}img{max-width:100%;height:auto}p{margin:0 0 var(--padding) 0}p:last-child{margin-bottom:0}a{text-decoration:none}a:hover{color:var(--color-accent)}.autocomplete{position:absolute;left:0;right:0;margin-top:-1px;box-shadow:0 2px 5px rgba(0,0,0,.1);border:var(--container-border);padding:var(--padding);background:var(--container-background);z-index:1}.autocomplete__title{display:block;margin:0 0 var(--padding) 0;font-size:1.1rem;font-weight:bold}.autocomplete__list:not(:last-child){margin-bottom:var(--margin)}.autocomplete__product{height:100%;text-align:center}.autocomplete__product__image{display:flex;justify-content:center;align-items:center;padding:0 var(--padding) var(--padding) var(--padding);height:150px}.autocomplete__product__image a{display:block}.autocomplete__product__image img{margin:0;max-height:100%}.autocomplete__product__title{display:block;font-weight:bold}.autocomplete__view-all{text-align:center}.button{display:inline-block;outline:none;height:45px;border-radius:var(--button-border-radius);border:none;padding:var(--padding-sm) var(--padding);background:var(--button-background);font-weight:bold;color:var(--button-font-color);text-align:center;cursor:pointer}.button:hover{outline:solid 2px var(--button-background)}.button--full-width{display:block;width:100%}hawksearch-featured-items-content-item{width:100%}.custom-content{margin:0 0 var(--margin) 0}.featured-items-content__item__sale-indicator{position:absolute;top:0;left:0;padding:5px;background:var(--container-background--alternate)}.featured-items-content__item__image{display:flex;justify-content:center;align-items:center;padding:0 var(--padding) var(--padding) var(--padding);height:200px}.featured-items-content__item__image img{margin:0;max-height:100%}.featured-items-content__item__title{display:block;margin:0 0 var(--padding-sm) 0;font-size:1.125rem;font-weight:bold}.featured-items-content__item__title:last-child{margin-bottom:0}.featured-items-content__item__price{display:block}.featured-items-content__item__price__original{text-decoration:line-through}.featured-items-content__item--content{border-bottom:var(--container-border);padding:0 0 var(--padding) 0}.featured-items-content__item--content:last-child{border-bottom:0;padding-bottom:0}.featured-items-content__item--product{position:relative;height:100%;padding:var(--padding);border:var(--container-border);background:var(--container-background);text-align:center}.image-content{margin:0 0 var(--margin) 0}.image-content__image{display:block;margin:0 auto}.popular-queries-content{margin:0 0 var(--margin) 0;text-align:center;line-height:1}.popular-queries-content__item{display:inline-block;margin:0 5px;vertical-align:middle}.popular-queries-content__item--1{font-size:100%}.popular-queries-content__item--2{font-size:150%}.popular-queries-content__item--3{font-size:200%}.popular-queries-content__item--4{font-size:250%}.popular-queries-content__item--5{font-size:300%}.content-zone{margin:0 0 var(--margin) 0}.date-picker{position:relative}.date-picker__modal{position:absolute;width:300px;border:var(--container-border);padding:var(--padding-sm);background:var(--container-background);z-index:10}.date-picker__modal__header{display:flex;align-items:center;gap:var(--padding-sm);margin:0 0 var(--padding-sm) 0;padding:var(--padding-sm);background:var(--container-background--alternate);font-weight:bold;text-align:center}.date-picker__modal__header__previous,.date-picker__modal__header__next{display:inline-flex;font-size:1.5rem;flex-grow:0}.date-picker__modal__header__month{flex-grow:1}.date-picker__calendar{width:100%}.date-picker__calendar thead th{width:14.286%;padding:var(--padding-xs);background:var(--container-background);font-weight:bold;text-align:center}.date-picker__calendar tbody td{border:var(--container-border);padding:var(--padding-xs);text-align:center}.date-picker__calendar tbody td:hover{color:var(--color-accent)}.date-picker__calendar__day{background:var(--container-background);cursor:pointer}.date-picker__calendar__day--alternate{background:var(--color-secondary-light)}.date-picker__calendar__day--selected{background:var(--color-accent);color:var(--default-font-color--inverse) !important}.date-picker__calendar__day--disabled{cursor:no-drop;opacity:.5}hawksearch-facets-list{display:block;margin:0 0 var(--margin) 0}hawksearch-facets-list:last-child{margin-bottom:0}.facets{border:var(--container-border);background:var(--container-background)}.facets__heading{display:flex;align-items:center;padding:var(--padding-sm) var(--padding);font-size:1.2rem;font-weight:bold;background:var(--container-background--alternate);cursor:pointer}.facets__heading__mobile-toggle{margin-left:auto}.facets__heading:hover{color:var(--color-accent)}.facets__content{display:none}.facets--expanded .facets__content{display:block}@media(min-width: 990px){.facets__heading{cursor:default}.facets__heading__mobile-toggle{display:none}.facets__heading:hover{color:var(--default-font-color)}.facets__content{display:block}}.facet__heading{display:flex;align-items:center;padding:var(--padding-sm) var(--padding);font-size:1.125rem;cursor:default}.facet__heading__tooltip{font-size:1.2em;margin-left:5px}.facet__heading__toggle{margin-left:auto}.facet__heading--collapsible{cursor:pointer}.facet__heading--collapsible:hover{--icon-color: var(--color-accent);color:var(--color-accent)}.facet__search{margin:0 0 var(--padding) 0}.facet__content{padding:0 var(--padding) var(--padding) var(--padding)}.facet__value{display:flex;align-items:center;flex-wrap:wrap}.facet__value__image{margin-right:5px}.facet__value__count{color:var(--secondary-font-color)}.checkbox-list-facet__list{margin:0 0 var(--padding-xs) 0}.checkbox-list-facet__list__item{display:flex;margin:0 0 var(--padding-xs) 0}.checkbox-list-facet__list__item__content{flex-grow:1}.checkbox-list-facet__list__item__actions{position:relative;top:-2px;flex-grow:0;margin-left:auto;white-space:nowrap;line-height:1}.checkbox-list-facet__list__item__actions__item{font-size:1.3em;cursor:pointer}.checkbox-list-facet__list__item__actions__item:hover{color:var(--color-accent)}.checkbox-list-facet__list__item--excluded>.checkbox-list-facet__item__content>label .facet__value__title{text-decoration:line-through}.checkbox-list-facet__list__item:last-child{margin-bottom:0}.checkbox-list-facet__list__item .checkbox-list-facet__list{margin-left:calc(16px + var(--padding-sm))}.checkbox-list-facet__list:last-child{margin-bottom:0}.color-facet__items{margin-bottom:var(--padding-xs)}.color-facet__item{position:relative;border:var(--container-border);cursor:pointer}.color-facet__item__box{padding:0 0 100% 0}.color-facet__item__image{display:block;width:100%;height:100%}.color-facet__item__actions{display:none}.color-facet__item--selected{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.color-facet__item:hover{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.color-facet__item:hover .color-facet__item__actions{display:block;position:absolute;top:0;right:0;border:var(--container-border);background:var(--container-background);font-size:1rem;line-height:1}.color-facet__item:hover .color-facet__item__actions:hover{color:var(--color-accent)}.link-list-facet__list__item{margin-bottom:var(--padding-xs)}.recent-searches-facet__list__item{margin-bottom:var(--padding-xs)}.related-searches-facet__list__item{margin-bottom:var(--padding-xs)}.size-facet__items{margin-bottom:var(--padding-xs)}.size-facet__item{position:relative;border:var(--container-border)}.size-facet__item__outer{position:relative;padding:0 0 100% 0;cursor:pointer}.size-facet__item__inner{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--padding-xs);background:var(--container-background--alternate);font-size:.6875rem}.size-facet__item__actions{display:none}.size-facet__item--selected{outline:solid 1px var(--color-accent);border-color:var(--color-accent)}.size-facet__item:hover{border-color:var(--color-accent)}.size-facet__item:hover .size-facet__item__actions{display:block;position:absolute;top:0;right:0;border:var(--container-border);background:var(--container-background);font-size:1rem;line-height:1;cursor:pointer}.size-facet__item:hover .size-facet__item__actions:hover{color:var(--color-accent)}hawksearch-icon{display:inline-flex;align-items:center;font-size:var(--icon-font-size, 1em);color:var(--icon-color, currentColor)}.icon{display:inline-flex;align-items:center;margin:0 .5em 0 0;max-width:none;fill:currentColor;vertical-align:middle}.icon:last-child{margin:0}.modified-query{margin:0 0 var(--margin) 0}.modified-query__modified{font-style:italic}.modified-query__original{font-weight:bold}.pagination{display:flex;align-items:center;gap:var(--padding);line-height:1}.pagination__pages{display:flex;align-items:center;gap:var(--padding-xs)}.pagination__page--selected{font-weight:bold;color:var(--color-accent)}.query-suggestions{margin:0 0 var(--margin) 0}.query-suggestions a{font-style:italic}.range-slider{padding:0 12px}.range-slider__container{position:relative;padding:8px 0}.range-slider__bar{position:relative;border:var(--container-border);height:8px;background:var(--container-background)}.range-slider__bar__active{position:absolute;left:0;right:0;height:100%;background:var(--color-accent)}.range-slider__handle{display:block;position:absolute;top:0;outline:solid 1px var(--color-accent);margin-left:-12px;border:solid 3px var(--color-background);border-radius:100%;width:24px;height:24px;padding:4px;background:var(--color-accent);cursor:pointer}.range-slider__handle--start{left:0}.range-slider__handle--end{left:100%}.range-slider__handle:hover{outline-width:2px}.search{position:relative;margin:0 0 var(--margin) 0}hawksearch-results-list{display:block;margin:0 0 var(--margin) 0}hawksearch-results-list:last-child{margin:0}.search-results-list{margin:0 0 var(--margin) 0}.search-results-list:last-child{margin:0}hawksearch-results-item{display:block;height:100%}.search-results-item__sale-indicator{position:absolute;top:0;left:0;padding:5px;background:var(--container-background--alternate)}.search-results-item__image{display:flex;justify-content:center;align-items:center;padding:0 var(--padding) var(--padding) var(--padding);height:200px}.search-results-item__image img{margin:0;max-height:100%}.search-results-item__title{display:block;margin:0 0 var(--padding-sm) 0;font-size:1.125rem;font-weight:bold}.search-results-item__title:last-child{margin-bottom:0}.search-results-item__price{display:block}.search-results-item__price__original{text-decoration:line-through}.search-results-item--content{border-bottom:var(--container-border);padding:0 0 var(--padding) 0}.search-results-item--content:last-child{border-bottom:0;padding-bottom:0}.search-results-item--product{position:relative;height:100%;padding:var(--padding);border:var(--container-border);background:var(--container-background);text-align:center}.selected-facet{display:flex;align-items:center;gap:var(--padding-xs);padding:var(--padding-xs);background:var(--container-background--alternate);white-space:nowrap}.selected-facet__field{font-weight:bold}.selected-facet__field:after{content:":"}.selected-facet__value--excluded{text-decoration:line-through}.selected-facet__remove{margin-top:2px;line-height:1}.tabs{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--padding-xs);margin:0 0 var(--padding) 0}.tabs__item{display:block;margin:0 0 -1px 0;border:var(--container-border);padding:var(--padding-sm) var(--padding);background:var(--container-background--alternate);white-space:nowrap;cursor:pointer}.tabs__item--selected{background:var(--container-background)}.tabs__item:hover{color:var(--color-accent)}@media(min-width: 740px){.tabs{flex-direction:row}}@media(min-width: 990px){.tabs:not(.tabs--list){border-bottom:var(--container-border);border-bottom-color:var(--container-background--alternate);padding:0 var(--padding)}.tabs:not(.tabs--list) .tabs__item--selected{border-bottom-color:var(--container-background)}}.tooltip{display:inline-flex;cursor:pointer}.tooltip__content{display:none}.tooltip:hover .tooltip__content{display:block;position:fixed;margin:calc(-0.5*var(--padding) - 1px) 0 0 2rem;box-shadow:0 0 5px rgba(0,0,0,.1);max-width:350px;border:var(--container-border);padding:calc(var(--padding)/2);background:var(--container-background);z-index:1}.display-block{display:block !important}.display-none{display:none !important}@media(min-width: 740px){.display-sm-block{display:block !important}.display-sm-none{display:none !important}}@media(min-width: 990px){.display-md-block{display:block !important}.display-md-none{display:none !important}}@media(min-width: 1260px){.display-lg-block{display:block !important}.display-lg-none{display:none !important}}@media(min-width: 1800px){.display-xl-block{display:block !important}.display-xl-none{display:none !important}}.flex-vertical-center{display:flex;flex-direction:column;justify-content:center}@media(min-width: 740px){.flex-vertical-sm-center{display:flex;flex-direction:column;justify-content:center}}@media(min-width: 990px){.flex-vertical-md-center{display:flex;flex-direction:column;justify-content:center}}@media(min-width: 1260px){.flex-vertical-lg-center{display:flex;flex-direction:column;justify-content:center}}@media(min-width: 1800px){.flex-vertical-xl-center{display:flex;flex-direction:column;justify-content:center}}.flex-gap{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap--none{gap:0}.flex-gap--sm{gap:var(--padding-sm)}.flex-gap--xs{gap:var(--padding-xs)}@media(min-width: 740px){.flex-gap-sm{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-sm--none{gap:0}.flex-gap-sm--sm{gap:var(--padding-sm)}.flex-gap-sm--xs{gap:var(--padding-xs)}}@media(min-width: 990px){.flex-gap-md{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-md--none{gap:0}.flex-gap-md--sm{gap:var(--padding-sm)}.flex-gap-md--xs{gap:var(--padding-xs)}}@media(min-width: 1260px){.flex-gap-lg{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-lg--none{gap:0}.flex-gap-lg--sm{gap:var(--padding-sm)}.flex-gap-lg--xs{gap:var(--padding-xs)}}@media(min-width: 1800px){.flex-gap-xl{display:flex;flex-wrap:wrap;gap:var(--padding)}.flex-gap-xl--none{gap:0}.flex-gap-xl--sm{gap:var(--padding-sm)}.flex-gap-xl--xs{gap:var(--padding-xs)}}.margin{margin-bottom:var(--margin) !important}.margin-small{margin-bottom:var(--margin-sm) !important}.margin-none{margin-bottom:0 !important}@media(min-width: 740px){.margin-sm{margin-bottom:var(--margin) !important}.margin-sm-small{margin-bottom:var(--margin-sm) !important}.margin-sm-none{margin-bottom:0 !important}}@media(min-width: 990px){.margin-md{margin-bottom:var(--margin) !important}.margin-md-small{margin-bottom:var(--margin-sm) !important}.margin-md-none{margin-bottom:0 !important}}@media(min-width: 1260px){.margin-lg{margin-bottom:var(--margin) !important}.margin-lg-small{margin-bottom:var(--margin-sm) !important}.margin-lg-none{margin-bottom:0 !important}}@media(min-width: 1800px){.margin-xl{margin-bottom:var(--margin) !important}.margin-xl-small{margin-bottom:var(--margin-sm) !important}.margin-xl-none{margin-bottom:0 !important}}.width-auto{width:auto}.width-full{width:100%}@media(min-width: 740px){.width-sm-auto{width:auto}.width-sm-full{width:100%}}@media(min-width: 990px){.width-md-auto{width:auto}.width-md-full{width:100%}}@media(min-width: 1260px){.width-lg-auto{width:auto}.width-lg-full{width:100%}}@media(min-width: 1800px){.width-xl-auto{width:auto}.width-xl-full{width:100%}}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}@media(min-width: 740px){.text-align-sm-left{text-align:left}.text-align-sm-center{text-align:center}.text-align-sm-right{text-align:right}}@media(min-width: 990px){.text-align-md-left{text-align:left}.text-align-md-center{text-align:center}.text-align-md-right{text-align:right}}@media(min-width: 1260px){.text-align-lg-left{text-align:left}.text-align-lg-center{text-align:center}.text-align-lg-right{text-align:right}}@media(min-width: 1800px){.text-align-xl-left{text-align:left}.text-align-xl-center{text-align:center}.text-align-xl-right{text-align:right}}:host{--color-accent: var(--hawksearch-color-accent, #119ff7);--color-secondary: var(--hawksearch-color-secondary, #ccc);--color-secondary-light: var(--hawksearch-color-secondary-light, #f1f1f1);--color-secondary-dark: var(--hawksearch-color-secondary-dark, #a0a0a0);--color-background: var(--hawksearch-color-background, #fff);--container-background: var(--hawksearch-container-background, var(--color-background));--container-background--alternate: var(--hawksearch-container-background--alternate, var(--color-secondary-light));--container-border: var(--hawksearch-container-border, solid 1px var(--color-secondary));--default-line-height: var(--hawksearch-default-line-height, 1.25);--default-font-color: var(--hawksearch-default-font-color, #333);--default-font-color--inverse: var(--hawksearch-default-font-color--inverse, #fff);--default-font-family: var(--hawksearch-default-font-family, Arial, sans-serif);--default-font-size: var(--hawksearch-default-font-size, 16px);--button-background: var(--hawksearch-button-background, var(--color-accent));--button-border-radius: var(--hawksearch-button-border-radius, 5px);--button-font-color: var(--hawksearch-button-font-color, #fff);--form-element-background: var(--hawksearch-form-element-background, var(--color-background));--form-element-border: var(--hawksearch-form-element-border, solid 1px var(--color-secondary));--form-element-border--focus: var(--hawksearch-form-element-border--focus, solid 1px var(--color-accent));--form-element-border-radius: var(--hawksearch-form-element-border-radius, 0);--form-element-placeholder-color: var(--hawksearch-form-element-placeholder-color, var(--color-secondary-dark));--margin: var(--hawksearch-margin, 32px);--margin-sm: var(--hawksearch-margin-sm, calc(var(--margin) / 2));--padding: var(--hawksearch-padding, 24px);--padding-xs: var(--hawksearch-padding-xs, calc(var(--padding) / 4));--padding-sm: var(--hawksearch-padding-sm, calc(var(--padding) / 2));--secondary-font-color: var(--hawksearch-secondary-font-color, var(--color-secondary-dark));font-family:var(--default-font-family);font-size:var(--default-font-size);color:var(--default-font-color);line-height:var(--default-line-height)}
|
|
File without changes
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bridgeline-digital/hawksearch-handlebars-ui",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
4
|
-
"description": "",
|
|
3
|
+
"version": "1.0.0-beta.21",
|
|
4
|
+
"description": "A customizable UI library for Hawksearch using Handlebars templates",
|
|
5
5
|
"private": false,
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -15,47 +15,51 @@
|
|
|
15
15
|
"lint": "npm run eslint && npm run prettier",
|
|
16
16
|
"prepare": "husky install",
|
|
17
17
|
"prettier": "prettier --write .",
|
|
18
|
-
"publish": "npm run
|
|
18
|
+
"publish": "npm run build:prod && npm publish",
|
|
19
19
|
"serve": "webpack serve --open",
|
|
20
|
-
"version": "npm version patch",
|
|
21
20
|
"watch": "webpack --watch"
|
|
22
21
|
},
|
|
23
|
-
"keywords": [
|
|
22
|
+
"keywords": [
|
|
23
|
+
"hawksearch"
|
|
24
|
+
],
|
|
24
25
|
"author": "",
|
|
25
26
|
"license": "ISC",
|
|
26
27
|
"devDependencies": {
|
|
27
|
-
"@trivago/prettier-plugin-sort-imports": "^3.
|
|
28
|
-
"@types/lodash": "^4.14.
|
|
29
|
-
"@
|
|
28
|
+
"@trivago/prettier-plugin-sort-imports": "^3.3.0",
|
|
29
|
+
"@types/lodash": "^4.14.186",
|
|
30
|
+
"@types/uuid": "^8.3.4",
|
|
31
|
+
"@typescript-eslint/eslint-plugin": "^5.40.0",
|
|
30
32
|
"css-loader": "^6.7.1",
|
|
31
33
|
"del": "^6.1.1",
|
|
32
|
-
"eslint": "^8.
|
|
34
|
+
"eslint": "^8.25.0",
|
|
33
35
|
"eslint-config-prettier": "^8.5.0",
|
|
36
|
+
"file-loader": "^6.2.0",
|
|
34
37
|
"gulp": "^4.0.2",
|
|
35
38
|
"gulp-cheerio": "^1.0.0",
|
|
36
39
|
"gulp-rename": "^2.0.0",
|
|
37
40
|
"gulp-svgmin": "^4.1.0",
|
|
38
41
|
"gulp-svgstore": "^9.0.0",
|
|
39
|
-
"
|
|
42
|
+
"handlebars": "^4.7.7",
|
|
43
|
+
"html-loader": "^4.2.0",
|
|
40
44
|
"html-webpack-plugin": "^5.5.0",
|
|
41
45
|
"husky": "^8.0.1",
|
|
42
46
|
"lint-staged": "^13.0.3",
|
|
47
|
+
"lodash": "^4.17.21",
|
|
43
48
|
"prettier": "^2.7.1",
|
|
44
49
|
"raw-loader": "^4.0.2",
|
|
45
|
-
"sass": "^1.
|
|
46
|
-
"sass-loader": "^13.
|
|
50
|
+
"sass": "^1.55.0",
|
|
51
|
+
"sass-loader": "^13.1.0",
|
|
47
52
|
"style-loader": "^3.3.1",
|
|
48
|
-
"ts-loader": "^9.
|
|
49
|
-
"tsconfig-paths-webpack-plugin": "^
|
|
50
|
-
"typescript": "^4.
|
|
51
|
-
"
|
|
52
|
-
"webpack
|
|
53
|
-
"webpack-
|
|
54
|
-
|
|
55
|
-
"dependencies": {
|
|
56
|
-
"handlebars": "^4.7.7",
|
|
57
|
-
"lodash": "^4.17.21"
|
|
53
|
+
"ts-loader": "^9.4.1",
|
|
54
|
+
"tsconfig-paths-webpack-plugin": "^4.0.0",
|
|
55
|
+
"typescript": "^4.8.4",
|
|
56
|
+
"uuid": "^9.0.0",
|
|
57
|
+
"webpack": "^5.74.0",
|
|
58
|
+
"webpack-cli": "^4.10.0",
|
|
59
|
+
"webpack-dev-server": "^4.11.1"
|
|
58
60
|
},
|
|
59
|
-
"files": [
|
|
61
|
+
"files": [
|
|
62
|
+
"dist/**"
|
|
63
|
+
],
|
|
60
64
|
"main": "dist/hawksearch-ui.js"
|
|
61
65
|
}
|
package/readme.md
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# Hawksearch Handlebars UI
|
|
2
|
+
|
|
3
|
+
The Hawksearch Handlebars UI package allows you to add a highly-customizable search results page to your website powered by [Hawksearch](https://www.hawksearch.com/).
|
|
4
|
+
|
|
5
|
+
## Getting Started
|
|
6
|
+
|
|
7
|
+
1. Run `npm install --save @bridgeline-digital/hawksearch-handlebars-ui`
|
|
8
|
+
1. Modify your HTML by importing the Hawksearch Handlebars UI script file and adding the appropriate HTML elements.
|
|
9
|
+
|
|
10
|
+
```
|
|
11
|
+
<!DOCTYPE html>
|
|
12
|
+
<html>
|
|
13
|
+
<head>
|
|
14
|
+
<meta charset="utf-8" />
|
|
15
|
+
<title>Hawksearch Handlebars UI</title>
|
|
16
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
17
|
+
<script type="text/javascript">
|
|
18
|
+
var Hawksearch = Hawksearch || {};
|
|
19
|
+
|
|
20
|
+
Hawksearch.config = {
|
|
21
|
+
clientId: "YOUR_CLIENTID_HERE"
|
|
22
|
+
};
|
|
23
|
+
</script>
|
|
24
|
+
<script src="node_modules/@bridgeline-digital/hawksearch-handlebars-ui/dist/handlebars-ui.js" defer></script>
|
|
25
|
+
</head>
|
|
26
|
+
|
|
27
|
+
<body>
|
|
28
|
+
<h1>Hawksearch Handlebars UI</h1>
|
|
29
|
+
<hawksearch-search></hawksearch-search>
|
|
30
|
+
<hawksearch-results></hawksearch-results>
|
|
31
|
+
</body>
|
|
32
|
+
</html>
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Documentation
|
|
36
|
+
|
|
37
|
+
Please see the [documentation](https://hawksearch.atlassian.net/wiki/spaces/HUI) for this project.
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import placeholderUrl from '@assets/images/placeholder.png';
|
|
2
|
-
import { AutocompleteItemType } from '@models';
|
|
3
|
-
import { searchService, trackingService } from '@services';
|
|
4
|
-
import { BaseComponent } from '../base.component';
|
|
5
|
-
import defaultHtml from './autocomplete.component.hbs';
|
|
6
|
-
export class AutocompleteComponent extends BaseComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
super(...arguments);
|
|
9
|
-
this.bindEvent = 'hawksearch:bind-autocomplete';
|
|
10
|
-
this.customTemplatePropertyName = 'search';
|
|
11
|
-
this.defaultHtml = defaultHtml;
|
|
12
|
-
}
|
|
13
|
-
getContentHtml(template) {
|
|
14
|
-
var _a, _b, _c, _d, _e, _f;
|
|
15
|
-
if (!this.data || !(((_b = (_a = this.data.categories) === null || _a === void 0 ? void 0 : _a.results) === null || _b === void 0 ? void 0 : _b.length) || ((_d = (_c = this.data.content) === null || _c === void 0 ? void 0 : _c.results) === null || _d === void 0 ? void 0 : _d.length) || ((_f = (_e = this.data.products) === null || _e === void 0 ? void 0 : _e.results) === null || _f === void 0 ? void 0 : _f.length))) {
|
|
16
|
-
return '';
|
|
17
|
-
}
|
|
18
|
-
const html = template(Object.assign(Object.assign({}, this.data), { AutocompleteItemType: AutocompleteItemType }));
|
|
19
|
-
return html;
|
|
20
|
-
}
|
|
21
|
-
bindChildElements() {
|
|
22
|
-
var _a, _b, _c, _d, _e, _f;
|
|
23
|
-
(_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[hawksearch-image]').forEach((e) => {
|
|
24
|
-
e.addEventListener('error', (event) => {
|
|
25
|
-
const element = event.currentTarget;
|
|
26
|
-
element.src = Hawksearch.config.placeholderImageUrl || placeholderUrl;
|
|
27
|
-
});
|
|
28
|
-
});
|
|
29
|
-
(_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('[hawksearch-category-field][hawksearch-category-value]').forEach((e) => {
|
|
30
|
-
e.addEventListener('click', ((event) => {
|
|
31
|
-
var _a, _b;
|
|
32
|
-
event.preventDefault();
|
|
33
|
-
const element = event.currentTarget;
|
|
34
|
-
const field = element.getAttribute('hawksearch-category-field');
|
|
35
|
-
const value = element.getAttribute('hawksearch-category-value');
|
|
36
|
-
const category = (_b = (_a = this.data.categories) === null || _a === void 0 ? void 0 : _a.results) === null || _b === void 0 ? void 0 : _b.find((r) => r.field === field && r.value === value);
|
|
37
|
-
if (!category) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
trackingService.trackAutocompleteClick(this.data.query, AutocompleteItemType.Category, category.title, category.url);
|
|
41
|
-
const facets = {
|
|
42
|
-
[category.field]: [category.value]
|
|
43
|
-
};
|
|
44
|
-
searchService.modifySearch(undefined, facets);
|
|
45
|
-
this.close();
|
|
46
|
-
}));
|
|
47
|
-
});
|
|
48
|
-
(_c = this.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll('[hawksearch-content]').forEach((e) => {
|
|
49
|
-
e.addEventListener('click', ((event) => {
|
|
50
|
-
var _a, _b;
|
|
51
|
-
const element = event.currentTarget;
|
|
52
|
-
const id = element.getAttribute('hawksearch-content');
|
|
53
|
-
const content = (_b = (_a = this.data.content) === null || _a === void 0 ? void 0 : _a.results) === null || _b === void 0 ? void 0 : _b.find((r) => r.id === id);
|
|
54
|
-
if (!content) {
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
trackingService.trackAutocompleteClick(this.data.query, AutocompleteItemType.Content, content.title, content.url);
|
|
58
|
-
}));
|
|
59
|
-
});
|
|
60
|
-
(_d = this.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelectorAll('[hawksearch-product]').forEach((e) => {
|
|
61
|
-
e.addEventListener('click', ((event) => {
|
|
62
|
-
var _a, _b;
|
|
63
|
-
const element = event.currentTarget;
|
|
64
|
-
const id = element.getAttribute('hawksearch-product');
|
|
65
|
-
const product = (_b = (_a = this.data.products) === null || _a === void 0 ? void 0 : _a.results) === null || _b === void 0 ? void 0 : _b.find((r) => r.id === id);
|
|
66
|
-
if (!product) {
|
|
67
|
-
return;
|
|
68
|
-
}
|
|
69
|
-
trackingService.trackAutocompleteClick(this.data.query, AutocompleteItemType.Product, product.title, product.url);
|
|
70
|
-
}));
|
|
71
|
-
});
|
|
72
|
-
(_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelectorAll('[hawksearch-query]').forEach((e) => {
|
|
73
|
-
e.addEventListener('click', (event) => {
|
|
74
|
-
var _a;
|
|
75
|
-
event.preventDefault();
|
|
76
|
-
const element = event.currentTarget;
|
|
77
|
-
const query = element.getAttribute('hawksearch-query');
|
|
78
|
-
if (!query) {
|
|
79
|
-
return;
|
|
80
|
-
}
|
|
81
|
-
const queryResult = (_a = this.data.queries) === null || _a === void 0 ? void 0 : _a.results.find((q) => q.query === query);
|
|
82
|
-
if (queryResult) {
|
|
83
|
-
trackingService.trackAutocompleteClick(this.data.query, AutocompleteItemType.Search, queryResult.query, queryResult.url);
|
|
84
|
-
}
|
|
85
|
-
searchService.query(query);
|
|
86
|
-
});
|
|
87
|
-
});
|
|
88
|
-
(_f = this.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelectorAll('[hawksearch-view-all]').forEach((e) => {
|
|
89
|
-
e.addEventListener('click', (event) => {
|
|
90
|
-
event.preventDefault();
|
|
91
|
-
searchService.query(this.data.query);
|
|
92
|
-
});
|
|
93
|
-
});
|
|
94
|
-
}
|
|
95
|
-
close() {
|
|
96
|
-
const event = new Event('hawksearch:close-autocomplete');
|
|
97
|
-
this.dispatchEvent(event);
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
//# sourceMappingURL=autocomplete.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.component.js","sourceRoot":"","sources":["../../../src/components/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import hawksearchCss from '../scss/hawksearch.scss';
|
|
2
|
-
export class BaseComponent extends HTMLElement {
|
|
3
|
-
constructor() {
|
|
4
|
-
super(...arguments);
|
|
5
|
-
this.handlebars = Hawksearch.handlebars;
|
|
6
|
-
}
|
|
7
|
-
get hasCustomTemplate() {
|
|
8
|
-
return !!this.innerHTML.trim().length;
|
|
9
|
-
}
|
|
10
|
-
connectedCallback() {
|
|
11
|
-
this.attachShadow({
|
|
12
|
-
mode: 'open'
|
|
13
|
-
});
|
|
14
|
-
this.registerHelpers();
|
|
15
|
-
const customTemplateHtml = this.getCustomTemplateHtml();
|
|
16
|
-
const templateHtml = customTemplateHtml !== null && customTemplateHtml !== void 0 ? customTemplateHtml : this.defaultHtml;
|
|
17
|
-
this.template = this.handlebars.compile(templateHtml);
|
|
18
|
-
setTimeout(() => {
|
|
19
|
-
this.renderContent();
|
|
20
|
-
});
|
|
21
|
-
if (this.bindEvent) {
|
|
22
|
-
this.bindEventHandler = ((event) => {
|
|
23
|
-
this.data = event.detail;
|
|
24
|
-
this.renderContent();
|
|
25
|
-
});
|
|
26
|
-
addEventListener(this.bindEvent, this.bindEventHandler);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
disconnectedCallback() {
|
|
30
|
-
if (this.bindEvent && this.bindEventHandler) {
|
|
31
|
-
removeEventListener(this.bindEvent, this.bindEventHandler);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
registerHelpers() { }
|
|
35
|
-
renderContent() {
|
|
36
|
-
var _a;
|
|
37
|
-
if (!this.template) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
const elements = [];
|
|
41
|
-
if (Hawksearch.config.defaultStyles !== false) {
|
|
42
|
-
const defaultStyles = document.createElement('style');
|
|
43
|
-
defaultStyles.innerHTML = hawksearchCss;
|
|
44
|
-
elements.push(defaultStyles);
|
|
45
|
-
}
|
|
46
|
-
if (Hawksearch.config.customCssUrl) {
|
|
47
|
-
const customStyles = document.createElement('link');
|
|
48
|
-
customStyles.type = 'text/css';
|
|
49
|
-
customStyles.rel = 'stylesheet';
|
|
50
|
-
customStyles.href = Hawksearch.config.customCssUrl;
|
|
51
|
-
elements.push(customStyles);
|
|
52
|
-
}
|
|
53
|
-
const templateElement = document.createElement('template');
|
|
54
|
-
templateElement.innerHTML = this.getContentHtml(this.template);
|
|
55
|
-
const content = templateElement.content.cloneNode(true);
|
|
56
|
-
elements.push(content);
|
|
57
|
-
(_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.replaceChildren(...elements);
|
|
58
|
-
this.bindChildElements();
|
|
59
|
-
}
|
|
60
|
-
bindChildElements() { }
|
|
61
|
-
getCustomTemplateHtml() {
|
|
62
|
-
var _a;
|
|
63
|
-
let customTemplate;
|
|
64
|
-
if (this.hasCustomTemplate) {
|
|
65
|
-
customTemplate = this.innerHTML;
|
|
66
|
-
}
|
|
67
|
-
else {
|
|
68
|
-
if (this.customTemplatePropertyName) {
|
|
69
|
-
customTemplate = (_a = Hawksearch.templates) === null || _a === void 0 ? void 0 : _a[this.customTemplatePropertyName];
|
|
70
|
-
}
|
|
71
|
-
if (customTemplate) {
|
|
72
|
-
const customTemplateElement = document.getElementById(customTemplate);
|
|
73
|
-
if (customTemplateElement instanceof HTMLTemplateElement) {
|
|
74
|
-
customTemplate = customTemplateElement.innerHTML;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
return customTemplate;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
//# sourceMappingURL=base.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"base.component.js","sourceRoot":"","sources":["../../src/components/base.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
import { searchService } from '@services';
|
|
2
|
-
import { BaseComponent } from '../base.component';
|
|
3
|
-
export class BaseFacetComponent extends BaseComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
super(...arguments);
|
|
6
|
-
this.bindEvent = undefined;
|
|
7
|
-
}
|
|
8
|
-
bindChildElements() {
|
|
9
|
-
var _a, _b, _c, _d, _e, _f;
|
|
10
|
-
(_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('input[hawksearch-facet-value]').forEach((e) => {
|
|
11
|
-
e.addEventListener('change', (event) => {
|
|
12
|
-
event.stopPropagation();
|
|
13
|
-
const element = event.currentTarget;
|
|
14
|
-
const field = this.data.field;
|
|
15
|
-
const value = element.value;
|
|
16
|
-
if (element.checked) {
|
|
17
|
-
searchService.addFacetValue(field, value);
|
|
18
|
-
}
|
|
19
|
-
else {
|
|
20
|
-
searchService.removeFacetValue(field, value);
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
});
|
|
24
|
-
(_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelectorAll('[hawksearch-facet-value]:not(input)').forEach((e) => {
|
|
25
|
-
e.addEventListener('click', (event) => {
|
|
26
|
-
var _a;
|
|
27
|
-
event.preventDefault();
|
|
28
|
-
event.stopPropagation();
|
|
29
|
-
const element = event.currentTarget;
|
|
30
|
-
const value = element.getAttribute('hawksearch-facet-value');
|
|
31
|
-
const facetValue = (_a = this.data.values) === null || _a === void 0 ? void 0 : _a.find((v) => v.value === value);
|
|
32
|
-
if (!facetValue) {
|
|
33
|
-
return;
|
|
34
|
-
}
|
|
35
|
-
if (facetValue.selected) {
|
|
36
|
-
searchService.removeFacetValue(this.data.field, value);
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
searchService.addFacetValue(this.data.field, value);
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
});
|
|
43
|
-
(_c = this.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelectorAll('[hawksearch-facet-value-include]').forEach((e) => {
|
|
44
|
-
e.addEventListener('click', (event) => {
|
|
45
|
-
event.preventDefault();
|
|
46
|
-
event.stopPropagation();
|
|
47
|
-
const element = event.currentTarget;
|
|
48
|
-
const field = this.data.field;
|
|
49
|
-
let value = element.getAttribute('hawksearch-facet-value-include');
|
|
50
|
-
if (!value) {
|
|
51
|
-
return;
|
|
52
|
-
}
|
|
53
|
-
value = `@${value}`;
|
|
54
|
-
searchService.removeFacetValue(field, value);
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
(_d = this.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelectorAll('[hawksearch-facet-value-exclude]').forEach((e) => {
|
|
58
|
-
e.addEventListener('click', (event) => {
|
|
59
|
-
event.preventDefault();
|
|
60
|
-
event.stopPropagation();
|
|
61
|
-
const element = event.currentTarget;
|
|
62
|
-
const field = this.data.field;
|
|
63
|
-
const value = element.getAttribute('hawksearch-facet-value-exclude');
|
|
64
|
-
if (!value) {
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
searchService.excludeFacetValue(field, value);
|
|
68
|
-
});
|
|
69
|
-
});
|
|
70
|
-
(_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelectorAll('[hawksearch-facet-value-toggle]').forEach((e) => {
|
|
71
|
-
e.addEventListener('click', (event) => {
|
|
72
|
-
event.preventDefault();
|
|
73
|
-
event.stopPropagation();
|
|
74
|
-
const element = event.currentTarget;
|
|
75
|
-
const value = element.getAttribute('hawksearch-facet-value-toggle');
|
|
76
|
-
if (!value) {
|
|
77
|
-
return;
|
|
78
|
-
}
|
|
79
|
-
this.state.values[value].toggled = !this.state.values[value].toggled;
|
|
80
|
-
this.renderContent();
|
|
81
|
-
});
|
|
82
|
-
});
|
|
83
|
-
(_f = this.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelectorAll('[hawksearch-facet-toggle]').forEach((e) => {
|
|
84
|
-
e.addEventListener('click', (event) => {
|
|
85
|
-
event.preventDefault();
|
|
86
|
-
event.stopPropagation();
|
|
87
|
-
this.state.toggled = !this.state.toggled;
|
|
88
|
-
this.renderContent();
|
|
89
|
-
});
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
//# sourceMappingURL=base-facet.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"base-facet.component.js","sourceRoot":"","sources":["../../../src/components/facet-types/base-facet.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { BaseFacetComponent } from '../base-facet.component';
|
|
2
|
-
import defaultHtml from './checkbox-list-facet.component.hbs';
|
|
3
|
-
import checkboxListPartialHtml from './checkbox-list.partial.hbs';
|
|
4
|
-
export class CheckboxListFacetComponent extends BaseFacetComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
super(...arguments);
|
|
7
|
-
this.customTemplatePropertyName = 'checkboxListFacet';
|
|
8
|
-
this.defaultHtml = defaultHtml;
|
|
9
|
-
}
|
|
10
|
-
registerHelpers() {
|
|
11
|
-
super.registerHelpers();
|
|
12
|
-
this.handlebars.registerPartial('facet-checkbox-list', checkboxListPartialHtml);
|
|
13
|
-
}
|
|
14
|
-
getContentHtml(template) {
|
|
15
|
-
var _a, _b, _c;
|
|
16
|
-
if (!this.data || !((_a = this.data.values) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
17
|
-
return '';
|
|
18
|
-
}
|
|
19
|
-
const filterRegex = this.state.filter ? new RegExp(this.state.filter, 'i') : undefined;
|
|
20
|
-
const filtered = (value) => {
|
|
21
|
-
if (!filterRegex) {
|
|
22
|
-
return false;
|
|
23
|
-
}
|
|
24
|
-
return filterRegex.test(value.title);
|
|
25
|
-
};
|
|
26
|
-
const containsFiltered = (value) => {
|
|
27
|
-
var _a;
|
|
28
|
-
return ((_a = value.children) === null || _a === void 0 ? void 0 : _a.some((v) => filtered(v))) || false;
|
|
29
|
-
};
|
|
30
|
-
const getValues = (values, parent) => {
|
|
31
|
-
return values === null || values === void 0 ? void 0 : values.map((v, i) => {
|
|
32
|
-
var _a, _b, _c, _d, _e;
|
|
33
|
-
const valueWithState = Object.assign(Object.assign({}, v), { visible: (!parent && !filterRegex && (this.state.toggled || !this.data.truncateThreshold || i < this.data.truncateThreshold)) ||
|
|
34
|
-
filtered(v) ||
|
|
35
|
-
containsFiltered(v) ||
|
|
36
|
-
(!filterRegex && !!(parent === null || parent === void 0 ? void 0 : parent.toggled)), hasChildren: !!((_a = v.children) === null || _a === void 0 ? void 0 : _a.length), children: undefined, toggled: (v.value && ((_b = v.children) === null || _b === void 0 ? void 0 : _b.length) ? (_e = (_d = (_c = this.state.values) === null || _c === void 0 ? void 0 : _c[v.value]) === null || _d === void 0 ? void 0 : _d.toggled) !== null && _e !== void 0 ? _e : false : false) || containsFiltered(v) });
|
|
37
|
-
valueWithState.children = getValues(v.children, valueWithState);
|
|
38
|
-
return valueWithState;
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
const html = template({
|
|
42
|
-
id: this.data.id,
|
|
43
|
-
field: this.data.field,
|
|
44
|
-
values: getValues(this.data.values, undefined),
|
|
45
|
-
showToggle: !!this.data.truncateThreshold && ((_c = (_b = this.data.values) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > this.data.truncateThreshold && !this.state.filter,
|
|
46
|
-
toggleText: this.state.toggled ? 'Show fewer' : 'Show more',
|
|
47
|
-
expanded: this.state.toggled
|
|
48
|
-
});
|
|
49
|
-
return html;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
//# sourceMappingURL=checkbox-list-facet.component.js.map
|
package/dist/components/facet-types/checkbox-list-facet/checkbox-list-facet.component.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox-list-facet.component.js","sourceRoot":"","sources":["../../../../src/components/facet-types/checkbox-list-facet/checkbox-list-facet.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { BaseFacetComponent } from '../base-facet.component';
|
|
2
|
-
import defaultHtml from './color-facet.component.hbs';
|
|
3
|
-
export class ColorFacetComponent extends BaseFacetComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
super(...arguments);
|
|
6
|
-
this.customTemplatePropertyName = 'colorFacet';
|
|
7
|
-
this.defaultHtml = defaultHtml;
|
|
8
|
-
}
|
|
9
|
-
getContentHtml(template) {
|
|
10
|
-
var _a, _b, _c, _d;
|
|
11
|
-
if (!this.data) {
|
|
12
|
-
return '';
|
|
13
|
-
}
|
|
14
|
-
const html = template({
|
|
15
|
-
values: (_b = (_a = this.data.values) === null || _a === void 0 ? void 0 : _a.map((v, i) => {
|
|
16
|
-
var _a, _b;
|
|
17
|
-
return (Object.assign(Object.assign({}, v), { visible: this.state.toggled || !((_a = this.data) === null || _a === void 0 ? void 0 : _a.truncateThreshold) || i < ((_b = this.data) === null || _b === void 0 ? void 0 : _b.truncateThreshold) }));
|
|
18
|
-
})) !== null && _b !== void 0 ? _b : [],
|
|
19
|
-
showToggle: !!this.data.truncateThreshold && ((_d = (_c = this.data.values) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0) > this.data.truncateThreshold,
|
|
20
|
-
toggleText: this.state.toggled ? 'Show fewer' : 'Show more',
|
|
21
|
-
expanded: this.state.toggled
|
|
22
|
-
});
|
|
23
|
-
return html;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
//# sourceMappingURL=color-facet.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color-facet.component.js","sourceRoot":"","sources":["../../../../src/components/facet-types/color-facet/color-facet.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,WAAW,MAAM,6BAA6B,CAAC;AAMtD,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IAA3D;;QACc,+BAA0B,GAAG,YAAY,CAAC;QAC1C,gBAAW,GAAG,WAAW,CAAC;IAsBxC,CAAC;IApBa,cAAc,CAAC,QAAoC;;QACzD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACZ,OAAO,EAAE,CAAC;SACb;QAED,MAAM,IAAI,GAAG,QAAQ,CAAC;YAClB,MAAM,EACF,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,MAAM,0CAAE,GAAG,CACjB,CAAC,CAAC,EAAE,CAAC,EAAmB,EAAE;;gBAAC,OAAA,iCACpB,CAAC,KACJ,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,IAAI,CAAC,IAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,iBAAiB,CAAA,IAClG,CAAA;aAAA,CACL,mCAAI,EAAE;YACX,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,MAAA,MAAA,IAAI,CAAC,IAAI,CAAC,MAAM,0CAAE,MAAM,mCAAI,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,iBAAiB;YAC1G,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW;YAC3D,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;SAC/B,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IAChB,CAAC;CACJ"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export * from './checkbox-list-facet/checkbox-list-facet.component';
|
|
2
|
-
export * from './color-facet/color-facet.component';
|
|
3
|
-
export * from './linked-list-facet/link-list-facet.component';
|
|
4
|
-
export * from './range-slider-facet/range-slider-facet.component';
|
|
5
|
-
export * from './search-within-facet/search-within-facet.component';
|
|
6
|
-
export * from './size-facet/size-facet.component';
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/facet-types/index.ts"],"names":[],"mappings":"AAAA,cAAc,qDAAqD,CAAC;AACpE,cAAc,qCAAqC,CAAC;AACpD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,mDAAmD,CAAC;AAClE,cAAc,qDAAqD,CAAC;AACpE,cAAc,mCAAmC,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { BaseFacetComponent } from '../base-facet.component';
|
|
2
|
-
import defaultHtml from './link-list-facet.component.hbs';
|
|
3
|
-
export class LinkListFacetComponent extends BaseFacetComponent {
|
|
4
|
-
constructor() {
|
|
5
|
-
super(...arguments);
|
|
6
|
-
this.customTemplatePropertyName = 'linkListFacet';
|
|
7
|
-
this.defaultHtml = defaultHtml;
|
|
8
|
-
}
|
|
9
|
-
getContentHtml(template) {
|
|
10
|
-
var _a, _b, _c, _d, _e;
|
|
11
|
-
if (!this.data) {
|
|
12
|
-
return '';
|
|
13
|
-
}
|
|
14
|
-
const filterRegex = this.state.filter ? new RegExp((_a = this.state.filter) !== null && _a !== void 0 ? _a : '', 'i') : undefined;
|
|
15
|
-
const html = template({
|
|
16
|
-
id: this.data.id,
|
|
17
|
-
field: this.data.field,
|
|
18
|
-
values: (_c = (_b = this.data.values) === null || _b === void 0 ? void 0 : _b.map((v, i) => {
|
|
19
|
-
var _a;
|
|
20
|
-
return (Object.assign(Object.assign({}, v), { visible: (!filterRegex && (this.state.toggled || !this.data.truncateThreshold || i < this.data.truncateThreshold)) ||
|
|
21
|
-
(!!filterRegex && filterRegex.test((_a = v.title) !== null && _a !== void 0 ? _a : '')) }));
|
|
22
|
-
})) !== null && _c !== void 0 ? _c : [],
|
|
23
|
-
showToggle: !!this.data.truncateThreshold && ((_e = (_d = this.data.values) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0) > this.data.truncateThreshold && !this.state.filter,
|
|
24
|
-
toggleText: this.state.toggled ? 'Show fewer' : 'Show more',
|
|
25
|
-
expanded: this.state.toggled
|
|
26
|
-
});
|
|
27
|
-
return html;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=link-list-facet.component.js.map
|