@oiz/stzh-components 3.2.0-beta1 → 3.2.0

package/dist/stzh-components/p-d9fa718c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhSearchCss","defaultTemplateResult","search","item","variant","eventDateStart","eventDateEnd","imagePosition","download","serviceBackgroundColor","serviceColor","image","defaultResultWrapperProps","layout","StzhSearch","this","_showMoreLink","fetch","async","append","initial","currentController","abort","hasRequiredParams","loading","error","apiUrl","api","replace","localization","$locale","limit","toString","params","set","results","length","URLSearchParams","location","get","urlLimit","AbortController","data","response","axios","signal","resultsHeading","totalCount","_a","meta","total","message","chipResults","chipResultsHeading","_b","map","Object","assign","html","renderResultTemplate","templates","result","preventUpdateUrl","newUrlParams","searchParams","delete","window","history","replaceState","pathname","firstFetched","setTimeout","debounceTime","debouncedFetch","debounce","handleMainFilterChange","autofetchMainFilters","updateParams","handleAsideFilterChange","autofetchAsideFilters","handleFormSubmit","event","preventDefault","handleMoreClick","handleMediaChange","isDetailsOpen","media","matches","handleFormReset","requestAnimationFrame","handleOverlayCloseClick","stzhOverlayCloseClick","emit","component","originalEvent","totalCountWatcher","preventUpdateUrlWatcher","template","templateResult","element","forEach","property","regex","RegExp","value","includes","JSON","stringify","updateByFormElements","formData","FormData","formElement","initialParams","initialFetch","currentSearchParams","Set","keys","key","values","getAll","valueInputs","Array","from","document","querySelectorAll","valueArrayInputs","itemsArrayInputs","input","items","raf","requiredInputFields","requiredDropdownFields","requiredMonthyearpickers","requiredFields","requiredCheckboxFields","field","invalid","checked","minlength","maxlength","invalidYear","invalidMonth","componentDidLoad","initiallyFetched","componentWillLoad","stzhComponents","utils","fetchTranslations","connectedCallback","addMediaChangeListener","disconnectedCallback","removeMediaChangeListener","render","filtersMainUsed","hasSlot","filtersAsideUsed","chipsProvided","providedChipselect","querySelector","providedChipgroup","resultsShown","classes","hideMainFilters","hideAsideFilters","WrapperElement","templateResultWrapperElement","wrapperProps","templateResultWrapperProps","h","Host","class","breakout","curve","heading","icon","iconOnly","size","onClick","ref","el","novalidate","onSubmit","onReset","onStzhChange","name","font","color","options","chipResult","label","inline","multiple","counter","amount","Fragment","moreFilter","open","noPaddingLeft","showToggleIcon","iconPosition","slot","level","resultHeadingLevel","innerHTML","emptyText","emptyLinkLabel","emptyLinkHref","href","showMore","a11yDisabled","type"],"sources":["src/components/stzh-search/stzh-search.scss?tag=stzh-search","src/components/stzh-search/stzh-search.tsx"],"sourcesContent":["stzh-search {\n  @include host;\n\n  --filter-background-color: var(--stzh-search-filter-background-color, #{$colorGrey10});\n\n  --grid-template-areas: \"filters-main filters-main filters-main filters-main\" \"results results results results\";\n\n  @include mq($from: medium) {\n    --grid-template-areas: \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\" \"results results results results results results results results\";\n  }\n\n  @include mq($from: large) {\n    --grid-template-areas: \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\" \". . results results results results results results results results . .\";\n  }\n\n  &:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters=\"false\"]))) {\n    --grid-template-areas: \"filters-main filters-main filters-main filters-main\" \"filters-aside filters-aside filters-aside filters-aside\" \"results results results results\";\n\n    @include mq($from: medium) {\n      --grid-template-areas: \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\" \"filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside\" \"results results results results results results results results\";\n    }\n\n    @include mq($from: large) {\n      --grid-template-areas: \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\" \"filters-aside filters-aside filters-aside filters-aside results results results results results results results results\";\n    }\n  }\n\n  &:where([variant=\"teaser\"]) {\n    @include mq($from: large) {\n      --grid-template-areas: \"filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main\" \"results results results results results results results results results results results results\";\n    }\n  }\n}\n\n.stzh-search {\n  @include grid;\n  grid-template-areas: var(--grid-template-areas);\n\n  &__filters-main {\n    grid-area: filters-main;\n\n    &:not(:empty) {\n      @include spaceCurve('padding', 'medium');\n      background-color: var(--filter-background-color);\n    }\n  }\n\n  &__filters-aside {\n    grid-area: filters-aside;\n\n    &:not(:empty) {\n      @include spaceCurve('padding', 'medium');\n      background-color: var(--filter-background-color);\n\n      @include mq($from: large) {\n        background-color: transparent;\n        padding: 0;\n      }\n    }\n  }\n\n  &__filters-aside-heading {\n    @include font('heavy');\n    @include fontCurve('h4');\n    @include spaceCurve('padding-bottom', 'tiny');\n    color: $colorPrimary70;\n    display: none;\n\n    @include mq($from: large) {\n      display: block;\n    }\n  }\n\n  stzh-button#{&}__filters-aside-details-trigger {\n    @include mq($from: large) {\n      display: none;\n    }\n  }\n\n  &__filters-aside-inner {\n    @include mq($from: large) {\n      position: sticky;\n      top: calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + #{space('medium')});\n      transition: top $baseTransitionAnimationSpeed;\n      width: calc(100% + #{$gridGutterLarge} - #{spaceCurveValue('large', 'large')});\n    }\n\n    @include mq($from: ultra) {\n      width: calc(100% + #{$gridGutterUltra} - #{spaceCurveValue('large', 'large')});\n    }\n  }\n\n  &__results-wrapper {\n    grid-area: results;\n    display: grid;\n  }\n\n  &__results-heading,\n  &__results-empty,\n  &__results,\n  &__action-more {\n    transition-property: opacity;\n    transition-duration: $baseTransitionAnimationSpeed;\n  }\n\n  &__results-heading {\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  &__results-item {\n    display: contents;\n  }\n\n  &__actions-wrapper {\n    display: flex;\n    justify-content: center;\n\n    &:not(:empty) {\n      @include spaceCurve('margin-top', 'medium');\n    }\n  }\n\n  &__empty-text {\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  &__loader {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  &__filters-main-chips {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  /* Teaser variant */\n\n  &--teaser &__actions-wrapper {\n    justify-content: flex-start;\n  }\n\n  &--teaser &__filters-main {\n    &:not(:empty) {\n      padding: 0;\n      background-color: transparent;\n    }\n  }\n\n  &--teaser &__filters-aside {\n    &:not(:empty) {\n      padding: 0;\n      background-color: transparent;\n    }\n  }\n\n  /* Has results shown or aside filter */\n\n  &--has-results-shown &__results-wrapper {\n    @include mq($to: large) {\n      @include spaceCurve('margin-top', 'huge');\n    }\n  }\n\n  &--has-results-shown &__filters-main,\n  &--has-filters-aside &__filters-main {\n    @include mq($from: large) {\n      @include spaceCurve('margin-bottom', 'large');\n    }\n  }\n\n  &--has-results-shown#{&}--teaser &__results-wrapper {\n    @include mq($to: large) {\n      @include spaceCurve('margin-top', 'medium');\n    }\n  }\n\n  &--has-results-shown#{&}--teaser &__filters-main,\n  &--has-filters-aside#{&}--teaser &__filters-main {\n    @include mq($from: large) {\n      @include spaceCurve('margin-bottom', 'medium');\n    }\n  }\n\n  /* Has main and aside filters */\n\n  &--has-filters-main#{&}--has-filters-aside &__filters-main {\n    &:not(:empty) {\n      @include spaceCurve('padding-bottom', 'regular');\n    }\n  }\n\n  &--has-filters-main#{&}--has-filters-aside &__filters-aside {\n    &:not(:empty) {\n      padding-top: 0px;\n    }\n  }\n\n  /* Has hidden main/aside filters */\n\n  &--has-hidden-main-filters &__filters-main {\n    display: none;\n  }\n\n  &--has-hidden-aside-filters &__filters-aside {\n    display: none;\n  }\n\n  &--has-hidden-main-filters &__results-wrapper,\n  &--has-hidden-main-filters#{&}--teaser &__results-wrapper {\n    margin-top: 0px;\n  }\n\n  /* Is loading */\n\n  &--is-loading &__results-heading,\n  &--is-loading &__results-empty,\n  &--is-loading &__results,\n  &--is-loading &__action-more {\n    opacity: 0.5;\n  }\n\n  /* Is overlay */\n\n  &--is-breakout {\n    --filter-background-color: var(--stzh-color-cobaltblue20);\n    background-color: var(--stzh-color-white);\n  }\n\n  &--is-breakout & {\n    @include containerPadding();\n  }\n\n  &--is-breakout &__header-wrapper {\n    background-color: var(--stzh-color-cobaltblue20);\n  }\n\n  &--is-breakout &__filters-main {\n    @include containerPadding();\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n    margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n    width: calc(100vw - var(--stzh-scrollbar-width));\n    max-width: calc(100vw - var(--stzh-scrollbar-width));\n  }\n\n  &--is-breakout &__header {\n    @include container();\n    @include spaceCurve('padding-top', 'medium');\n    background-color: var(--stzh-color-cobaltblue20);\n    display: flex;\n    justify-content: space-between;\n  }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport { StzhSearchChipsResult, StzhSearchOverlayCloseClickEvent, StzhSearchResult } from \"../../index\";\n\nimport axios from \"axios\";\nimport { hasSlot, raf } from \"../../utils/utils\";\n\nimport { StzhSearchLocalizedText } from \"./stzh-search.localization\";\n\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../utils/media-utils\";\n\nimport debounce from \"lodash/debounce\";\n\nfunction defaultTemplateResult(search: HTMLStzhSearchElement, item: StzhSearchResult): string {\n  return `\n    <stzh-card-${search.variant === \"teaser\" ? \"superteaser\" : \"searchresult\"}\n      href=\"{href}\"\n      dateline=\"{dateline}\"\n      tag=\"{tag}\"\n      topic=\"{topic}\"\n      service=\"{service}\"\n      event-location=\"{eventLocation}\"\n      ${item.eventDateStart && 'event-date-start=\"{eventDateStart}\"'}\n      ${item.eventDateEnd && 'event-date-end=\"{eventDateEnd}\"'}\n      download-heading=\"{downloadHeading}\"\n      meta='{meta}'\n      breadcrumb-items='{breadcrumbItems}'\n      download-meta='{downloadMeta}'\n      datalist-items='{datalistItems}'\n      ${item.imagePosition && 'image-position=\"{imagePosition}\"'}\n      ${item.download && 'download=\"{download}\"'}\n      style=\"\n        ${item.serviceBackgroundColor ? \"--service-background-color: {serviceBackgroundColor};\" : \"\"}\n        ${item.serviceColor ? \"--service-color: {serviceColor};\" : \"\"}\n      \"\n    >\n      <div slot=\"heading\">{heading}</div>\n      <div slot=\"description\">{description}</div>\n      ${\n        item.image\n          ? item.imagePosition === \"right\"\n            ? `<img src=\"${item.image}\" slot=\"image\" />`\n            : `<stzh-ratio ${\n                search.variant === \"teaser\" ? 'ratio=\"2:1\"' : 'ratio=\"21:9\" ratio-small=\"1:1\"'\n              } slot=\"image\"><img src=\"${item.image}\" /></stzh-ratio>`\n          : \"\"\n      }\n    </stzh-card-${search.variant === \"teaser\" ? \"superteaser\" : \"searchresult\"}>\n  `;\n}\n\nfunction defaultResultWrapperProps(search: HTMLStzhSearchElement) {\n  return {\n    layout: search.variant === \"teaser\" ? \"teasers\" : \"searchresults\",\n  } as HTMLStzhCardlistElement;\n}\n\n/**\n * @slot filters-main - Slot for main filters\n * @slot filters-aside - Slot for aside filters\n */\n@Component({\n  tag: \"stzh-search\",\n  styleUrl: \"stzh-search.scss\",\n})\nexport class StzhSearch {\n  /** Translation strings */\n  @Prop() localization: StzhSearchLocalizedText;\n\n  /** Variant */\n  @Prop() variant: \"default\" | \"teaser\" = \"default\";\n\n  /** Whether it should be rendered as overlay or not. */\n  @Prop() breakout: boolean = false;\n\n  /** Whether search results should be automatically fetched when a main filters has changed. */\n  @Prop() autofetchMainFilters: boolean = false;\n\n  /** Whether search results should be automatically fetched when a aside filters has changed. */\n  @Prop() autofetchAsideFilters: boolean = false;\n\n  /** Whether to hide the main filters slot */\n  @Prop({ reflect: true }) hideMainFilters: boolean = false;\n\n  /** Whether to hide the aside filters slot */\n  @Prop({ reflect: true }) hideAsideFilters: boolean = false;\n\n  /** API URL */\n  @Prop() api: string = \"\";\n\n  /** Debounce time in ms */\n  @Prop() debounceTime: number = 500;\n\n  /** Numbers of results shown with each load more action */\n  @Prop() limit: number = 6;\n\n  /** Whether search request should be fetched initially with set filters */\n  @Prop() initialFetch: boolean = false;\n\n  /** Whether url query should be updated when filter has changed */\n  @Prop() preventUpdateUrl: boolean = false;\n\n  /** Will be overwritten by api result (`templates.result` or `results[x].html`) */\n  @Prop() templateResult: string | ((search: HTMLStzhSearchElement, item: StzhSearchResult) => string) =\n    defaultTemplateResult;\n\n  /** Element used for list wrapper element */\n  @Prop() templateResultWrapperElement: string | ((search: HTMLStzhSearchElement) => string) = function () {\n    return \"stzh-cardlist\";\n  };\n\n  /** Properties applied to list wrapper element */\n  @Prop() templateResultWrapperProps:\n    | { [key: string]: any }\n    | ((search: HTMLStzhSearchElement) => { [key: string]: any }) = defaultResultWrapperProps;\n\n  /** Heading level of results heading */\n  @Prop() resultHeadingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Empty text */\n  @Prop() emptyText: string;\n\n  /** Empty text */\n  @Prop() heading: string;\n\n  /** Empty link href */\n  @Prop() emptyLinkHref: string;\n\n  /** Empty link label */\n  @Prop() emptyLinkLabel: string;\n\n  @Element() element: HTMLStzhSearchElement;\n\n  @Watch(\"totalCount\")\n  @Watch(\"results\")\n  totalCountWatcher() {\n    this._showMoreLink = this.totalCount > this.results.length;\n  }\n\n  @Watch(\"preventUpdateUrl\")\n  preventUpdateUrlWatcher() {\n    this.updateParams();\n  }\n\n  @State() totalCount: number = 0;\n  private _showMoreLink: boolean = false;\n\n  @State() loading: boolean = false;\n  @State() error: string = \"\";\n\n  @State() results: StzhSearchResult[] = [];\n  @State() chipResultsHeading: string;\n  @State() chipResults: StzhSearchChipsResult[] = [];\n  @State() resultsHeading: string;\n  @State() hasRequiredParams: boolean = false;\n  @State() firstFetched: boolean = false;\n  @State() initiallyFetched: boolean = false;\n  @State() isDetailsOpen: boolean = false;\n\n  /** Search overlay close click event */\n  @Event() stzhOverlayCloseClick: EventEmitter<StzhSearchOverlayCloseClickEvent>;\n\n  private currentController: AbortController;\n  private params: URLSearchParams;\n  private formElement: HTMLFormElement;\n\n  private renderResultTemplate(html: string, item: StzhSearchResult) {\n    let template =\n      html ||\n      (typeof this.templateResult === \"function\" ? this.templateResult(this.element, item) : this.templateResult);\n\n    [\n      \"href\",\n      \"heading\",\n      \"dateline\",\n      \"description\",\n      \"image\",\n      \"imagePosition\",\n      \"tag\",\n      \"topic\",\n      \"service\",\n      \"serviceColor\",\n      \"serviceBackgroundColor\",\n      \"meta\",\n      \"breadcrumbItems\",\n      \"eventLocation\",\n      \"eventDateStart\",\n      \"eventDateEnd\",\n      \"download\",\n      \"downloadHeading\",\n      \"downloadMeta\",\n      \"datalistItems\",\n    ].forEach(property => {\n      const regex = new RegExp(`\\{${property}\\}`, \"gi\");\n      let value = item[property] || \"\";\n\n      if ([\"meta\", \"breadcrumbItems\", \"downloadMeta\", \"datalistItems\"].includes(property) && value) {\n        value = JSON.stringify(value);\n      }\n\n      template = template.replace(regex, value);\n    });\n\n    return template;\n  }\n\n  private async updateParams(initial: boolean = false) {\n    const updateByFormElements = () => {\n      const formData = new FormData(this.formElement);\n      // @ts-ignore\n      this.params = new URLSearchParams(formData);\n      this.params.set(\"variant\", this.variant);\n    };\n\n    if (initial) {\n      const initialParams = new URLSearchParams(location.search);\n      const search = initialParams.get(\"search\");\n\n      if (search) {\n        this.initialFetch = true;\n        const currentSearchParams = new URLSearchParams(search);\n\n        [...new Set(currentSearchParams.keys())].forEach(key => {\n          const values = currentSearchParams.getAll(key);\n\n          // value as string/number: input, ... / pagination\n          const valueInputs = Array.from(\n            document.querySelectorAll(\n              `:where(stzh-input,stzh-radiogroup,stzh-chipselect,stzh-amount,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[name=\"${key}\"]`\n            )\n          ) as\n            | HTMLStzhInputElement[]\n            | HTMLStzhRadiogroupElement[]\n            | HTMLStzhChipselectElement[]\n            | HTMLStzhAmountElement[]\n            | HTMLStzhDatepickerElement[]\n            | HTMLStzhMonthyearpickerElement[]\n            | HTMLStzhTimepickerElement[]\n            | HTMLStzhPaginationElement[]\n            | HTMLStzhToggleElement[];\n\n          // value as array: checkboxgroup\n          const valueArrayInputs = Array.from(\n            document.querySelectorAll(`:where(stzh-checkboxgroup)[name=\"${key}\"]`)\n          ) as HTMLStzhCheckboxgroupElement[];\n\n          // items as array: dropdown\n          const itemsArrayInputs = Array.from(document.querySelectorAll(`:where(stzh-dropdown)[name=\"${key}\"]`)) as\n            | HTMLStzhDropdownElement[];\n\n          valueInputs.forEach(\n            (\n              input:\n                | HTMLStzhInputElement\n                | HTMLStzhRadiogroupElement\n                | HTMLStzhChipselectElement\n                | HTMLStzhAmountElement\n                | HTMLStzhDatepickerElement\n                | HTMLStzhMonthyearpickerElement\n                | HTMLStzhTimepickerElement\n                | HTMLStzhPaginationElement\n                | HTMLStzhToggleElement\n            ) => {\n              input.value = values[0];\n            }\n          );\n\n          valueArrayInputs.forEach((input: HTMLStzhCheckboxgroupElement) => {\n            input.value = values;\n          });\n\n          itemsArrayInputs.forEach((input: HTMLStzhDropdownElement) => {\n            input.items = values;\n          });\n        });\n      }\n    }\n\n    await raf();\n    updateByFormElements();\n\n    // console.log(this.params.toString());\n\n    let hasRequiredParams = true;\n\n    const requiredInputFields = Array.from(this.element.querySelectorAll(\":where(stzh-input)[required]\")) as\n      | HTMLStzhInputElement[];\n\n    const requiredDropdownFields = Array.from(this.element.querySelectorAll(\":where(stzh-dropdown)[required]\")) as\n      | HTMLStzhDropdownElement[];\n\n    const requiredMonthyearpickers = Array.from(\n      this.element.querySelectorAll(\":where(stzh-monthyearpicker)[required]\")\n    ) as HTMLStzhMonthyearpickerElement[];\n\n    const requiredFields = Array.from(\n      this.element.querySelectorAll(\n        \":where(stzh-amount,stzh-radiogroup,stzh-chipselect,stzh-datepicker,stzh-monthyearpicker,stzh-timepicker,stzh-pagination,stzh-toggle)[required]\"\n      )\n    ) as\n      | HTMLStzhAmountElement[]\n      | HTMLStzhRadiogroupElement[]\n      | HTMLStzhChipselectElement[]\n      | HTMLStzhDatepickerElement[]\n      | HTMLStzhTimepickerElement[]\n      | HTMLStzhPaginationElement[]\n      | HTMLStzhToggleElement[];\n\n    const requiredCheckboxFields = Array.from(this.element.querySelectorAll(\":where(stzh-checkbox)[required]\")) as\n      | HTMLStzhCheckboxElement[];\n\n    requiredCheckboxFields.forEach((field: HTMLStzhCheckboxElement) => {\n      const invalid = !field.checked;\n\n      if (!initial) {\n        field.invalid = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    requiredInputFields.forEach((field: HTMLStzhInputElement) => {\n      const invalid =\n        field.value === \"\" ||\n        (field.minlength && field.minlength > field.value.length) ||\n        (field.maxlength && field.maxlength < field.value.length);\n\n      if (!initial) {\n        field.invalid = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    requiredDropdownFields.forEach((field: HTMLStzhDropdownElement) => {\n      const invalid = field.items.length === 0;\n\n      if (!initial) {\n        field.invalid = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    requiredFields.forEach(\n      (\n        field:\n          | HTMLStzhAmountElement\n          | HTMLStzhRadiogroupElement\n          | HTMLStzhCheckboxElement\n          | HTMLStzhChipselectElement\n          | HTMLStzhDatepickerElement\n          | HTMLStzhTimepickerElement\n          | HTMLStzhPaginationElement\n          | HTMLStzhToggleElement\n      ) => {\n        const invalid = field.value.toString().length === 0;\n\n        if (!initial) {\n          field.invalid = invalid;\n        }\n\n        if (invalid) {\n          hasRequiredParams = false;\n        }\n      }\n    );\n\n    requiredMonthyearpickers.forEach((field: HTMLStzhMonthyearpickerElement) => {\n      const invalid = field.value.toString().length === 0;\n\n      if (!initial) {\n        field.invalidYear = invalid;\n        field.invalidMonth = invalid;\n      }\n\n      if (invalid) {\n        hasRequiredParams = false;\n      }\n    });\n\n    this.hasRequiredParams = hasRequiredParams;\n  }\n\n  private fetch = async (append: boolean = false, initial: boolean = false) => {\n    if (this.currentController) {\n      this.currentController.abort();\n    }\n\n    if (!this.hasRequiredParams && !append) {\n      this.loading = false;\n      return;\n    }\n\n    this.loading = true;\n    this.error = \"\";\n\n    let apiUrl = this.api.replace(/\\{lang\\}/gi, this.localization.$locale);\n    let limit = this.limit.toString();\n\n    this.params.set(\"offset\", append ? this.results.length.toString() : \"0\");\n\n    if (initial) {\n      const search = new URLSearchParams(location.search).get(\"search\");\n\n      if (search) {\n        const urlLimit = new URLSearchParams(search).get(\"limit\");\n\n        if (urlLimit) {\n          limit = urlLimit;\n        }\n      }\n    }\n\n    this.params.set(\"limit\", limit);\n\n    this.currentController = new AbortController();\n\n    let data: {\n      error?: boolean;\n      message?: string;\n      templates?: {\n        result: string;\n      };\n      meta?: {\n        total: number;\n      };\n      resultsHeading?: string;\n      results?: StzhSearchResult[];\n      chipResultsHeading?: string;\n      chipResults?: StzhSearchChipsResult[];\n    } = {};\n\n    try {\n      // load data from API\n      const response = await axios(apiUrl, {\n        params: this.params,\n        signal: this.currentController.signal,\n      });\n\n      data = response.data;\n    } catch (error) {\n      this.error = this.localization.error;\n    }\n\n    this.resultsHeading = data.resultsHeading || \"\";\n    this.totalCount = data.meta?.total || 0;\n\n    if (data.error) {\n      this.error = data.message || this.localization.error;\n    }\n\n    if (data.chipResults && data.chipResults.length) {\n      this.chipResultsHeading = data.chipResultsHeading ?? \"\";\n      this.chipResults = data.chipResults;\n    } else {\n      this.chipResultsHeading = \"\";\n      this.chipResults = [];\n    }\n\n    if (data.results) {\n      if (append) {\n        this.results = [\n          ...this.results,\n          ...data.results.map(item => ({\n            ...item,\n            html: this.renderResultTemplate(item.html || data.templates?.result, item),\n          })),\n        ];\n      } else {\n        this.results = data.results.map(item => ({\n          ...item,\n          html: this.renderResultTemplate(item.html || data.templates?.result, item),\n        }));\n      }\n    }\n\n    if (!initial && !this.preventUpdateUrl) {\n      const newUrlParams = new URLSearchParams(location.search);\n      const searchParams = new URLSearchParams(this.params);\n\n      searchParams.delete(\"offset\");\n      searchParams.set(\"limit\", this.results.length.toString());\n      newUrlParams.set(\"search\", searchParams.toString());\n\n      // console.log(location.search, searchParams.toString(), newUrlParams.toString());\n\n      window.history.replaceState(null, \"\", `${location.pathname}?${newUrlParams}`);\n    }\n\n    if (initial || !this.firstFetched) {\n      this.loading = false;\n    } else {\n      // to be able to see loading effect we delay turning off loading state\n      window.setTimeout(() => {\n        this.loading = false;\n      }, this.debounceTime);\n    }\n\n    this.firstFetched = true;\n  };\n\n  private debouncedFetch = debounce(this.fetch, this.debounceTime);\n\n  private handleMainFilterChange = async () => {\n    if (this.autofetchMainFilters) {\n      await this.updateParams();\n      this.debouncedFetch();\n    }\n  };\n\n  private handleAsideFilterChange = async () => {\n    if (this.autofetchAsideFilters) {\n      await this.updateParams();\n      this.debouncedFetch();\n    }\n  };\n\n  private handleFormSubmit = async (event: Event) => {\n    event.preventDefault();\n\n    await this.updateParams();\n    this.fetch();\n  };\n\n  private handleMoreClick = () => {\n    this.fetch(true);\n  };\n\n  private handleMediaChange = () => {\n    this.isDetailsOpen = media(\"large\").matches;\n  };\n\n  private handleFormReset = async () => {\n    requestAnimationFrame(() => {\n      requestAnimationFrame(async () => {\n        await this.updateParams();\n      });\n    });\n  };\n\n  private handleOverlayCloseClick = (event: MouseEvent) => {\n    this.stzhOverlayCloseClick.emit({\n      component: \"stzh-search\",\n      originalEvent: event,\n    });\n  };\n\n  async componentDidLoad() {\n    // update params initially to get hidden filters\n    // and set initialFetch to true if search params exist\n    await this.updateParams(true);\n\n    if (this.initialFetch) {\n      await this.fetch(false, true);\n      this.initiallyFetched = true;\n    } else {\n      this.initiallyFetched = true;\n    }\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"search\");\n    }\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.handleMediaChange);\n    this.handleMediaChange();\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.handleMediaChange);\n  }\n\n  render() {\n    const filtersMainUsed = hasSlot(this.element, \"filters-main\");\n    const filtersAsideUsed = hasSlot(this.element, \"filters-aside\");\n    let chipsProvided = true;\n    if (filtersMainUsed) {\n      const providedChipselect = this.element.querySelector(\"[slot='filters-main'] stzh-chipselect\");\n      const providedChipgroup = this.element.querySelector(\"[slot='filters-main'] stzh-chipgroup\");\n      if (!providedChipselect && !providedChipgroup) {\n        chipsProvided = false;\n      }\n    } else {\n      chipsProvided = false;\n    }\n\n    const resultsShown = (this.hasRequiredParams || this.firstFetched) && this.firstFetched && this.initiallyFetched;\n\n    const classes = {\n      \"stzh-search\": true,\n      \"stzh-search--has-filters-main\": filtersMainUsed,\n      \"stzh-search--has-filters-aside\": filtersAsideUsed,\n      \"stzh-search--has-hidden-main-filters\": this.hideMainFilters,\n      \"stzh-search--has-hidden-aside-filters\": this.hideAsideFilters,\n      \"stzh-search--has-results-shown\": resultsShown,\n      \"stzh-search--has-error-shown\": !!this.error,\n      \"stzh-search--is-loading\": this.loading,\n      [`stzh-search--${this.variant}`]: !!this.variant,\n    };\n\n    const WrapperElement =\n      typeof this.templateResultWrapperElement === \"function\"\n        ? this.templateResultWrapperElement(this.element)\n        : this.templateResultWrapperElement;\n\n    const wrapperProps =\n      typeof this.templateResultWrapperProps === \"function\"\n        ? this.templateResultWrapperProps(this.element)\n        : this.templateResultWrapperProps;\n\n    return (\n      <Host has-aside-filters={filtersAsideUsed} class={this.breakout ? \"stzh-search--is-breakout\" : \"\"}>\n        {this.breakout && (\n          <div class=\"stzh-search__header-wrapper\">\n            <div class=\"stzh-search__header\">\n              <stzh-heading class=\"stzh-search__header-heading\" curve=\"h2\">\n                {this.heading}\n              </stzh-heading>\n              <stzh-button\n                class=\"stzh-search__overlay-close\"\n                icon=\"close\"\n                iconOnly={true}\n                size=\"small\"\n                variant=\"tertiary\"\n                onClick={this.handleOverlayCloseClick}\n              ></stzh-button>\n            </div>\n          </div>\n        )}\n        <form\n          ref={el => (this.formElement = el as HTMLFormElement)}\n          novalidate\n          class={classes}\n          onSubmit={this.handleFormSubmit}\n          onReset={this.handleFormReset}\n        >\n          {/* @ts-ignore */}\n          <div class=\"stzh-search__filters-main\" onStzhChange={this.handleMainFilterChange}>\n            <slot name=\"filters-main\"></slot>\n            {!chipsProvided && this.chipResults.length > 0 && (\n              <div class=\"stzh-search__filters-main-chips\">\n                {this.chipResultsHeading && (\n                  <stzh-text font=\"heavy\" size=\"milli\" color=\"primary\">\n                    {this.chipResultsHeading}\n                  </stzh-text>\n                )}\n                {this.chipResults[0].options ? (\n                  <stzh-chipgroup>\n                    {this.chipResults.map(chipResult => (\n                      <stzh-dropdown\n                        label={chipResult.label}\n                        name={chipResult.value}\n                        variant=\"filter\"\n                        no-search={true}\n                        hide-optional={true}\n                        inline={true}\n                        options={chipResult.options}\n                      ></stzh-dropdown>\n                    ))}\n                  </stzh-chipgroup>\n                ) : (\n                  <stzh-chipselect\n                    multiple={true}\n                    name=\"subject\"\n                    label={this.chipResultsHeading}\n                    label-hidden={true}\n                    data={this.chipResults.map(chipResult => ({\n                      label: chipResult.label,\n                      value: chipResult.value,\n                      counter: `${chipResult.amount}`,\n                      variant: \"filter\",\n                      size: \"small\",\n                    }))}\n                  ></stzh-chipselect>\n                )}\n              </div>\n            )}\n          </div>\n\n          {filtersAsideUsed && (\n            <Fragment>\n              {/* @ts-ignore */}\n              <div class=\"stzh-search__filters-aside\" onStzhChange={this.handleAsideFilterChange}>\n                <div class=\"stzh-search__filters-aside-inner\">\n                  <div class=\"stzh-search__filters-aside-heading\">{this.localization.moreFilter}</div>\n                  <stzh-details open={this.isDetailsOpen} class=\"stzh-search__filters-aside-details\">\n                    <stzh-button\n                      class=\"stzh-search__filters-aside-details-trigger\"\n                      variant=\"tertiary-plain\"\n                      size=\"small\"\n                      noPaddingLeft={true}\n                      showToggleIcon={true}\n                      iconPosition=\"right\"\n                      label={this.localization.moreFilter}\n                    ></stzh-button>\n                    <div slot=\"content\">\n                      <slot name=\"filters-aside\"></slot>\n                    </div>\n                  </stzh-details>\n                </div>\n              </div>\n            </Fragment>\n          )}\n\n          <div class=\"stzh-search__results-wrapper\">\n            {resultsShown && (\n              <Fragment>\n                {this.results.length === 0 ? (\n                  <Fragment>\n                    {this.variant !== \"teaser\" && this.resultsHeading && (\n                      <stzh-heading\n                        class=\"stzh-search__results-heading\"\n                        curve=\"h3\"\n                        level={this.resultHeadingLevel}\n                        innerHTML={this.resultsHeading}\n                      ></stzh-heading>\n                    )}\n\n                    {this.emptyText && (\n                      <stzh-text class=\"stzh-search__empty-text\" innerHTML={this.emptyText}></stzh-text>\n                    )}\n\n                    {this.emptyLinkLabel && this.emptyLinkHref && (\n                      <div class=\"stzh-search__empty-link-wrapper\">\n                        <stzh-link href={this.emptyLinkHref} label={this.emptyLinkLabel}></stzh-link>\n                      </div>\n                    )}\n                  </Fragment>\n                ) : (\n                  <Fragment>\n                    {this.variant !== \"teaser\" && this.resultsHeading && (\n                      <stzh-heading\n                        class=\"stzh-search__results-heading\"\n                        curve=\"h3\"\n                        level={this.resultHeadingLevel}\n                        innerHTML={this.resultsHeading}\n                      ></stzh-heading>\n                    )}\n\n                    <WrapperElement class=\"stzh-search__results\" {...wrapperProps}>\n                      {this.results.map(result => (\n                        <div class=\"stzh-search__results-item\" innerHTML={result.html || \"\"}></div>\n                      ))}\n                    </WrapperElement>\n\n                    <div class=\"stzh-search__actions-wrapper\">\n                      {this._showMoreLink && (\n                        <stzh-button\n                          variant=\"secondary\"\n                          class=\"stzh-search__action-more\"\n                          label={this.localization.showMore}\n                          onClick={this.handleMoreClick}\n                          a11yDisabled={this.loading}\n                        ></stzh-button>\n                      )}\n                    </div>\n                  </Fragment>\n                )}\n              </Fragment>\n            )}\n\n            {this.error && (\n              <div class=\"stzh-search__error\">\n                <stzh-message type=\"error\" label={this.error}></stzh-message>\n              </div>\n            )}\n\n            {this.loading && <stzh-loader class=\"stzh-search__loader\"></stzh-loader>}\n          </div>\n\n          <slot></slot>\n        </form>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}