@searchcraft/javascript-sdk 0.7.0 → 0.7.2

package/dist/searchcraft-javascript-sdk/p-117fcdd3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["deepMergeWithSpread","obj1","obj2","result","Object","assign","key","hasOwnProperty","removeSubstringMatches","arr","filter","entry","index","array","some","otherEntry","otherIndex","includes","facetToRecord","facet","records","traverseAndAddToFragments","facetChild","path","count","_a","children","forEach","child","recordToObject","record","root","keys","fragment","pathParts","substring","split","currentRoot","currentPath","part","nextPath","length","objectToFacet","childObject","transformed","values","map","subChildObject","filterRecordByParentPaths","record1","record2","paths1","paths2","parentPaths","Set","lastIndexOf","filteredRecord","fromEntries","has","mergeFacetRoots","fieldName","incomingRoot","currentArray","incomingArray","currentRootFacetChild","incomingRootFacetChild","currentRecord","incomingRecord","filteredCurrentRecord","mergedRecord","mergedObject","mergedFacetChild","searchcraftFacetListModuleCss","SearchcraftFacetListStyle0","SearchcraftFacetList","constructor","hostRef","this","selectedPaths","hasNewSearchTerm","searchStore","useSearchcraftStore","getState","formatLabel","label","replace","char","toUpperCase","formatSubLabel","facetChildAncestor","facetChildPath","handleStateUpdate","state","facetPrime","searchResults","data","facets","timeTaken","_b","time_taken","query","lastQuery","searchMode","lastSearchMode","sortType","lastSortType","lastTimeTaken","facetRoot","undefined","incomingFacetRoot","find","baseFacetRoot","connectedCallback","unsubscribe","subscribe","disconnectedCallback","call","handleCheckboxChange","isCheckboxChecked","updatedPaths","testPath","reduce","acc","str","paths","pathsWithParentPathsRemoved","facetSelectionUpdated","emit","render","firstFacet","h","class","classNames","isChildSelected","checked","onChange","_event","type","Fragment","grandchild","style","display","searchcraftSliderModuleCss","SearchcraftSliderStyle0","SearchcraftSlider","max","min","granularity","getMillis","dataType","endValue","startValue","lastFocusedHandle","emitUpdate","async","rangeChanged","handleStartValueChange","event","inputElement","target","value","Number","parseInt","handleEndValueChange","componentDidLoad","rangeMin","rangeMax","startPercent","endPercent","startLabel","Date","getFullYear","endLabel","left","width","onInput","bind","step","zIndex","searchcraftToggleButtonModuleCss","SearchcraftToggleButtonStyle0","SearchcraftToggleButton","isActive","handleToggle","toggleUpdated","trim","subLabel","active","onClick"],"sources":["src/utils/facets.ts","src/components/searchcraft-facet-list/searchcraft-facet-list.module.scss?tag=searchcraft-facet-list","src/components/searchcraft-facet-list/searchcraft-facet-list.tsx","src/components/searchcraft-slider/searchcraft-slider.module.scss?tag=searchcraft-slider","src/components/searchcraft-slider/searchcraft-slider.tsx","src/components/searchcraft-toggle-button/searchcraft-toggle-button.module.scss?tag=searchcraft-toggle-button","src/components/searchcraft-toggle-button/searchcraft-toggle-button.tsx"],"sourcesContent":["import type {\n  FacetChild,\n  FacetChildObject,\n  FacetRoot,\n} from '@searchcraft/core';\n\nfunction deepMergeWithSpread(obj1, obj2) {\n  const result = { ...obj1 };\n\n  for (const key in obj2) {\n    // biome-ignore lint/suspicious/noPrototypeBuiltins: <explanation>\n    if (obj2.hasOwnProperty(key)) {\n      if (obj2[key] instanceof Object && obj1[key] instanceof Object) {\n        result[key] = deepMergeWithSpread(obj1[key], obj2[key]);\n      } else {\n        result[key] = obj2[key];\n      }\n    }\n  }\n\n  return result;\n}\n\n/**\n * Given an array of facet paths, removes parent facet paths.\n */\nexport function removeSubstringMatches(arr: string[]): string[] {\n  return arr.filter(\n    (entry, index, array) =>\n      !array.some(\n        (otherEntry, otherIndex) =>\n          otherIndex !== index && otherEntry.includes(entry),\n      ),\n  );\n}\n\ntype FacetChildFragment = {\n  count: number;\n  path: string;\n};\n\nfunction facetToRecord(facet: FacetChild): Record<string, FacetChildFragment> {\n  const records: Record<string, FacetChildFragment> = {};\n\n  const traverseAndAddToFragments = (facetChild: FacetChild) => {\n    records[facetChild.path] = {\n      count: facetChild.count,\n      path: facetChild.path,\n    };\n\n    facetChild.children?.forEach((child) => {\n      traverseAndAddToFragments(child);\n    });\n  };\n\n  traverseAndAddToFragments(facet);\n\n  return records;\n}\n\nfunction recordToObject(\n  record: Record<string, FacetChildFragment>,\n): FacetChildObject {\n  const root: FacetChildObject = {\n    count: 0,\n    path: '/',\n    children: {},\n  };\n\n  Object.keys(record).forEach((key) => {\n    const fragment = record[key];\n    if (fragment.path === '/') {\n      return;\n    }\n    const pathParts = fragment.path.substring(1).split('/');\n    let currentRoot = root;\n    let currentPath = '';\n\n    pathParts.forEach((part, index) => {\n      const nextPath = `${currentPath}/${part}`;\n      if (!currentRoot.children[nextPath]) {\n        currentRoot.children[nextPath] = {\n          count: 0,\n          path: nextPath,\n          children: {},\n        };\n      }\n\n      if (index === pathParts.length - 1) {\n        currentRoot.children[nextPath].count = fragment.count;\n      }\n\n      currentPath = nextPath;\n      currentRoot = currentRoot.children[nextPath];\n    });\n  });\n\n  return root;\n}\n\nfunction objectToFacet(childObject: FacetChildObject): FacetChild {\n  const transformed: FacetChild = {\n    count: childObject.count,\n    path: childObject.path,\n    children: [],\n  };\n\n  if (Object.keys(childObject.children).length > 0) {\n    transformed.children = Object.values(childObject.children).map(\n      (subChildObject) => objectToFacet(subChildObject),\n    );\n  }\n\n  return transformed;\n}\n\n/**\n * Filters records with the parent paths from record2 OUT of record1\n */\nfunction filterRecordByParentPaths(\n  record1: Record<string, FacetChild>,\n  record2: Record<string, FacetChild>,\n): Record<string, FacetChild> {\n  // Extract all paths (keys) both records\n  const paths1 = Object.keys(record1);\n  const paths2 = Object.keys(record2);\n\n  // Find all parent paths in record2\n  const parentPaths = new Set(\n    paths2\n      .filter((path) => path.split('/').length > 2) // Only consider paths with more than one level\n      .map((path) => path.substring(0, path.lastIndexOf('/'))),\n  );\n\n  // Filter out keys in record1 that share a parent path with any of the identified parent paths\n  const filteredRecord = Object.fromEntries(\n    paths1\n      .filter(\n        (path) => !parentPaths.has(path.substring(0, path.lastIndexOf('/'))),\n      )\n      .map((path) => [path, record1[path]]), // Reconstruct the key-value pairs\n  );\n\n  return filteredRecord;\n}\n\nexport function mergeFacetRoots(\n  fieldName: string,\n  currentRoot: FacetRoot,\n  incomingRoot: FacetRoot,\n): FacetRoot {\n  const currentArray = currentRoot[fieldName];\n  const incomingArray = incomingRoot[fieldName];\n\n  const currentRootFacetChild: FacetChild = {\n    count: 0,\n    path: '/',\n    children: currentArray,\n  };\n\n  const incomingRootFacetChild: FacetChild = {\n    count: 0,\n    path: '/',\n    children: incomingArray,\n  };\n\n  // Flatten them into records\n  const currentRecord: Record<string, FacetChildFragment> = facetToRecord(\n    currentRootFacetChild,\n  );\n\n  const incomingRecord: Record<string, FacetChildFragment> = facetToRecord(\n    incomingRootFacetChild,\n  );\n\n  // Filter out the records from record1 (the current set of records)\n  // that share a parent path with record2 (the incoming records)\n  const filteredCurrentRecord = filterRecordByParentPaths(\n    currentRecord,\n    incomingRecord,\n  );\n\n  // Deep merge the records together\n  const mergedRecord: Record<string, FacetChildFragment> = deepMergeWithSpread(\n    filteredCurrentRecord,\n    incomingRecord,\n  );\n\n  // Convert into a heirarchical object\n  const mergedObject: FacetChildObject = recordToObject(mergedRecord);\n\n  // Convert the heirarchical object back to the Facet child structure\n  const mergedFacetChild = objectToFacet(mergedObject);\n\n  return {\n    [fieldName]: mergedFacetChild.children,\n  };\n}\n",".filtersListContainer {\n  width: 100%;\n}\n\n.filterCheckboxLabel {\n  align-items: center;\n  color: var(--sc-content-primary);\n  display: flex;\n  font-family: var(--sc-font-family);\n  font-size: 14px;\n  font-weight: 600;\n  gap: 14px;\n  position: relative;\n  -webkit-font-smoothing: antialiased;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"] {\n  align-items: center;\n  appearance: none;\n  background-color: var(--sc-surface-brand-secondary-hover);\n  border: 1px solid var(--sc-surface-disabled);\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  width: 24px;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:focus {\n  outline: 2px solid var(--sc-surface-brand-primary);\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:checked {\n  background-color: var(--sc-surface-brand-primary);\n  position: relative;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n  display: block;\n}\n\n.filterCheckboxLabel input[type=\"checkbox\"]:checked + .dashContainer {\n  display: block;\n}\n\n.childFilterCheckboxLabel {\n  align-items: center;\n  color: var(--sc-content-primary);\n  display: flex;\n  font-family: var(--sc-font-family);\n  font-size: 14px;\n  font-weight: 600;\n  gap: 12px;\n  margin-left: 24px;\n  position: relative;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"] {\n  align-items: center;\n  appearance: none;\n  background-color: var(--sc-surface-brand-secondary-hover);\n  border: 1px solid var(--sc-surface-disabled);\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  height: 24px;\n  justify-content: center;\n  position: relative;\n  width: 24px;\n  -webkit-font-smoothing: antialiased;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:focus {\n  outline: 2px solid var(--sc-surface-brand-primary);\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:checked {\n  background-color: var(--sc-surface-brand-primary);\n  position: relative;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:checked + .checkContainer {\n  display: block;\n}\n\n.childFilterCheckboxLabel input[type=\"checkbox\"]:checked + .dashContainer {\n  display: block;\n}\n\n.checkContainer {\n  display: none;\n  height: 16px;\n  width: 16px;\n  position: absolute;\n  top: 9px;\n  left: 8px;\n}\n\n.dashContainer {\n  display: none;\n  height: 3px;\n  width: 14px;\n  position: absolute;\n  top: 3px;\n  left: 9px;\n}\n\n.searchcraft-facet-message {\n  @include body-small();\n  color: var(--sc-content-disabled);\n  text-align: center;\n}","import {\n  Component,\n  h,\n  State,\n  Prop,\n  Event,\n  type EventEmitter,\n  Fragment,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\nimport type { FacetChild, FacetRoot } from '@searchcraft/core';\n\nimport { useSearchcraftStore, type SearchcraftState } from '@provider/store';\nimport { mergeFacetRoots, removeSubstringMatches } from '@utils';\n\n/**\n * This web component is designed to display facets in a search interface, allowing users to refine their search results by applying filters based on various attributes.\n * It is consumed within the `searchcraft-filter-panel`.\n *\n * ## Usage\n * ```html\n * <!-- index.html -->\n * <searchcraft-facet-list field-name=\"title\" />\n * ```\n *\n * ```js\n * // index.js\n * const facetList = document.querySelector('searchcraft-facet-list');\n *\n * facetList.addEventListener('facetSelectionUpdated', () => {\n *   console.log('Facet selection updated');\n * });\n * ```\n */\n@Component({\n  tag: 'searchcraft-facet-list',\n  styleUrl: 'searchcraft-facet-list.module.scss',\n  shadow: false,\n})\nexport class SearchcraftFacetList {\n  /**\n   * The name of the field where facets are applied.\n   */\n  @Prop() fieldName: string;\n\n  /**\n   * When the facets are updated.\n   */\n  @Event() facetSelectionUpdated: EventEmitter<{ paths: string[] }>;\n\n  @State() baseFacetRoot: FacetRoot | undefined;\n  @State() facetRoot: FacetRoot | undefined;\n  @State() selectedPaths: Record<string, boolean> = {};\n  @State() lastTimeTaken: number | undefined;\n  @State() hasNewSearchTerm = false;\n\n  @State() lastQuery: string | undefined;\n  @State() lastSearchMode: string | undefined;\n  @State() lastSortType: string | undefined;\n\n  @State() unsubscribe: (() => void) | undefined;\n\n  private searchStore = useSearchcraftStore.getState();\n\n  handleStateUpdate(state: SearchcraftState) {\n    const facetPrime = state.searchResults?.data.facets;\n    const timeTaken = state.searchResults?.data.time_taken;\n\n    /** Things to do when the state's search term has changed, but before the response received */\n    if (\n      state.query !== this.lastQuery ||\n      state.searchMode !== this.lastSearchMode ||\n      state.sortType !== this.lastSortType\n    ) {\n      this.selectedPaths = {};\n      this.hasNewSearchTerm = true;\n    }\n\n    /** Things to do when a new response with a new facet prime has been received */\n    if (timeTaken !== this.lastTimeTaken && facetPrime) {\n      this.facetRoot = undefined;\n      const incomingFacetRoot: FacetRoot = facetPrime.find(\n        (facet) => this.fieldName === Object.keys(facet)[0],\n      );\n\n      /** Data is from a new search term: completely override our facets */\n      if (this.hasNewSearchTerm) {\n        this.baseFacetRoot = incomingFacetRoot;\n        this.facetRoot = incomingFacetRoot;\n        this.hasNewSearchTerm = false;\n      } else if (this.baseFacetRoot) {\n        /** Data is from an existing search term, merge the facets together */\n        this.facetRoot = mergeFacetRoots(\n          this.fieldName,\n          this.baseFacetRoot,\n          incomingFacetRoot,\n        );\n      }\n    }\n\n    this.lastQuery = state.query;\n    this.lastSearchMode = state.searchMode;\n    this.lastSortType = state.sortType;\n    this.lastTimeTaken = timeTaken;\n  }\n\n  connectedCallback() {\n    this.handleStateUpdate(this.searchStore);\n\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      this.handleStateUpdate(state);\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  handleCheckboxChange(path: string) {\n    const isCheckboxChecked = !this.selectedPaths[path];\n\n    if (isCheckboxChecked) {\n      /**\n       * Checkbox Checked: Add to the selectedPaths record\n       * Uses spread operator here so UI updates.\n       */\n      this.selectedPaths = {\n        ...this.selectedPaths,\n        [path]: true,\n      };\n    } else {\n      /**\n       * Checkbox Uncheck: Remove any paths and sub-paths\n       */\n      const updatedPaths = Object.keys(this.selectedPaths).filter(\n        (testPath) => !testPath.includes(path),\n      );\n\n      this.selectedPaths = updatedPaths.reduce(\n        (acc, str) => {\n          acc[str] = true;\n          return acc;\n        },\n        {} as Record<string, boolean>,\n      );\n    }\n\n    /**\n     * Emit the paths array, with parent paths removed.\n     */\n    const paths = Object.keys(this.selectedPaths).filter(\n      (path) => this.selectedPaths[path],\n    );\n    const pathsWithParentPathsRemoved = removeSubstringMatches(paths);\n\n    this.facetSelectionUpdated.emit({ paths: pathsWithParentPathsRemoved });\n  }\n\n  formatLabel = (facetChild: FacetChild): string => {\n    const label = facetChild.path.replace(/^\\//, '');\n    const count = facetChild.count;\n    return `${label.replace(/-/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase())} (${count})`;\n  };\n\n  formatSubLabel = (\n    facetChild: FacetChild,\n    facetChildAncestor: FacetChild,\n  ): string => {\n    const facetChildPath = facetChild.path.substring(\n      facetChildAncestor.path.length,\n    );\n    const label = facetChildPath.replace(/^\\//, '');\n    const count = facetChild.count;\n    return `${label.replace(/-/g, ' ').replace(/\\b\\w/g, (char) => char.toUpperCase())} (${count})`;\n  };\n\n  render() {\n    const firstFacet = this.facetRoot?.[this.fieldName];\n\n    return (\n      <div\n        class={classNames(\n          'filtersListContainer',\n          'searchcraft-filters-list-container',\n        )}\n      >\n        {!firstFacet && (\n          <p class='searchcraft-facet-message'>\n            Enter a search to view facets.\n          </p>\n        )}\n        {firstFacet?.map((facetChild: FacetChild) => {\n          const isChildSelected = facetChild.children\n            ? facetChild.children?.some(\n                (child) => this.selectedPaths[child.path],\n              )\n            : false;\n\n          return (\n            <div\n              key={facetChild.path}\n              class={classNames('searchcraft-filters-list-item')}\n            >\n              <label\n                class={classNames(\n                  'filterCheckboxLabel',\n                  'searchcraft-filters-list-checkbox-label',\n                )}\n              >\n                <input\n                  checked={this.selectedPaths[facetChild.path]}\n                  onChange={(_event: Event) =>\n                    this.handleCheckboxChange(facetChild.path)\n                  }\n                  type='checkbox'\n                />\n                {isChildSelected ? (\n                  <div\n                    class={classNames(\n                      'dashContainer',\n                      'searchcraft-filter-list-dash-container',\n                    )}\n                  >\n                    <searchcraft-dash-icon />\n                  </div>\n                ) : (\n                  <div\n                    class={classNames(\n                      'checkContainer',\n                      'searchcraft-filter-list-check-container',\n                    )}\n                  >\n                    <searchcraft-check-icon />\n                  </div>\n                )}\n                {this.formatLabel(facetChild)}\n              </label>\n              {facetChild.children && facetChild.children.length > 0 && (\n                <Fragment>\n                  {facetChild.children.map((grandchild) => (\n                    <label\n                      key={grandchild.path}\n                      class={classNames(\n                        'childFilterCheckboxLabel',\n                        'searchcraft-child-filter-checkbox-label',\n                      )}\n                      style={{\n                        display: this.selectedPaths[facetChild.path]\n                          ? 'flex'\n                          : 'none',\n                      }}\n                    >\n                      <input\n                        checked={this.selectedPaths[grandchild.path]}\n                        onChange={(_event: Event) => {\n                          this.handleCheckboxChange(grandchild.path);\n                        }}\n                        type='checkbox'\n                      />\n                      <div\n                        class={classNames(\n                          'checkContainer',\n                          'searchcraft-filter-list-check-container',\n                        )}\n                      >\n                        <searchcraft-check-icon />\n                      </div>\n                      {this.formatSubLabel(grandchild, facetChild)}\n                    </label>\n                  ))}\n                </Fragment>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n",".searchcraft-slider-container {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 100%;\n}\n\n.searchcraft-slider-range-container {\n  align-items: center;\n  background-color: var(--sc-surface-disabled);\n  border-radius: 999px;\n  display: flex;\n  position: relative;\n  height: 4px;\n  width: 100%;\n\n  &::-webkit-slider-runnable-track {\n    pointer-events: none;\n   }\n\n  .searchcraft-slider-active-range {\n    background-color: var(--sc-surface-brand-primary);\n    border-radius: 2px;\n    height: 4px;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 0;\n\n    &::-webkit-slider-runnable-track {\n      pointer-events: none;\n     }\n\n     &::-moz-range-track {\n      pointer-events: none;\n     }\n  }\n\n  .searchcraft-slider-input {\n    appearance: none;\n    background: transparent;\n    border-radius: 2px;\n    height: 4px;\n    margin: 0;\n    outline: none;\n    pointer-events: none;\n    position: absolute;\n    width: 100%;\n    -webkit-appearance: none;\n\n    &::-webkit-slider-thumb {\n      background-color: var(--sc-surface-neutral-light);\n      border-radius: 50%;\n      border: 2px solid var(--sc-border-neutral);\n      cursor: pointer;\n      height: 20px;\n      pointer-events: all;\n      width: 20px;\n      -webkit-appearance: none;\n    }\n\n    &::-moz-range-thumb {\n      background-color: var(--sc-surface-neutral-light);\n      border-radius: 50%;\n      border: 2px solid var(--sc-border-neutral);\n      cursor: pointer;\n      height: 20px;\n      pointer-events: all;\n      width: 20px;\n    }\n  }\n}\n\n.searchcraft-slider-label-container {\n  color: var(--sc-content-primary);\n  display: flex;\n  font-family: 'Source Sans Pro', sans-serif;\n  font-size: 15px;\n  font-weight: 600;\n  justify-content: space-between;\n  margin-top: 10px;\n  width: 100%;\n}\n\n.searchcraft-slider-label {\n  min-width: 30px;\n  text-align: center;\n}","import {\n  Component,\n  Event,\n  type EventEmitter,\n  h,\n  State,\n  Prop,\n} from '@stencil/core';\nimport { getMillis } from '@utils';\nimport classNames from 'classnames';\n\n/**\n * This web component is designed to allow users to select a value from a range defined by a minimum and maximum value.\n * The component renders a slider interface, which can be used to visually choose a value between two boundaries.\n * It is consumed by the `searchcraft-filter-panel` component.\n */\n@Component({\n  tag: 'searchcraft-slider',\n  styleUrl: 'searchcraft-slider.module.scss',\n  shadow: false,\n})\nexport class SearchcraftSlider {\n  /**\n   * The maximum value allowed.\n   */\n  @Prop() max = 100;\n  /**\n   * The minimum value allowed.\n   */\n  @Prop() min = 0;\n  /**\n   * The granularity that the value must adhere to.\n   */\n  @Prop() granularity: number = getMillis('month');\n  /** The type of data allowed. */\n  @Prop() dataType: 'number' | 'date' = 'number';\n\n  @State() endValue = this.max;\n  @State() startValue = this.min;\n  @State() lastFocusedHandle: 'min' | 'max' = 'max';\n\n  /**\n   * When the range has changed.\n   * */\n  @Event() rangeChanged: EventEmitter<{ startValue: number; endValue: number }>;\n\n  componentDidLoad() {\n    this.startValue = this.min;\n    this.endValue = this.max;\n  }\n\n  private emitUpdate = async () => {\n    this.rangeChanged.emit({\n      startValue: this.startValue,\n      endValue: this.endValue,\n    });\n  };\n\n  private handleStartValueChange = (event: InputEvent) => {\n    const inputElement = event.target as HTMLInputElement;\n    const value = Number.parseInt(inputElement.value, 10);\n    this.lastFocusedHandle = 'min';\n    if (value <= this.endValue) {\n      this.startValue = value;\n      this.emitUpdate();\n    } else {\n      this.startValue = this.endValue;\n      inputElement.value = `${this.endValue}`;\n    }\n  };\n\n  private handleEndValueChange = (event: InputEvent) => {\n    const inputElement = event.target as HTMLInputElement;\n    const value = Number.parseInt(inputElement.value, 10);\n    this.lastFocusedHandle = 'max';\n    if (value >= this.startValue) {\n      this.endValue = value;\n      this.emitUpdate();\n    } else {\n      this.endValue = this.startValue;\n      inputElement.value = `${this.startValue}`;\n    }\n  };\n\n  render() {\n    const rangeMin = this.min;\n    const rangeMax = this.max;\n    const startPercent =\n      ((this.startValue - rangeMin) / (rangeMax - rangeMin)) * 100;\n    const endPercent =\n      ((this.endValue - rangeMin) / (rangeMax - rangeMin)) * 100;\n\n    const startLabel =\n      this.dataType === 'number'\n        ? this.startValue\n        : new Date(this.startValue).getFullYear();\n\n    const endLabel =\n      this.dataType === 'number'\n        ? this.endValue\n        : new Date(this.endValue).getFullYear();\n\n    return (\n      <div class='searchcraft-slider-container'>\n        <div class='searchcraft-slider-range-container'>\n          <div\n            class='searchcraft-slider-active-range'\n            style={{\n              left: `${startPercent}%`,\n              width: `${endPercent - startPercent}%`,\n            }}\n          />\n          <input\n            class={classNames(\n              'searchcraft-slider-input',\n              'searchcraft-slider-input-min-handle',\n            )}\n            max={this.max}\n            min={this.min}\n            onInput={this.handleStartValueChange.bind(this)}\n            step={this.granularity}\n            style={{ zIndex: this.lastFocusedHandle === 'min' ? '2' : '1' }}\n            type='range'\n            value={this.startValue}\n          />\n          <input\n            class={classNames(\n              'searchcraft-slider-input',\n              'searchcraft-slider-input-max-handle',\n            )}\n            max={this.max}\n            min={this.min}\n            onInput={this.handleEndValueChange.bind(this)}\n            step={this.granularity}\n            style={{ zIndex: this.lastFocusedHandle === 'max' ? '2' : '1' }}\n            type='range'\n            value={this.endValue}\n          />\n        </div>\n        <div class='searchcraft-slider-label-container'>\n          <span class='searchcraft-slider-label'>{startLabel}</span>\n          <span class='searchcraft-slider-label'>{endLabel}</span>\n        </div>\n      </div>\n    );\n  }\n}\n",".searchcraft-toggle-button-container {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 10px;\n}\n\n.searchcraft-toggle-button-label {\n  @include body();\n  margin: 0;\n  color: var(--sc-content-neutral-primary);\n}\n\n.searchcraft-toggle-button-sub-label {\n  @include body-small();\n  margin: 0;\n  color: var(--sc-content-neutral-secondary);\n}\n\n.searchcraft-toggle-button-background {\n  transition: background-color 0.2s;\n  background: var(--sc-surface-disabled);\n  border: none;\n  border-radius: 16px;\n  cursor: pointer;\n  height: 26px;\n  position: relative;\n  width: 44px;\n  flex-shrink: 0;\n}\n\n.searchcraft-toggle-button-background.active {\n  background: var(--sc-surface-brand-primary);\n  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05);\n}\n\n.searchcraft-toggle-button-handle {\n  background: var(--sc-surface-neutral-light);\n  border-radius: 50%;\n  height: 18px;\n  left: 4px;\n  position: absolute;\n  top: calc(50% - 18px/2);\n  transition: transform 0.3s ease;\n  width: 18px;\n}\n\n.searchcraft-toggle-button-handle.active {\n  transform: translateX(16px);\n}\n","import { useSearchcraftStore } from '@provider/store';\nimport {\n  Component,\n  Event,\n  h,\n  Prop,\n  State,\n  type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n\n/**\n * This web component simulates a light switch functionality, providing a simple and intuitive toggle between two states—on and off.\n * It is consumed within the `searchcraft-filter-panel` component.\n */\n@Component({\n  tag: 'searchcraft-toggle-button',\n  styleUrl: 'searchcraft-toggle-button.module.scss',\n  shadow: false,\n})\nexport class SearchcraftToggleButton {\n  /**\n   * The label.\n   */\n  @Prop() label = 'Toggle';\n  /**\n   * The secondary label displayed below the main label.\n   */\n  @Prop() subLabel: string | undefined;\n\n  /**\n   * When the toggle element is changed.\n   */\n  @Event() toggleUpdated: EventEmitter<boolean>;\n\n  @State() isActive = false;\n  @State() unsubscribe: (() => void) | undefined;\n  @State() lastQuery: string | undefined;\n\n  private handleToggle = async () => {\n    this.isActive = !this.isActive;\n    this.toggleUpdated.emit(this.isActive);\n  };\n\n  connectedCallback() {\n    /** When the query changes, sets toggle button state back to inactive. */\n    this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n      if (state.query !== this.lastQuery && state.query.trim().length === 0) {\n        this.isActive = false;\n      }\n      this.lastQuery = state.query;\n    });\n  }\n\n  disconnectedCallback() {\n    this.unsubscribe?.();\n  }\n\n  render() {\n    return (\n      <div class='searchcraft-toggle-button-container'>\n        <div>\n          <p class='searchcraft-toggle-button-label'>{this.label}</p>\n          {this.subLabel && (\n            <p class='searchcraft-toggle-button-sub-label'>{this.subLabel}</p>\n          )}\n        </div>\n        <button\n          class={classNames('searchcraft-toggle-button-background', {\n            active: this.isActive,\n          })}\n          onClick={this.handleToggle}\n          type='button'\n        >\n          <div\n            class={classNames('searchcraft-toggle-button-handle', {\n              active: this.isActive,\n            })}\n          />\n        </button>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-129e6f2c.js

@@ -1,3 +0,0 @@
-const e="searchcraft-javascript-sdk";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:false,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:false,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:false,propNumber:true,propString:true,reflect:false,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:false,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var n=Object.defineProperty;var l=(e,t)=>{for(var l in t)n(e,l,{get:t[l],enumerable:true})};var r="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var i=new WeakMap;var o=e=>i.get(e);var a=(e,t)=>{i.set(t.t=e,t)};var f=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e));e["s-p"]=[];e["s-rc"]=[]}const l=i.set(e,n);return l};var c=(e,t)=>t in e;var u=(e,t)=>(0,console.error)(e,t);var v=new Map;var d=(e,t,n)=>{const l=e.h.replace(/-/g,"_");const r=e.p;if(!r){return void 0}const s=v.get(r);if(s){return s[l]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{v.set(r,e)}return e[l]}),(e=>{u(e,t.$hostElement$)}))};var h=new Map;var p="sty-id";var m="{visibility:hidden}.hydrated{visibility:inherit}";var y="slot-fb{display:contents}slot-fb[hidden]{display:none}";var b=typeof window!=="undefined"?window:{};var w=b.document||{head:{}};var g={l:0,m:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)};var S=t.shadowDom;var $=e=>Promise.resolve(e);var k=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var C=false;var O=[];var j=[];var T=(e,t)=>n=>{e.push(n);if(!C){C=true;if(t&&g.l&4){D(L)}else{g.raf(L)}}};var x=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){u(e)}}e.length=0};var L=()=>{x(O);{x(j);if(C=O.length>0){g.raf(L)}}};var D=e=>$().then(e);var F=T(j,true);var R=e=>{e=typeof e;return e==="object"||e==="function"};function E(e){var t,n,l;return(l=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?l:void 0}var A={};l(A,{err:()=>N,map:()=>P,ok:()=>M,unwrap:()=>U,unwrapErr:()=>W});var M=e=>({isOk:true,isErr:false,value:e});var N=e=>({isOk:false,isErr:true,value:e});function P(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>M(e)))}else{return M(n)}}if(e.isErr){const t=e.value;return N(t)}throw"should never get here"}var U=e=>{if(e.isOk){return e.value}else{throw e.value}};var W=e=>{if(e.isErr){return e.value}else{throw e.value}};var B=e=>{const t=e.__childNodes||e.childNodes;if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){H(t,e.tagName).forEach((e=>{var t;if(e.nodeType===1&&e.tagName==="SLOT-FB"){if((t=z(e,e["s-sn"],false))==null?void 0:t.length){e.hidden=true}else{e.hidden=false}}}))}for(const e of t){if(e.nodeType===1&&(e.__childNodes||e.childNodes).length){B(e)}}};function H(e,t,n){let l=0;let r=[];let s;for(;l<e.length;l++){s=e[l];if(s["s-sr"]&&s["s-hn"]===t&&(n===void 0||s["s-sn"]===n)){r.push(s);if(typeof n!=="undefined")return r}r=[...r,...H(s.childNodes,t,n)]}return r}var z=(e,t,n=true)=>{const l=[];if(n&&e["s-sr"]||!e["s-sr"])l.push(e);while((e=e.nextSibling)&&e["s-sn"]===t){l.push(e)}return l};var Q=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var V=(e,t="")=>{{return()=>{}}};var q=(e,t)=>{{return()=>{}}};var G=(e,t,...n)=>{let l=null;let r=null;let s=null;let i=false;let o=false;const a=[];const f=t=>{for(let n=0;n<t.length;n++){l=t[n];if(Array.isArray(l)){f(l)}else if(l!=null&&typeof l!=="boolean"){if(i=typeof e!=="function"&&!R(l)){l=String(l)}if(i&&o){a[a.length-1].S+=l}else{a.push(i?I(null,l):l)}o=i}}};f(n);if(t){if(t.key){r=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,a,_)}const c=I(e,null);c.$=t;if(a.length>0){c.k=a}{c.C=r}{c.O=s}return c};var I=(e,t)=>{const n={l:0,j:e,S:t,T:null,k:null};{n.$=null}{n.C=null}{n.O=null}return n};var K={};var X=e=>e&&e.j===K;var _={forEach:(e,t)=>e.map(J).forEach(t),map:(e,t)=>e.map(J).map(t).map(Y)};var J=e=>({vattrs:e.$,vchildren:e.k,vkey:e.C,vname:e.O,vtag:e.j,vtext:e.S});var Y=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return G(e.vtag,t,...e.vchildren||[])}const t=I(e.vtag,e.vtext);t.$=e.vattrs;t.k=e.vchildren;t.C=e.vkey;t.O=e.vname;return t};var Z=(e,t)=>{if(e!=null&&!R(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var ee=e=>o(e).$hostElement$;var te=(e,t,n)=>{const l=ee(e);return{emit:e=>ne(l,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var ne=(e,t,n)=>{const l=g.ce(t,n);e.dispatchEvent(l);return l};var le=new WeakMap;var re=(e,t,n)=>{let l=h.get(e);if(k&&n){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}h.set(e,l)};var se=(e,t,n)=>{var l;const r=oe(t);const s=h.get(r);e=e.nodeType===11?e:w;if(s){if(typeof s==="string"){e=e.head||e;let n=le.get(e);let i;if(!n){le.set(e,n=new Set)}if(!n.has(r)){{i=document.querySelector(`[${p}="${r}"]`)||w.createElement("style");i.innerHTML=s;const n=(l=g.L)!=null?l:E(w);if(n!=null){i.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,n)}else if("host"in e){if(k){const t=new CSSStyleSheet;t.replaceSync(s);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=y}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return r};var ie=e=>{const t=e.i;const n=e.$hostElement$;const l=V("attachStyles",t.h);se(n.getRootNode(),t);l()};var oe=(e,t)=>"sc-"+e.h;var ae=(e,t,n,l,r,s)=>{if(n!==l){let i=c(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const r=ce(n);let s=ce(l);if(e["s-si"]){s.push(e["s-si"]);r.forEach((t=>{if(t.startsWith(e["s-si"]))s.push(t)}));s=[...new Set(s)];t.add(...s);delete e["s-si"]}else{t.remove(...r.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!r.includes(e))))}}else if(t==="style"){{for(const t in n){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!n||l[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(c(b,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||l){const r=t.endsWith(ue);t=t.replace(ve,"");if(n){g.rel(e,t,n,r)}if(l){g.ael(e,t,l,r)}}}else{const o=R(l);if((i||o&&l!==null)&&!r){try{if(!e.tagName.includes("-")){const r=l==null?"":l;if(t==="list"){i=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else if(e[t]!==l){e[t]=l}}catch(e){}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||s&4||r)&&!o){l=l===true?"":l;{e.setAttribute(t,l)}}}}};var fe=/\s/;var ce=e=>{if(typeof e==="object"&&"baseVal"in e){e=e.baseVal}if(!e){return[]}return e.split(fe)};var ue="Capture";var ve=new RegExp(ue+"$");var de=(e,t,n)=>{const l=t.T.nodeType===11&&t.T.host?t.T.host:t.T;const r=e&&e.$||{};const s=t.$||{};{for(const e of he(Object.keys(r))){if(!(e in s)){ae(l,e,r[e],void 0,n,t.l)}}}for(const e of he(Object.keys(s))){ae(l,e,r[e],s[e],n,t.l)}};function he(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var pe;var me;var ye=false;var be=false;var we=false;var ge=false;var Se=(e,n,l)=>{var i;const o=n.k[l];let a=0;let f;let c;let u;if(!ye){we=true;if(o.j==="slot"){o.l|=o.k?2:1}}if(o.S!==null){f=o.T=w.createTextNode(o.S)}else if(o.l&1){f=o.T=w.createTextNode("")}else{if(!ge){ge=o.j==="svg"}f=o.T=w.createElementNS(ge?r:s,!ye&&t.slotRelocation&&o.l&2?"slot-fb":o.j);if(ge&&o.j==="foreignObject"){ge=false}{de(null,o,ge)}if(o.k){for(a=0;a<o.k.length;++a){c=Se(e,o,a);if(c){f.appendChild(c)}}}{if(o.j==="svg"){ge=false}else if(f.tagName==="foreignObject"){ge=true}}}f["s-hn"]=me;{if(o.l&(2|1)){f["s-sr"]=true;f["s-cr"]=pe;f["s-sn"]=o.O||"";f["s-rf"]=(i=o.$)==null?void 0:i.ref;u=e&&e.k&&e.k[l];if(u&&u.j===o.j&&e.T){{$e(e.T,false)}}}}return f};var $e=(e,n)=>{g.l|=1;const l=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===me){l.push(t)}}}for(let e=l.length-1;e>=0;e--){const t=l[e];if(t["s-hn"]!==me&&t["s-ol"]){Fe(Te(t).parentNode,t,Te(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;we=true}if(n){$e(t,n)}}g.l&=~1};var ke=(e,t,n,l,r,s)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;for(;r<=s;++r){if(l[r]){o=Se(null,n,r);if(o){l[r].T=o;Fe(i,o,Te(t))}}}};var Ce=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.T;if(e){{be=true;if(e["s-ol"]){e["s-ol"].remove()}else{$e(e,true)}}e.remove()}}}};var Oe=(e,t,n,l,r=false)=>{let s=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=l.length-1;let d=l[0];let h=l[v];let p;let m;while(s<=f&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=l[++i]}else if(h==null){h=l[--v]}else if(je(c,d,r)){xe(c,d,r);c=t[++s];d=l[++i]}else if(je(u,h,r)){xe(u,h,r);u=t[--f];h=l[--v]}else if(je(c,h,r)){if(c.j==="slot"||h.j==="slot"){$e(c.T.parentNode,false)}xe(c,h,r);Fe(e,c.T,u.T.nextSibling);c=t[++s];h=l[--v]}else if(je(u,d,r)){if(c.j==="slot"||h.j==="slot"){$e(u.T.parentNode,false)}xe(u,d,r);Fe(e,u.T,c.T);u=t[--f];d=l[++i]}else{o=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].C!==null&&t[a].C===d.C){o=a;break}}}if(o>=0){m=t[o];if(m.j!==d.j){p=Se(t&&t[i],n,o)}else{xe(m,d,r);t[o]=void 0;p=m.T}d=l[++i]}else{p=Se(t&&t[i],n,i);d=l[++i]}if(p){{Fe(Te(c.T).parentNode,p,Te(c.T))}}}}if(s>f){ke(e,l[v+1]==null?null:l[v+1].T,n,l,i,v)}else if(i>v){Ce(t,s,f)}};var je=(e,t,n=false)=>{if(e.j===t.j){if(e.j==="slot"){return e.O===t.O}if(!n){return e.C===t.C}if(n&&!e.C&&t.C){e.C=t.C}return true}return false};var Te=e=>e&&e["s-ol"]||e;var xe=(e,n,l=false)=>{const r=n.T=e.T;const s=e.k;const i=n.k;const o=n.j;const a=n.S;let f;if(a===null){{ge=o==="svg"?true:o==="foreignObject"?false:ge}{if(o==="slot"&&!ye);else{de(e,n,ge)}}if(s!==null&&i!==null){Oe(r,s,n,i,l)}else if(i!==null){if(e.S!==null){r.textContent=""}ke(r,null,n,i,0,i.length-1)}else if(!l&&t.updatable&&s!==null){Ce(s,0,s.length-1)}if(ge&&o==="svg"){ge=false}}else if(f=r["s-cr"]){f.parentNode.textContent=a}else if(e.S!==a){r.data=a}};var Le=[];var De=e=>{let n;let l;let r;const s=e.__childNodes||e.childNodes;for(const e of s){if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){l=n.parentNode.__childNodes||n.parentNode.childNodes;const s=e["s-sn"];for(r=l.length-1;r>=0;r--){n=l[r];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]&&!t.experimentalSlotFixes){if(Q(n,s)){let t=Le.find((e=>e.D===n));be=true;n["s-sn"]=n["s-sn"]||s;if(t){t.D["s-sh"]=e["s-hn"];t.F=e}else{n["s-sh"]=e["s-hn"];Le.push({F:e,D:n})}if(n["s-sr"]){Le.map((e=>{if(Q(e.D,n["s-sn"])){t=Le.find((e=>e.D===n));if(t&&!e.F){e.F=t.F}}}))}}else if(!Le.some((e=>e.D===n))){Le.push({D:n})}}}}if(e.nodeType===1){De(e)}}};var Fe=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Re=(e,t,n=false)=>{var l,r,s,i;const o=e.$hostElement$;const a=e.R||I(null,null);const f=X(t)?t:G(null,null,t);me=o.tagName;if(n&&f.$){for(const e of Object.keys(f.$)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){f.$[e]=o[e]}}}f.j=null;f.l|=4;e.R=f;f.T=a.T=o;ye=S;{pe=o["s-cr"];be=false}xe(a,f,n);{g.l|=1;if(we){De(f.T);for(const e of Le){const t=e.D;if(!t["s-ol"]){const e=w.createTextNode("");e["s-nr"]=t;Fe(t.parentNode,t["s-ol"]=e,t)}}for(const e of Le){const t=e.D;const o=e.F;if(o){const e=o.parentNode;let n=o.nextSibling;{let s=(l=t["s-ol"])==null?void 0:l.previousSibling;while(s){let l=(r=s["s-nr"])!=null?r:null;if(l&&l["s-sn"]===t["s-sn"]&&e===(l.__parentNode||l.parentNode)){l=l.nextSibling;while(l===t||(l==null?void 0:l["s-sr"])){l=l==null?void 0:l.nextSibling}if(!l||!l["s-nr"]){n=l;break}}s=s.previousSibling}}const i=t.__parentNode||t.parentNode;const a=t.__nextSibling||t.nextSibling;if(!n&&e!==i||a!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Fe(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(n){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(be){B(f.T)}g.l&=~1;Le.length=0}pe=void 0};var Ee=(e,t)=>{if(t&&!e.A&&t["s-p"]){const n=t["s-p"].push(new Promise((l=>e.A=()=>{t["s-p"].splice(n-1,1);l()})))}};var Ae=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Ee(e,e.M);const n=()=>Me(e,t);return F(n)};var Me=(e,t)=>{const n=e.$hostElement$;const l=V("scheduleUpdate",e.i.h);const r=e.t;if(!r){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;l();return Ne(s,(()=>Ue(e,r,t)))};var Ne=(e,t)=>Pe(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Pe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Ue=async(e,t,n)=>{var l;const r=e.$hostElement$;const s=V("update",e.i.h);const i=r["s-rc"];if(n){ie(e)}const o=V("render",e.i.h);{We(e,t,r,n)}if(i){i.map((e=>e()));r["s-rc"]=void 0}o();s();{const t=(l=r["s-p"])!=null?l:[];const n=()=>Be(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var We=(e,t,n,l)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Re(e,t,l)}}}}catch(t){u(t,e.$hostElement$)}return null};var Be=e=>{const t=e.i.h;const n=e.$hostElement$;const l=V("postUpdate",t);const r=e.t;const s=e.M;if(!(e.l&64)){e.l|=64;{Qe(n)}{ze(r,"componentDidLoad",void 0,n)}l();{e.v(n);if(!s){He()}}}else{l()}{if(e.A){e.A();e.A=void 0}if(e.l&512){D((()=>Ae(e,false)))}e.l&=~(4|512)}};var He=t=>{{Qe(w.documentElement)}D((()=>ne(b,"appload",{detail:{namespace:e}})))};var ze=(e,t,n,l)=>{if(e&&e[t]){try{return e[t](n)}catch(e){u(e,l)}}return void 0};var Qe=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Ve=(e,t)=>o(e).o.get(t);var qe=(e,t,n,l)=>{const r=o(e);if(!r){throw new Error(`Couldn't find host element for "${l.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const s=r.$hostElement$;const i=r.o.get(t);const a=r.l;const f=r.t;n=Z(n,l.N[t][0]);const c=Number.isNaN(i)&&Number.isNaN(n);const v=n!==i&&!c;if((!(a&8)||i===void 0)&&v){r.o.set(t,n);if(f){if(l.P&&a&128){const e=l.P[t];if(e){e.map((e=>{try{f[e](n,i,t)}catch(e){u(e,s)}}))}}if((a&(2|16))===2){Ae(r,false)}}}};var Ge=(e,n,l)=>{var r,s;const i=e.prototype;if(n.N||(n.P||e.watchers)){if(e.watchers&&!n.P){n.P=e.watchers}const a=Object.entries((r=n.N)!=null?r:{});a.map((([e,[t]])=>{if(t&31||l&2&&t&32){const{get:r,set:s}=Object.getOwnPropertyDescriptor(i,e)||{};if(r)n.N[e][0]|=2048;if(s)n.N[e][0]|=4096;if(l&1||!r){Object.defineProperty(i,e,{get(){{if((n.N[e][0]&2048)===0){return Ve(this,e)}const t=o(this);const l=t?t.t:i;if(!l)return;return l[e]}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(r){const i=o(this);if(s){const l=t&32?this[e]:i.$hostElement$[e];if(typeof l==="undefined"&&i.o.get(e)){r=i.o.get(e)}else if(!i.o.get(e)&&l){i.o.set(e,l)}s.apply(this,[Z(r,t)]);r=t&32?this[e]:i.$hostElement$[e];qe(this,e,r,n);return}{if((l&1)===0||(n.N[e][0]&4096)===0){qe(this,e,r,n);if(l&1&&!i.t){i.u.then((()=>{if(n.N[e][0]&4096&&i.t[e]!==i.o.get(e)){i.t[e]=r}}))}return}const s=()=>{const l=i.t[e];if(!i.o.get(e)&&l){i.o.set(e,l)}i.t[e]=Z(r,t);qe(this,e,i.t[e],n)};if(i.t){s()}else{i.u.then((()=>s()))}}}})}}));if(l&1){const l=new Map;i.attributeChangedCallback=function(e,r,s){g.jmp((()=>{var a;const f=l.get(e);if(this.hasOwnProperty(f)&&t.lazyLoad){s=this[f];delete this[f]}else if(i.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==s){return}else if(f==null){const t=o(this);const l=t==null?void 0:t.l;if(l&&!(l&8)&&l&128&&s!==r){const l=t.t;const i=(a=n.P)==null?void 0:a[e];i==null?void 0:i.forEach((t=>{if(l[t]!=null){l[t].call(l,s,r,e)}}))}return}const c=Object.getOwnPropertyDescriptor(i,f);s=s===null&&typeof this[f]==="boolean"?false:s;if(s!==this[f]&&(!c.get||!!c.set)){this[f]=s}}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=n.P)!=null?s:{}),...a.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;l.set(n,e);return n}))]))}}return e};var Ie=async(e,t,n,l)=>{let r;if((t.l&32)===0){t.l|=32;{const l=d(n,t);if(l&&"then"in l){const e=q();r=await l;e()}else{r=l}if(!r){throw new Error(`Constructor for "${n.h}#${t.U}" was not found`)}if(!r.isProxied){{n.P=r.watchers}Ge(r,n,2);r.isProxied=true}const s=V("createInstance",n.h);{t.l|=8}try{new r(t)}catch(t){u(t,e)}{t.l&=~8}{t.l|=128}s();Ke(t.t,e)}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=oe(n);if(!h.has(t)){const l=V("registerStyles",n.h);re(t,e,!!(n.l&1));l()}}}const s=t.M;const i=()=>Ae(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var Ke=(e,t)=>{{ze(e,"connectedCallback",void 0,t)}};var Xe=e=>{if((g.l&1)===0){const t=o(e);const n=t.i;const l=V("connectedCallback",n.h);if(!(t.l&1)){t.l|=1;{if(n.l&(4|8)){_e(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){Ee(t,t.M=n);break}}}if(n.N){Object.entries(n.N).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ie(e,t,n)}}else{if(t==null?void 0:t.t){Ke(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>Ke(t.t,e)))}}l()}};var _e=e=>{const t=e["s-cr"]=w.createComment("");t["s-cn"]=true;Fe(e,t,e.firstChild)};var Je=(e,t)=>{{ze(e,"disconnectedCallback",void 0,t||e)}};var Ye=async e=>{if((g.l&1)===0){const t=o(e);if(t==null?void 0:t.t){Je(t.t,e)}else if(t==null?void 0:t.u){t.u.then((()=>Je(t.t,e)))}}if(le.has(e)){le.delete(e)}if(e.shadowRoot&&le.has(e.shadowRoot)){le.delete(e.shadowRoot)}};var Ze=(e,t={})=>{var n;const l=V();const r=[];const s=t.exclude||[];const i=b.customElements;const a=w.head;const c=a.querySelector("meta[charset]");const u=w.createElement("style");const v=[];let d;let h=true;Object.assign(g,t);g.m=new URL(t.resourcesUrl||"./",w.baseURI).href;let p=false;e.map((e=>{e[1].map((t=>{var n;const l={l:t[0],h:t[1],N:t[2],W:t[3]};if(l.l&4){p=true}{l.N=t[2]}{l.P=(n=t[4])!=null?n:{}}const a=l.h;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;f(e,l)}connectedCallback(){o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{g.jmp((()=>Xe(this)))}}disconnectedCallback(){g.jmp((()=>Ye(this)));g.raf((()=>{var e;const t=o(this);if(((e=t==null?void 0:t.R)==null?void 0:e.T)instanceof Node&&!t.R.T.isConnected){delete t.R.T}}))}componentOnReady(){return o(this).u}};l.p=e[0];if(!s.includes(a)&&!i.get(a)){r.push(a);i.define(a,Ge(c,l,1))}}))}));if(r.length>0){if(p){u.textContent+=y}{u.textContent+=r.sort()+m}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=g.L)!=null?n:E(w);if(e!=null){u.setAttribute("nonce",e)}a.insertBefore(u,c?c.nextSibling:a.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{g.jmp((()=>d=setTimeout(He,30)))}}l()};var et=(e,t)=>t;var tt=e=>g.L=e;export{et as F,Ze as b,te as c,ee as g,G as h,$ as p,a as r,tt as s};
-//# sourceMappingURL=p-129e6f2c.js.map