@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.
Files changed (99) hide show
  1. package/dist/hawksearch-ui.js +3 -0
  2. package/dist/{handlebars-ui.js.LICENSE.txt → hawksearch-ui.js.LICENSE.txt} +0 -0
  3. package/dist/hawksearch-ui.js.map +1 -0
  4. package/dist/hawksearch.729ebbec83d6a91f0842fadb536aa264.css +1 -0
  5. package/dist/{545f0f75f62e4805198f.svg → icons.545f0f75f62e4805198f.svg} +0 -0
  6. package/dist/{c99b7374b9bf579d0fd0.png → placeholder.c99b7374b9bf579d0fd0.png} +0 -0
  7. package/package.json +27 -23
  8. package/readme.md +37 -0
  9. package/dist/components/autocomplete/autocomplete.component.js +0 -100
  10. package/dist/components/autocomplete/autocomplete.component.js.map +0 -1
  11. package/dist/components/base.component.js +0 -81
  12. package/dist/components/base.component.js.map +0 -1
  13. package/dist/components/facet-types/base-facet.component.js +0 -93
  14. package/dist/components/facet-types/base-facet.component.js.map +0 -1
  15. package/dist/components/facet-types/checkbox-list-facet/checkbox-list-facet.component.js +0 -52
  16. package/dist/components/facet-types/checkbox-list-facet/checkbox-list-facet.component.js.map +0 -1
  17. package/dist/components/facet-types/color-facet/color-facet.component.js +0 -26
  18. package/dist/components/facet-types/color-facet/color-facet.component.js.map +0 -1
  19. package/dist/components/facet-types/index.js +0 -7
  20. package/dist/components/facet-types/index.js.map +0 -1
  21. package/dist/components/facet-types/linked-list-facet/link-list-facet.component.js +0 -30
  22. package/dist/components/facet-types/linked-list-facet/link-list-facet.component.js.map +0 -1
  23. package/dist/components/facet-types/range-slider-facet/range-slider-facet.component.js +0 -92
  24. package/dist/components/facet-types/range-slider-facet/range-slider-facet.component.js.map +0 -1
  25. package/dist/components/facet-types/search-within-facet/search-within-facet.component.js +0 -32
  26. package/dist/components/facet-types/search-within-facet/search-within-facet.component.js.map +0 -1
  27. package/dist/components/facet-types/size-facet/size-facet.component.js +0 -28
  28. package/dist/components/facet-types/size-facet/size-facet.component.js.map +0 -1
  29. package/dist/components/facet-wrapper/facet-wrapper.component.js +0 -51
  30. package/dist/components/facet-wrapper/facet-wrapper.component.js.map +0 -1
  31. package/dist/components/facets-list/facets-list.component.js +0 -72
  32. package/dist/components/facets-list/facets-list.component.js.map +0 -1
  33. package/dist/components/icon/icon.component.js +0 -34
  34. package/dist/components/icon/icon.component.js.map +0 -1
  35. package/dist/components/index.js +0 -19
  36. package/dist/components/index.js.map +0 -1
  37. package/dist/components/modified-query/modified-query.component.js +0 -35
  38. package/dist/components/modified-query/modified-query.component.js.map +0 -1
  39. package/dist/components/page-size/page-size.component.js +0 -33
  40. package/dist/components/page-size/page-size.component.js.map +0 -1
  41. package/dist/components/pagination/pagination.component.js +0 -84
  42. package/dist/components/pagination/pagination.component.js.map +0 -1
  43. package/dist/components/query-suggestions/query-suggestions.component.js +0 -54
  44. package/dist/components/query-suggestions/query-suggestions.component.js.map +0 -1
  45. package/dist/components/range-slider/range-slider.component.js +0 -153
  46. package/dist/components/range-slider/range-slider.component.js.map +0 -1
  47. package/dist/components/search/search.component.js +0 -73
  48. package/dist/components/search/search.component.js.map +0 -1
  49. package/dist/components/search-results/search-results.component.js +0 -17
  50. package/dist/components/search-results/search-results.component.js.map +0 -1
  51. package/dist/components/search-results-item/search-results-item.component.js +0 -81
  52. package/dist/components/search-results-item/search-results-item.component.js.map +0 -1
  53. package/dist/components/search-results-list/search-results-list.component.js +0 -28
  54. package/dist/components/search-results-list/search-results-list.component.js.map +0 -1
  55. package/dist/components/selected-facets/selected-facets.component.js +0 -64
  56. package/dist/components/selected-facets/selected-facets.component.js.map +0 -1
  57. package/dist/components/sorting/sorting.component.js +0 -31
  58. package/dist/components/sorting/sorting.component.js.map +0 -1
  59. package/dist/components/tabs/tabs.component.js +0 -31
  60. package/dist/components/tabs/tabs.component.js.map +0 -1
  61. package/dist/components/tooltip/tooltip.component.js +0 -43
  62. package/dist/components/tooltip/tooltip.component.js.map +0 -1
  63. package/dist/custom1.html +0 -1
  64. package/dist/custom2.html +0 -1
  65. package/dist/handlebars-ui.js +0 -3
  66. package/dist/handlebars-ui.js.map +0 -1
  67. package/dist/helpers/formatters.js +0 -12
  68. package/dist/helpers/formatters.js.map +0 -1
  69. package/dist/helpers/index.js +0 -2
  70. package/dist/helpers/index.js.map +0 -1
  71. package/dist/index.html +0 -1
  72. package/dist/index.js +0 -79
  73. package/dist/index.js.map +0 -1
  74. package/dist/models/autocomplete.models.js +0 -2
  75. package/dist/models/autocomplete.models.js.map +0 -1
  76. package/dist/models/component.models.js +0 -2
  77. package/dist/models/component.models.js.map +0 -1
  78. package/dist/models/global.models.js +0 -2
  79. package/dist/models/global.models.js.map +0 -1
  80. package/dist/models/index.js +0 -8
  81. package/dist/models/index.js.map +0 -1
  82. package/dist/models/raw-autocomplete.models.js +0 -2
  83. package/dist/models/raw-autocomplete.models.js.map +0 -1
  84. package/dist/models/raw-search.models.js +0 -2
  85. package/dist/models/raw-search.models.js.map +0 -1
  86. package/dist/models/search.models.js +0 -2
  87. package/dist/models/search.models.js.map +0 -1
  88. package/dist/models/tracking.models.js +0 -35
  89. package/dist/models/tracking.models.js.map +0 -1
  90. package/dist/services/autocomplete.service.js +0 -103
  91. package/dist/services/autocomplete.service.js.map +0 -1
  92. package/dist/services/base.service.js +0 -83
  93. package/dist/services/base.service.js.map +0 -1
  94. package/dist/services/index.js +0 -4
  95. package/dist/services/index.js.map +0 -1
  96. package/dist/services/search.service.js +0 -608
  97. package/dist/services/search.service.js.map +0 -1
  98. package/dist/services/tracking.service.js +0 -115
  99. 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)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bridgeline-digital/hawksearch-handlebars-ui",
3
- "version": "1.0.0-beta.2",
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 version && npm run build && npm publish",
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.2.0",
28
- "@types/lodash": "^4.14.182",
29
- "@typescript-eslint/eslint-plugin": "^5.30.0",
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.18.0",
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
- "html-loader": "^4.1.0",
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.52.1",
46
- "sass-loader": "^13.0.0",
50
+ "sass": "^1.55.0",
51
+ "sass-loader": "^13.1.0",
47
52
  "style-loader": "^3.3.1",
48
- "ts-loader": "^9.2.8",
49
- "tsconfig-paths-webpack-plugin": "^3.5.2",
50
- "typescript": "^4.6.3",
51
- "webpack": "^5.72.0",
52
- "webpack-cli": "^4.9.2",
53
- "webpack-dev-server": "^4.8.1"
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": ["dist/**"],
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
@@ -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