npm - @searchcraft/javascript-sdk - Versions diffs - 0.3.1 → 0.4.0 - Mend

@searchcraft/javascript-sdk 0.3.1 → 0.4.0

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 (344) hide show

package/dist/searchcraft-javascript-sdk/p-15f9891d.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["searchcraftFacetListModuleCss","SearchcraftFacetListStyle0","SearchcraftFiltersList","this","searchStore","useSearchcraftStore","getState","formatLabel","facetChild","label","path","replace","count","char","toUpperCase","formatSubLabel","facetChildAncestor","facetChildPath","substring","length","initFacetRootFromState","state","facetPrime","_a","searchResults","data","facets","facetRoot","find","facet","fieldName","Object","keys","mergeFacetRoots","query","lastQuery","selectedPaths","trim","undefined","connectedCallback","unsubscribe","subscribe","disconnectedCallback","call","handleCheckboxChange","assign","paths","filter","pathsWithParentPathsRemoved","removeSubstringMatches","facetSelectionUpdated","emit","render","firstFacet","h","key","class","classNames","map","isChildSelected","children","some","child","checked","onChange","_event","type","Fragment","grandchild","style","display","searchcraftSliderModuleCss","SearchcraftSliderStyle0","SearchcraftSlider","updateValues","async","rangeChanged","startValue","endValue","handlestartValueChange","event","value","Number","parseInt","target","handleendValueChange","getMillis","max","min","componentDidLoad","rangeMin","rangeMax","startPercent","endPercent","startLabel","dataType","Date","getFullYear","endLabel","left","width","onInput","step","granularity","searchcraftToggleButtonModuleCss","SearchcraftToggleButtonStyle0","SearchcraftToggleButton","handleToggle","isActive","toggleUpdated","subLabel","active","onClick"],"sources":["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":[".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/utils';\n\n@Component({\n tag: 'searchcraft-facet-list',\n styleUrl: 'searchcraft-facet-list.module.scss',\n shadow: false,\n})\nexport class SearchcraftFiltersList {\n @Prop() fieldName: string;\n\n @Event() facetSelectionUpdated: EventEmitter<{ paths: string[] }>;\n\n @State() facetRoot: FacetRoot | undefined;\n @State() selectedPaths: Record<string, boolean> = {};\n @State() lastQuery: string | undefined;\n\n @State() unsubscribe: (() => void) | undefined;\n\n private searchStore = useSearchcraftStore.getState();\n\n initFacetRootFromState(state: SearchcraftState) {\n const facetPrime = state.searchResults?.data.facets;\n\n if (facetPrime) {\n const facetRoot: FacetRoot = facetPrime.find(\n (facet) => this.fieldName === Object.keys(facet)[0],\n );\n\n if (this.facetRoot) {\n this.facetRoot = mergeFacetRoots(\n this.fieldName,\n this.facetRoot,\n facetRoot,\n );\n } else {\n this.facetRoot = facetRoot;\n }\n\n // Clear the selected paths if the query changed\n if (state.query !== this.lastQuery) {\n this.selectedPaths = {};\n\n // Remove the facet root if the query is empty\n if (state.query.trim().length === 0) {\n this.facetRoot = undefined;\n }\n }\n }\n\n this.lastQuery = state.query;\n }\n\n connectedCallback() {\n this.initFacetRootFromState(this.searchStore);\n\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n this.initFacetRootFromState(state);\n });\n }\n\n disconnectedCallback() {\n this.unsubscribe?.();\n }\n\n handleCheckboxChange(path: string) {\n this.selectedPaths = {\n ...this.selectedPaths,\n [path]: !this.selectedPaths[path],\n };\n\n const paths = Object.keys(this.selectedPaths).filter(\n (path) => this.selectedPaths[path],\n );\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",".sliderContainer {\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n}\n\n.rangeContainer {\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 .activeRange {\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 .rangeSlider {\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.yearLabels {\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.yearLabel {\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/utils';\nimport classNames from 'classnames';\n\n@Component({\n tag: 'searchcraft-slider',\n styleUrl: 'searchcraft-slider.module.scss',\n shadow: false,\n})\nexport class SearchcraftSlider {\n @Prop() max = 100;\n @Prop() min = 0;\n @Prop() granularity: number = getMillis('month');\n @Prop() dataType: 'number' | 'date' = 'number';\n\n @State() endValue = this.max;\n @State() startValue = this.min;\n @State() hasSearched = false;\n @State() query = '';\n @State() resultsCount = 0;\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 updateValues = async () => {\n this.rangeChanged.emit({\n startValue: this.startValue,\n endValue: this.endValue,\n });\n };\n\n private handlestartValueChange = (event: InputEvent) => {\n const value = Number.parseInt((event.target as HTMLInputElement).value, 10);\n if (value <= this.endValue) {\n this.startValue = value;\n this.updateValues();\n }\n };\n\n private handleendValueChange = (event: InputEvent) => {\n const value = Number.parseInt((event.target as HTMLInputElement).value, 10);\n if (value >= this.startValue) {\n this.endValue = value;\n this.updateValues();\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\n class={classNames('sliderContainer', 'searchcraft-slider-container')}\n >\n <div\n class={classNames(\n 'rangeContainer',\n 'searchcraft-slider-range-container',\n )}\n >\n <div\n class={classNames('activeRange', 'searchcraft-slider-active-range')}\n style={{\n left: `${startPercent}%`,\n width: `${endPercent - startPercent}%`,\n }}\n />\n <input\n class={classNames(\n 'rangeSlider',\n 'searchcraft-slider-range-slider-start-thumb',\n )}\n max={this.max}\n min={this.min}\n onInput={this.handlestartValueChange}\n step={this.granularity}\n type='range'\n value={this.startValue}\n />\n <input\n class={classNames(\n 'rangeSlider',\n 'searchcraft-slider-range-slider-end-thumb',\n )}\n max={this.max}\n min={this.min}\n onInput={this.handleendValueChange}\n step={this.granularity}\n type='range'\n value={this.endValue}\n />\n </div>\n <div\n class={classNames(\n 'yearLabels',\n 'searchcraft-slider-year-label-container',\n )}\n >\n <span\n class={classNames(\n 'yearLabel',\n 'searchcraft-slider-start-year-label',\n )}\n >\n {startLabel}\n </span>\n <span\n class={classNames('yearLabel', 'searchcraft-slider-end-year-label')}\n >\n {endLabel}\n </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 {\n Component,\n Event,\n h,\n Prop,\n State,\n type EventEmitter,\n} from '@stencil/core';\nimport classNames from 'classnames';\n@Component({\n tag: 'searchcraft-toggle-button',\n styleUrl: 'searchcraft-toggle-button.module.scss',\n shadow: false,\n})\nexport class SearchcraftToggleButton {\n /**\n * Type of the toggle - determines what it controls\n * 'mode': toggles between 'fuzzy' and 'normal'\n * 'sort': toggles between 'asc' and 'desc'\n */\n @Prop() label = 'Toggle';\n @Prop() subLabel: string | undefined;\n\n @Event() toggleUpdated: EventEmitter<boolean>;\n\n @State() isActive = false;\n\n private handleToggle = async () => {\n this.isActive = !this.isActive;\n this.toggleUpdated.emit(this.isActive);\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-2419a8c5.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as s,c as e,h as t}from"./p-4c32c87d.js";import{u as c}from"./p-bb03e946.js";import{g as r,s as i}from"./p-0deddac7.js";const n=":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-search-results-container{display:flex;flex-direction:column;justify-content:center;gap:16px}.searchcraft-ad-section{align-items:center;background-color:#F1F1F1;border-radius:16px;display:flex;flex-direction:column;font-size:16px;justify-content:center;min-height:176px;text-align:center}.searchcraft-ad-section p{margin:0;color:var(--sc-content-disabled)}.searchcraft-search-results-empty-state-container{text-align:center}.searchcraft-search-results-error-message-container{text-align:center}";const a=n;const o=class{constructor(t){s(this,t);this.noResults=e(this,"noResults",7);this.parseSearchResultMappings=s=>{if(s){try{this.parsedMappings=JSON.parse(this.searchResultMappings)}catch(s){console.error("Error: Invalid searchResultsMappings passed to searchcraft-base-search-results.")}}};this.adInterval=4;this.customStylesForResults=undefined;this.searchResultMappings=undefined;this.placeAdAtEnd=false;this.placeAdAtStart=true;this.resultImagePlacement="right";this.buttonLabel=undefined;this.buttonTarget="_blank";this.buttonRel=undefined;this.containerTarget="_blank";this.containerRel=undefined;this.hasSearched=false;this.query="";this.searchResults=null;this.parsedMappings=undefined}onItemsChange(s){this.parseSearchResultMappings(s)}connectedCallback(){this.parseSearchResultMappings(this.searchResultMappings)}componentDidLoad(){this.unsubscribe=c.subscribe((s=>{if(s.query.length>0){this.hasSearched=true}else{this.hasSearched=false}this.searchResults=Object.assign({},s.searchResults);this.query=s.query}));const{searchResults:s,query:e}=c.getState();this.searchResults=s;this.query=e}disconnectedCallback(){if(this.unsubscribe){this.unsubscribe()}}renderDocument(s,e){const c=r(s,this.parsedMappings.title);const n=r(s,this.parsedMappings.subtitle);const a=r(s,this.parsedMappings.body);const o=r(s,this.parsedMappings.containerHref);const d=r(s,this.parsedMappings.buttonHref);const h=r(s,this.parsedMappings.imageSource);const l=r(s,this.parsedMappings.footer);const u=typeof this.customStylesForResults==="string"?this.customStylesForResults:i(this.customStylesForResults);return t("searchcraft-base-search-result",{key:`${s.document_id}-${e}`,"custom-styles":u,"image-placement":this.resultImagePlacement,"container-rel":this.containerRel,"container-target":this.containerTarget,"button-label":this.buttonLabel\|\|"View more","button-rel":this.buttonRel,"button-target":this.buttonTarget,"document-position":e,"title-content":c,"subtitle-content":n,"body-content":a,"footer-content":l,"container-href":o,"button-href":d,"image-src":h})}render(){var s,e,c,r,i,n,a,o,d,h;if(this.query.trim()===""){return t("div",{class:"searchcraft-search-results-empty-state-container"},t("slot",{name:"empty-search"}))}if(!((s=this.searchResults)===null\|\|s===void 0?void 0:s.data)){return}const l=(r=(c=(e=this.searchResults)===null\|\|e===void 0?void 0:e.data)===null\|\|c===void 0?void 0:c.hits)===null\|\|r===void 0?void 0:r.map(((s,e)=>{const{doc:t}=s;return t}));const u=[];if(this.placeAdAtStart){u.push(t("div",{key:"ad-section-start",class:"searchcraft-ad-section"},t("p",null,"Ad Section")))}if(this.adInterval>0){l.forEach(((s,e)=>{u.push(this.renderDocument(s,e));if((e+1)%this.adInterval===0){u.push(t("div",{key:`ad-section-${e+1}`,class:"searchcraft-ad-section "},t("p",null,"Ad Section")))}}))}else{const s=l.map(((s,e)=>this.renderDocument(s,e)));u.push(...s)}if(this.placeAdAtEnd){u.push(t("div",{key:"ad-section-end",class:"searchcraft-ad-section"},t("p",null,"Ad Section")))}if(this.query.length>0&&((a=(n=(i=this.searchResults)===null\|\|i===void 0?void 0:i.data)===null\|\|n===void 0?void 0:n.hits)===null\|\|a===void 0?void 0:a.length)===0){this.noResults.emit()}return t("div",{class:"searchcraft-search-results-container"},u,this.query.length>0&&((h=(d=(o=this.searchResults)===null\|\|o===void 0?void 0:o.data)===null\|\|d===void 0?void 0:d.hits)===null\|\|h===void 0?void 0:h.length)===0&&t("div",{class:"searchcraft-search-results-error-message-container"},t("searchcraft-error-message",{"error-message":`No search results found for "${this.query}" query`})))}static get watchers(){return{searchResultMappings:["onItemsChange"]}}};o.style=a;export{o as searchcraft_base_search_results};
2	+ //# sourceMappingURL=p-2419a8c5.entry.js.map

package/dist/searchcraft-javascript-sdk/p-2419a8c5.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["searchcraftBaseSearchResultsModuleCss","SearchcraftBaseSearchResultsStyle0","SearchcraftBaseSearchResults","this","parseSearchResultMappings","mappingString","parsedMappings","JSON","parse","searchResultMappings","_a","console","error","onItemsChange","connectedCallback","componentDidLoad","unsubscribe","useSearchcraftStore","subscribe","state","query","length","hasSearched","searchResults","Object","assign","getState","disconnectedCallback","renderDocument","document","index","titleContent","getDocumentValueFromSearchResultMapping","title","subtitleContent","subtitle","bodyContent","body","containerHref","buttonHref","imageSource","footerContent","footer","serializedStyles","customStylesForResults","serializeStyles","h","key","document_id","resultImagePlacement","containerRel","containerTarget","buttonLabel","buttonRel","buttonTarget","render","trim","class","name","data","documents","_d","_c","_b","hits","map","_index","doc","result","finalComponents","placeAdAtStart","push","adInterval","forEach","documentElements","placeAdAtEnd","_g","_f","_e","noResults","emit","_k","_j","_h"],"sources":["src/components/searchcraft-base-search-results/searchcraft-base-search-results.module.scss?tag=searchcraft-base-search-results","src/components/searchcraft-base-search-results/searchcraft-base-search-results.tsx"],"sourcesContent":[".searchcraft-search-results-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 16px;\n}\n\n.searchcraft-ad-section {\n align-items: center;\n background-color: #F1F1F1;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n font-size: 16px;\n justify-content: center;\n min-height: 176px;\n text-align: center;\n\n p {\n margin: 0;\n color: var(--sc-content-disabled);\n }\n}\n\n.searchcraft-search-results-empty-state-container {\n text-align: center;\n}\n\n.searchcraft-search-results-error-message-container {\n text-align: center;\n}\n","import {\n Component,\n h,\n Event,\n Prop,\n State,\n type EventEmitter,\n Watch,\n} from '@stencil/core';\n\nimport type { SearchcraftResponse } from '@searchcraft/core';\n\nimport { useSearchcraftStore } from '@provider/store';\n\nimport {\n getDocumentValueFromSearchResultMapping,\n serializeStyles,\n} from '@utils/utils';\nimport type { SearchResultMappings } from 'types';\n\n@Component({\n tag: 'searchcraft-base-search-results',\n styleUrl: 'searchcraft-base-search-results.module.scss',\n shadow: false,\n})\nexport class SearchcraftBaseSearchResults {\n @Prop() adInterval = 4;\n @Prop() customStylesForResults:\n | string\n | Record<string, Record<string, string>>\n | undefined;\n @Prop() searchResultMappings: string | undefined;\n @Prop() placeAdAtEnd = false;\n @Prop() placeAdAtStart = true;\n @Prop() resultImagePlacement: 'left' | 'right' = 'right';\n @Prop() buttonLabel: string | undefined;\n @Prop() buttonTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n @Prop() buttonRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n @Prop() containerTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n @Prop() containerRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n\n @Event() noResults: EventEmitter<void>;\n\n @State() hasSearched = false;\n @State() query = '';\n @State() searchResults: SearchcraftResponse | null = null;\n /** The parsed `searchResultMappings` prop. */\n @State() parsedMappings: SearchResultMappings | undefined;\n\n private unsubscribe: () => void;\n\n private parseSearchResultMappings = (mappingString: string | undefined) => {\n if (mappingString) {\n try {\n this.parsedMappings = JSON.parse(\n this.searchResultMappings,\n ) as SearchResultMappings;\n } catch {\n console.error(\n 'Error: Invalid searchResultsMappings passed to searchcraft-base-search-results.',\n );\n }\n }\n };\n\n @Watch('searchResultMappings')\n onItemsChange(searchResultMappings: string) {\n this.parseSearchResultMappings(searchResultMappings);\n }\n\n connectedCallback() {\n this.parseSearchResultMappings(this.searchResultMappings);\n }\n\n componentDidLoad() {\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n if (state.query.length > 0) {\n this.hasSearched = true;\n } else {\n this.hasSearched = false;\n }\n this.searchResults = { ...state.searchResults };\n this.query = state.query;\n });\n\n const { searchResults, query } = useSearchcraftStore.getState();\n this.searchResults = searchResults;\n this.query = query;\n }\n\n disconnectedCallback() {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n renderDocument(document: Record<string, unknown>, index: number) {\n /**\n * Index field values -> Result container props mappings.\n */\n const titleContent = getDocumentValueFromSearchResultMapping(\n document,\n this.parsedMappings.title,\n );\n const subtitleContent = getDocumentValueFromSearchResultMapping(\n document,\n this.parsedMappings.subtitle,\n );\n const bodyContent = getDocumentValueFromSearchResultMapping(\n document,\n this.parsedMappings.body,\n );\n const containerHref = getDocumentValueFromSearchResultMapping(\n document,\n this.parsedMappings.containerHref,\n );\n const buttonHref = getDocumentValueFromSearchResultMapping(\n document,\n this.parsedMappings.buttonHref,\n );\n const imageSource = getDocumentValueFromSearchResultMapping(\n document,\n this.parsedMappings.imageSource,\n );\n const footerContent = getDocumentValueFromSearchResultMapping(\n document,\n this.parsedMappings.footer,\n );\n\n const serializedStyles =\n typeof this.customStylesForResults === 'string'\n ? this.customStylesForResults\n : serializeStyles(this.customStylesForResults);\n\n return (\n <searchcraft-base-search-result\n key={`${document.document_id}-${index}`}\n custom-styles={serializedStyles}\n image-placement={this.resultImagePlacement}\n container-rel={this.containerRel}\n container-target={this.containerTarget}\n button-label={this.buttonLabel || 'View more'}\n button-rel={this.buttonRel}\n button-target={this.buttonTarget}\n document-position={index}\n title-content={titleContent}\n subtitle-content={subtitleContent}\n body-content={bodyContent}\n footer-content={footerContent}\n container-href={containerHref}\n button-href={buttonHref}\n image-src={imageSource}\n />\n );\n }\n\n render() {\n if (this.query.trim() === '') {\n return (\n <div class='searchcraft-search-results-empty-state-container'>\n <slot name='empty-search' />\n </div>\n );\n }\n\n if (!this.searchResults?.data) {\n return;\n }\n\n const documents: Record<string, unknown>[] =\n this.searchResults?.data?.hits?.map((data, _index) => {\n const { doc: result } = data;\n return result;\n });\n\n const finalComponents: JSX.Element[] = [];\n\n if (this.placeAdAtStart) {\n finalComponents.push(\n <div key='ad-section-start' class='searchcraft-ad-section'>\n <p>Ad Section</p>\n </div>,\n );\n }\n\n if (this.adInterval > 0) {\n documents.forEach((document, index) => {\n finalComponents.push(this.renderDocument(document, index));\n\n if ((index + 1) % this.adInterval === 0) {\n finalComponents.push(\n <div\n key={`ad-section-${index + 1}`}\n class='searchcraft-ad-section '\n >\n <p>Ad Section</p>\n </div>,\n );\n }\n });\n } else {\n const documentElements = documents.map((document, index) =>\n this.renderDocument(document, index),\n );\n finalComponents.push(...documentElements);\n }\n\n if (this.placeAdAtEnd) {\n finalComponents.push(\n <div key='ad-section-end' class='searchcraft-ad-section'>\n <p>Ad Section</p>\n </div>,\n );\n }\n\n if (this.query.length > 0 && this.searchResults?.data?.hits?.length === 0) {\n this.noResults.emit();\n }\n\n return (\n <div class='searchcraft-search-results-container'>\n {finalComponents}\n {this.query.length > 0 &&\n this.searchResults?.data?.hits?.length === 0 && (\n <div class='searchcraft-search-results-error-message-container'>\n <searchcraft-error-message\n error-message={`No search results found for \"${this.query}\" query`}\n />\n </div>\n )}\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-343adbe3.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as s}from"./p-4c32c87d.js";import{u as a}from"./p-bb03e946.js";import{a as c}from"./p-0deddac7.js";const t=":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-filter-panel{display:flex;flex-direction:column;gap:16px}.searchcraft-filter-panel-section{display:flex;flex-direction:column;gap:8px}.searchcraft-filter-panel-label{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-bold-font-size);font-weight:var(--sc-body-small-bold-font-weight);line-height:var(--sc-body-small-bold-line-height)}";const n=t;const r=class{constructor(s){e(this,s);this.searchStore=a.getState();this.setFilterItemsFromString=e=>{if(e){try{const e=JSON.parse(this.items);this.filterItems=e}catch(e){console.error("Error: Invalid items passed to searchcraft-filter-panel.")}}};this.items=undefined;this.unsubscribe=undefined;this.lastQuery=undefined;this.filterItems=[]}onItemsChange(e){this.setFilterItemsFromString(e)}connectedCallback(){this.setFilterItemsFromString(this.items);this.unsubscribe=a.subscribe((e=>{this.lastQuery=e.query\|\|""}))}disconnectedCallback(){var e;(e=this.unsubscribe)===null\|\|e===void 0?void 0:e.call(this)}handleDateRangeChanged(e,s,a){const c=new Date(s);const t=new Date(a);this.searchStore.addRangeValueForIndexField({fieldName:e,value:`${e}:[${c.toISOString()} TO ${t.toISOString()}]`});this.searchStore.search()}handleNumericRangeChanged(e,s,a){this.searchStore.addRangeValueForIndexField({fieldName:e,value:`${e}:[${s} TO ${a}]`});this.searchStore.search()}handleFacetSelectionUpdated(e,s){if(s.length>0){this.searchStore.addFacetPathsForIndexField({fieldName:e,value:`${e}: IN [${s.join(" ")}]`})}else{this.searchStore.removeFacetPathsForIndexField(e)}this.searchStore.search()}handleExactMatchToggleUpdated(e){this.searchStore.setSearchMode(e?"normal":"fuzzy");this.searchStore.search()}handleMostRecentToggleUpdated(e){this.searchStore.setSortType(e?"desc":"asc");this.searchStore.search()}render(){return s("div",{key:"ca5f6078a1c724e08118a2650adc933e788aee34",class:"searchcraft-filter-panel"},this.filterItems.map((e=>{switch(e.type){case"dateRange":{const a=e;const t=new Date(a.options.minDate).getTime();const n=new Date(a.options.maxDate).getTime();const r=c(a.options.granularity);return s("div",{class:"searchcraft-filter-panel-section"},s("p",{class:"searchcraft-filter-panel-label"},e.label),s("searchcraft-slider",{min:t,max:n,granularity:r,dataType:"date",onRangeChanged:e=>{this.handleDateRangeChanged(a.fieldName,e.detail.startValue,e.detail.endValue)}}))}case"numericRange":{const a=e;return s("div",{class:"searchcraft-filter-panel-section"},s("p",{class:"searchcraft-filter-panel-label"},e.label),s("searchcraft-slider",{min:a.options.min,max:a.options.max,granularity:a.options.granularity,onRangeChanged:e=>{this.handleNumericRangeChanged(a.fieldName,e.detail.startValue,e.detail.endValue)}}))}case"facets":{const a=e;return s("div",{class:"searchcraft-filter-panel-section"},s("p",{class:"searchcraft-filter-panel-label"},e.label),s("searchcraft-facet-list",{fieldName:a.fieldName,onFacetSelectionUpdated:e=>{this.handleFacetSelectionUpdated(a.fieldName,e.detail.paths)}}))}case"exactMatchToggle":{const a=e;return s("searchcraft-toggle-button",{label:a.label,subLabel:a.options.subLabel,onToggleUpdated:e=>{this.handleExactMatchToggleUpdated(e.detail)}})}case"mostRecentToggle":{const a=e;return s("searchcraft-toggle-button",{label:a.label,subLabel:a.options.subLabel,onToggleUpdated:e=>{this.handleMostRecentToggleUpdated(e.detail)}})}}})))}static get watchers(){return{items:["onItemsChange"]}}};r.style=n;export{r as searchcraft_filter_panel};
2	+ //# sourceMappingURL=p-343adbe3.entry.js.map

package/dist/searchcraft-javascript-sdk/p-343adbe3.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["searchcraftFilterPanelModuleCss","SearchcraftFilterPanelStyle0","SearchcraftFilterPanel","this","searchStore","useSearchcraftStore","getState","setFilterItemsFromString","itemsString","parsedItems","JSON","parse","items","filterItems","_a","console","error","onItemsChange","connectedCallback","unsubscribe","subscribe","state","lastQuery","query","disconnectedCallback","call","handleDateRangeChanged","fieldName","min","max","start","Date","end","addRangeValueForIndexField","value","toISOString","search","handleNumericRangeChanged","handleFacetSelectionUpdated","paths","length","addFacetPathsForIndexField","join","removeFacetPathsForIndexField","handleExactMatchToggleUpdated","isActive","setSearchMode","handleMostRecentToggleUpdated","setSortType","render","h","key","class","map","filterItem","type","item","options","minDate","getTime","maxDate","granularityValue","getMillis","granularity","label","dataType","onRangeChanged","event","detail","startValue","endValue","onFacetSelectionUpdated","subLabel","onToggleUpdated"],"sources":["src/components/searchcraft-filter-panel/searchcraft-filter-panel.module.scss?tag=searchcraft-filter-panel","src/components/searchcraft-filter-panel/searchcraft-filter-panel.tsx"],"sourcesContent":[".searchcraft-filter-panel {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.searchcraft-filter-panel-section {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.searchcraft-filter-panel-label {\n @include body-small-bold();\n}\n","import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport type {\n FilterItem,\n DateRangeFilterItem,\n NumericFilterItem,\n ExactMatchToggleFilterItem,\n FacetsFilterItem,\n} from '../../types/searchcraft-filter-panel.types';\nimport { useSearchcraftStore } from '@provider/store';\nimport { getMillis } from '@utils/utils';\n\nexport interface ScInputCustomEvent<T> extends CustomEvent<T> {\n detail: T;\n target: HTMLSearchcraftInputElement;\n}\n\n@Component({\n tag: 'searchcraft-filter-panel',\n styleUrl: 'searchcraft-filter-panel.module.scss',\n shadow: false,\n})\nexport class SearchcraftFilterPanel {\n @Prop() items: string | undefined;\n\n @State() unsubscribe: (() => void) | undefined;\n @State() lastQuery: string | undefined;\n @State() filterItems: FilterItem[] = [];\n\n private searchStore = useSearchcraftStore.getState();\n private setFilterItemsFromString = (itemsString: string) => {\n if (itemsString) {\n try {\n const parsedItems = JSON.parse(this.items) as FilterItem[];\n this.filterItems = parsedItems;\n } catch {\n console.error(\n 'Error: Invalid items passed to searchcraft-filter-panel.',\n );\n }\n }\n };\n\n @Watch('items')\n onItemsChange(itemsString: string) {\n this.setFilterItemsFromString(itemsString);\n }\n\n connectedCallback() {\n this.setFilterItemsFromString(this.items);\n\n this.unsubscribe = useSearchcraftStore.subscribe((state) => {\n if (this.lastQuery !== state.query) {\n // A place to put actions to do when the query changes\n }\n this.lastQuery = state.query || '';\n });\n }\n\n disconnectedCallback() {\n this.unsubscribe?.();\n }\n\n handleDateRangeChanged(fieldName: string, min: number, max: number) {\n const start = new Date(min);\n const end = new Date(max);\n this.searchStore.addRangeValueForIndexField({\n fieldName,\n value: `${fieldName}:[${start.toISOString()} TO ${end.toISOString()}]`,\n });\n\n this.searchStore.search();\n }\n\n handleNumericRangeChanged(fieldName: string, min: number, max: number) {\n this.searchStore.addRangeValueForIndexField({\n fieldName,\n value: `${fieldName}:[${min} TO ${max}]`,\n });\n this.searchStore.search();\n }\n\n handleFacetSelectionUpdated(fieldName: string, paths: string[]) {\n if (paths.length > 0) {\n this.searchStore.addFacetPathsForIndexField({\n fieldName,\n value: `${fieldName}: IN [${paths.join(' ')}]`,\n });\n } else {\n this.searchStore.removeFacetPathsForIndexField(fieldName);\n }\n this.searchStore.search();\n }\n\n handleExactMatchToggleUpdated(isActive: boolean) {\n this.searchStore.setSearchMode(isActive ? 'normal' : 'fuzzy');\n this.searchStore.search();\n }\n\n handleMostRecentToggleUpdated(isActive: boolean) {\n this.searchStore.setSortType(isActive ? 'desc' : 'asc');\n this.searchStore.search();\n }\n\n /**\n * Iterate through filterItems and render them based on `type`\n */\n render() {\n return (\n <div class='searchcraft-filter-panel'>\n {this.filterItems.map((filterItem) => {\n switch (filterItem.type) {\n case 'dateRange': {\n const item = filterItem as DateRangeFilterItem;\n const min = new Date(item.options.minDate).getTime();\n const max = new Date(item.options.maxDate).getTime();\n const granularityValue = getMillis(item.options.granularity);\n // return date range slider\n return (\n <div class='searchcraft-filter-panel-section'>\n <p class='searchcraft-filter-panel-label'>\n {filterItem.label}\n </p>\n <searchcraft-slider\n min={min}\n max={max}\n granularity={granularityValue}\n dataType='date'\n onRangeChanged={(event) => {\n this.handleDateRangeChanged(\n item.fieldName,\n event.detail.startValue,\n event.detail.endValue,\n );\n }}\n />\n </div>\n );\n }\n case 'numericRange': {\n const item = filterItem as NumericFilterItem;\n // return date range slider\n return (\n <div class='searchcraft-filter-panel-section'>\n <p class='searchcraft-filter-panel-label'>\n {filterItem.label}\n </p>\n <searchcraft-slider\n min={item.options.min}\n max={item.options.max}\n granularity={item.options.granularity}\n onRangeChanged={(event) => {\n this.handleNumericRangeChanged(\n item.fieldName,\n event.detail.startValue,\n event.detail.endValue,\n );\n }}\n />\n </div>\n );\n }\n case 'facets': {\n const item = filterItem as FacetsFilterItem;\n // return \"filters-list\"\n return (\n <div class='searchcraft-filter-panel-section'>\n <p class='searchcraft-filter-panel-label'>\n {filterItem.label}\n </p>\n <searchcraft-facet-list\n fieldName={item.fieldName}\n onFacetSelectionUpdated={(event) => {\n this.handleFacetSelectionUpdated(\n item.fieldName,\n event.detail.paths,\n );\n }}\n />\n </div>\n );\n }\n case 'exactMatchToggle': {\n const item = filterItem as ExactMatchToggleFilterItem;\n return (\n <searchcraft-toggle-button\n label={item.label}\n subLabel={item.options.subLabel}\n onToggleUpdated={(event) => {\n this.handleExactMatchToggleUpdated(event.detail);\n }}\n />\n );\n }\n case 'mostRecentToggle': {\n const item = filterItem as ExactMatchToggleFilterItem;\n return (\n <searchcraft-toggle-button\n label={item.label}\n subLabel={item.options.subLabel}\n onToggleUpdated={(event) => {\n this.handleMostRecentToggleUpdated(event.detail);\n }}\n />\n );\n }\n }\n })}\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-3a2d9be9.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as s,h as e,F as t}from"./p-4c32c87d.js";import{u as r}from"./p-bb03e946.js";const c=":root{--sc-spinner-size:20px;--sc-input-border-radius:8px;--sc-input-search-icon-size:20px;--sc-input-clear-icon-size:20px;--sc-input-padding-left:44px;--sc-input-padding-right:44px;--sc-image-border-radius:8px}:root{--sc-surface-disabled:#D9D9D9;--sc-surface-neutral-primary:#FFFFFF;--sc-surface-neutral-secondary:#F3F3F3;--sc-surface-neutral-light:#FFFFFF;--sc-surface-neutral-primary-hover:#FAFAFA;--sc-surface-neutral-primary-active:#F7F7F7;--sc-surface-neutral-secondary-hover:#EDEDED;--sc-surface-neutral-secondary-active:#E6E6E6;--sc-surface-brand-primary:#000000;--sc-surface-brand-secondary:#E6E6E6;--sc-surface-brand-primary-hover:#2E2E2E;--sc-surface-brand-primary-active:#292929;--sc-surface-brand-secondary-hover:#EBEBEB;--sc-surface-brand-secondary-active:#E0E0E0;--sc-surface-success-primary:#008000;--sc-surface-success-secondary:#CCFFCC;--sc-surface-success-primary-hover:#009900;--sc-surface-success-primary-active:#006600;--sc-surface-success-secondary-hover:#E6FFE6;--sc-surface-success-secondary-active:#E6FFE6;--sc-surface-caution-primary:#CC6600;--sc-surface-caution-secondary:#FFD9B3;--sc-surface-caution-primary-hover:#E57300;--sc-surface-caution-primary-active:#B25A00;--sc-surface-caution-secondary-hover:#FFE5CC;--sc-surface-caution-secondary-active:#FFCC99;--sc-surface-danger-primary:#CC0000;--sc-surface-danger-secondary:#FFCCCC;--sc-surface-danger-primary-hover:#E50000;--sc-surface-danger-primary-active:#B30000;--sc-surface-danger-secondary-hover:#FFE7E7;--sc-surface-danger-secondary-active:#FFB3B3;--sc-content-brand:#000000;--sc-content-success:#008000;--sc-content-caution:#994D00;--sc-content-danger:#990000;--sc-content-disabled:#737373;--sc-content-neutral-primary:#292929;--sc-content-neutral-secondary:#404040;--sc-content-brand-on-primary:#FFFFFF;--sc-content-success-on-primary:#FFFFFF;--sc-content-caution-on-primary:#FFFFFF;--sc-content-danger-on-primary:#FFFFFF;--sc-content-disabled-on-disabled:#737373;--sc-border-neutral:rgba(0,0,0, 0.1);--sc-border-brand:#000000;--sc-border-success:#008000;--sc-border-caution:#CC6600;--sc-border-danger:#CC0000;--sc-border-disabled:#737373}:root{--sc-font-family:sans-serif;--sc-heading-1-font-size:32px;--sc-heading-1-line-height:36px;--sc-heading-1-font-weight:700;--sc-heading-2-font-size:29px;--sc-heading-2-line-height:32px;--sc-heading-2-font-weight:700;--sc-heading-3-font-size:26px;--sc-heading-3-line-height:28px;--sc-heading-3-font-weight:700;--sc-heading-4-font-size:23px;--sc-heading-4-line-height:24px;--sc-heading-4-font-weight:700;--sc-heading-5-font-size:20px;--sc-heading-5-line-height:24px;--sc-heading-5-font-weight:700;--sc-heading-6-font-size:10px;--sc-heading-6-line-height:12px;--sc-heading-6-font-weight:700;--sc-body-bold-font-size:16px;--sc-body-bold-line-height:20px;--sc-body-bold-font-weight:700;--sc-body-font-size:16px;--sc-body-line-height:20px;--sc-body-font-weight:400;--sc-body-small-bold-font-size:12px;--sc-body-small-bold-line-height:16px;--sc-body-small-bold-font-weight:700;--sc-body-small-font-size:12px;--sc-body-small-line-height:16px;--sc-body-small-font-weight:400}.searchcraft-search-result-container{all:unset;align-items:flex-start;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:8px;color:inherit;background-color:var(--sc-surface-neutral-primary)}@media (min-width: 900px){.searchcraft-search-result-container{flex-direction:row}}a.searchcraft-search-result-container{cursor:pointer;transition:background-color 100ms}.searchcraft-base-search-result-content-container{flex:1;display:flex;flex-direction:column;gap:8px}.searchcraft-search-result-image{border-radius:var(--sc-image-border-radius);width:100%}@media (min-width: 900px){.searchcraft-search-result-image{width:200px}}.searchcraft-base-search-result-title{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-bold-font-size);font-weight:var(--sc-body-bold-font-weight);line-height:var(--sc-body-bold-line-height);margin:0;color:var(--sc-content-neutral-primary)}.searchcraft-base-search-result-subtitle{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-small-font-size);font-weight:var(--sc-body-small-font-weight);line-height:var(--sc-body-small-line-height);margin:0;color:var(--sc-content-disabled)}.searchcraft-base-search-result-body-content{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-body-font-weight);line-height:var(--sc-body-line-height);margin:0;color:var(--sc-content-neutral-secondary)}.searchcraft-base-search-result-footer-content{font-family:var(--sc-font-family);-webkit-font-smoothing:antialiased;font-size:var(--sc-body-font-size);font-weight:var(--sc-body-font-weight);line-height:var(--sc-body-line-height);margin:0;color:var(--sc-content-disabled)}";const a=c;const i=class{constructor(e){s(this,e);this.searchcraftStore=r.getState();this.recordMeasureEvent=()=>{var s,e,t;const r=this.searchcraftStore.getSearchcraftInstance();if(r){const c=this.documentPosition;const a=this.searchcraftStore.query;const i=((t=(e=(s=this.searchcraftStore.searchResults)===null\|\|s===void 0?void 0:s.data)===null\|\|e===void 0?void 0:e.hits)===null\|\|t===void 0?void 0:t.length)\|\|0;r.sendMeasureEvent("document_clicked",{document_position:c,number_of_documents:i,search_term:a})}};this.parseStyles=()=>{if(this.customStyles){try{return JSON.parse(this.customStyles)}catch(s){console.error("Error parsing custom styles:",s);return{}}}return{}};this.titleContent=undefined;this.subtitleContent=undefined;this.bodyContent=undefined;this.footerContent=undefined;this.buttonLabel=undefined;this.buttonHref=undefined;this.buttonTarget="_blank";this.buttonRel=undefined;this.containerHref=undefined;this.containerTarget="_blank";this.containerRel=undefined;this.imageSrc=undefined;this.imageAlt=undefined;this.imagePlacement=undefined;this.customStyles=undefined;this.documentPosition=0}render(){const s=this.parseStyles();const r=this.imageSrc&&e("img",{alt:this.imageAlt,class:"searchcraft-search-result-image",src:this.imageSrc,style:s.image\|\|{}});const c=e(t,null,this.imageSrc&&this.imagePlacement==="left"&&r,e("div",{class:"searchcraft-base-search-result-content-container"},this.titleContent&&e("h2",{class:"searchcraft-base-search-result-title",style:s.title\|\|{}},this.titleContent),this.subtitleContent&&e("h3",{class:"searchcraft-base-search-result-subtitle",style:s.subtitle\|\|{}},this.subtitleContent),this.bodyContent&&e("p",{class:"searchcraft-base-search-result-body-content",style:s.primaryContent\|\|{}},this.bodyContent),this.footerContent&&e("p",{class:"searchcraft-base-search-result-footer-content",style:s.secondaryContent\|\|{}},this.footerContent),this.buttonHref&&!this.containerHref&&this.buttonLabel&&e("a",{class:"searchcraft-search-result-button",href:this.buttonHref,style:s.button\|\|{},target:this.buttonTarget,rel:this.buttonRel},this.buttonLabel)),this.imageSrc&&this.imagePlacement==="right"&&r);if(this.containerHref){return e("a",{class:"searchcraft-search-result-container",onClick:this.recordMeasureEvent,href:this.containerHref,rel:this.containerRel,style:s.container\|\|{},tabindex:"0",target:this.containerTarget},c)}return e("div",{class:"searchcraft-search-result-container",style:s.container\|\|{}},c)}};i.style=a;export{i as searchcraft_base_search_result};
2	+ //# sourceMappingURL=p-3a2d9be9.entry.js.map

package/dist/searchcraft-javascript-sdk/p-3a2d9be9.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["searchcraftBaseSearchResultModuleCss","SearchcraftBaseSearchResultStyle0","SearchcraftBaseSearchResult","this","searchcraftStore","useSearchcraftStore","getState","recordMeasureEvent","searchcraft","getSearchcraftInstance","document_position","documentPosition","search_term","query","number_of_documents","_c","_b","_a","searchResults","data","hits","length","sendMeasureEvent","parseStyles","customStyles","JSON","parse","error","console","render","styles","imageContainer","imageSrc","h","alt","imageAlt","class","src","style","image","contentContainer","Fragment","imagePlacement","titleContent","title","subtitleContent","subtitle","bodyContent","primaryContent","footerContent","secondaryContent","buttonHref","containerHref","buttonLabel","href","button","target","buttonTarget","rel","buttonRel","onClick","containerRel","container","tabindex","containerTarget"],"sources":["src/components/searchcraft-base-search-result/searchcraft-base-search-result.module.scss?tag=searchcraft-base-search-result","src/components/searchcraft-base-search-result/searchcraft-base-search-result.tsx"],"sourcesContent":["\n.searchcraft-search-result-container {\n all: unset;\n align-items: flex-start;\n border-radius: 16px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding: 8px;\n color: inherit;\n\n background-color: var(--sc-surface-neutral-primary);\n\n @media (min-width: 900px) {\n flex-direction: row;\n }\n}\n\na.searchcraft-search-result-container {\n cursor: pointer;\n transition: background-color 100ms;\n}\n\n.searchcraft-base-search-result-content-container {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.searchcraft-search-result-image {\n border-radius: var(--sc-image-border-radius);\n width: 100%;\n\n @media (min-width: 900px) {\n width: 200px;\n }\n}\n\n.searchcraft-base-search-result-title {\n @include body-bold();\n margin: 0;\n color: var(--sc-content-neutral-primary);\n}\n\n.searchcraft-base-search-result-subtitle {\n @include body-small();\n margin: 0;\n color: var(--sc-content-disabled);\n}\n\n.searchcraft-base-search-result-body-content {\n @include body();\n margin: 0;\n color: var(--sc-content-neutral-secondary);\n}\n\n.searchcraft-base-search-result-footer-content {\n @include body();\n margin: 0;\n color: var(--sc-content-disabled);\n}\n","import { useSearchcraftStore } from '@provider/store';\nimport { Component, Fragment, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-base-search-result',\n styleUrl: 'searchcraft-base-search-result.module.scss',\n shadow: false,\n})\nexport class SearchcraftBaseSearchResult {\n @Prop() titleContent: string | undefined;\n @Prop() subtitleContent: string | undefined;\n @Prop() bodyContent: string | undefined;\n @Prop() footerContent: string | undefined;\n @Prop() buttonLabel: string | undefined;\n @Prop() buttonHref: string | undefined;\n @Prop() buttonTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n @Prop() buttonRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n @Prop() containerHref: string | undefined;\n @Prop() containerTarget: '_blank' | '_self' | '_top' | '_parent' = '_blank';\n @Prop() containerRel: 'noreferrer' | 'noopener' | 'nofollow' | undefined;\n @Prop() imageSrc: string | undefined;\n @Prop() imageAlt: string | undefined;\n @Prop() imagePlacement: 'left' | 'right';\n @Prop() customStyles: string | undefined;\n @Prop() documentPosition = 0;\n\n private searchcraftStore = useSearchcraftStore.getState();\n\n private recordMeasureEvent = () => {\n const searchcraft = this.searchcraftStore.getSearchcraftInstance();\n\n if (searchcraft) {\n const document_position = this.documentPosition;\n const search_term = this.searchcraftStore.query;\n const number_of_documents =\n this.searchcraftStore.searchResults?.data?.hits?.length || 0;\n\n searchcraft.sendMeasureEvent('document_clicked', {\n document_position,\n number_of_documents,\n search_term,\n });\n }\n };\n\n private parseStyles = (): Record<string, { [key: string]: string }> => {\n if (this.customStyles) {\n try {\n return JSON.parse(this.customStyles);\n } catch (error) {\n console.error('Error parsing custom styles:', error);\n return {};\n }\n }\n return {};\n };\n\n render() {\n const styles = this.parseStyles();\n const imageContainer = this.imageSrc && (\n <img\n alt={this.imageAlt}\n class='searchcraft-search-result-image'\n src={this.imageSrc}\n style={styles.image || {}}\n />\n );\n\n const contentContainer = (\n <Fragment>\n {this.imageSrc && this.imagePlacement === 'left' && imageContainer}\n <div class='searchcraft-base-search-result-content-container'>\n {this.titleContent && (\n <h2\n class='searchcraft-base-search-result-title'\n style={styles.title || {}}\n >\n {this.titleContent}\n </h2>\n )}\n {this.subtitleContent && (\n <h3\n class='searchcraft-base-search-result-subtitle'\n style={styles.subtitle || {}}\n >\n {this.subtitleContent}\n </h3>\n )}\n {this.bodyContent && (\n <p\n class='searchcraft-base-search-result-body-content'\n style={styles.primaryContent || {}}\n >\n {this.bodyContent}\n </p>\n )}\n\n {this.footerContent && (\n <p\n class='searchcraft-base-search-result-footer-content'\n style={styles.secondaryContent || {}}\n >\n {this.footerContent}\n </p>\n )}\n {this.buttonHref && !this.containerHref && this.buttonLabel && (\n <a\n class='searchcraft-search-result-button'\n href={this.buttonHref}\n style={styles.button || {}}\n target={this.buttonTarget}\n rel={this.buttonRel}\n >\n {this.buttonLabel}\n </a>\n )}\n </div>\n {this.imageSrc && this.imagePlacement === 'right' && imageContainer}\n </Fragment>\n );\n\n /** Render as an anchor tag if the containerHref prop is present. */\n if (this.containerHref) {\n return (\n <a\n class='searchcraft-search-result-container'\n onClick={this.recordMeasureEvent}\n href={this.containerHref}\n rel={this.containerRel}\n style={styles.container || {}}\n tabindex='0'\n target={this.containerTarget}\n >\n {contentContainer}\n </a>\n );\n }\n\n /** Render as a div if no href prop. */\n return (\n <div\n class='searchcraft-search-result-container'\n style={styles.container || {}}\n >\n {contentContainer}\n </div>\n );\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAuC,wvJAC7C,MAAAC,EAAeD,E,MCOFE,EAA2B,M,yBAkB9BC,KAAAC,iBAAmBC,EAAoBC,WAEvCH,KAAAI,mBAAqB,K,UAC3B,MAAMC,EAAcL,KAAKC,iBAAiBK,yBAE1C,GAAID,EAAa,CACf,MAAME,EAAoBP,KAAKQ,iBAC/B,MAAMC,EAAcT,KAAKC,iBAAiBS,MAC1C,MAAMC,IACJC,GAAAC,GAAAC,EAAAd,KAAKC,iBAAiBc,iBAAa,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEI,QAAI,MAAAL,SAAA,SAAAA,EAAEM,SAAU,EAE7Db,EAAYc,iBAAiB,mBAAoB,CAC/CZ,oBACAI,sBACAF,e,GAKET,KAAAoB,YAAc,KACpB,GAAIpB,KAAKqB,aAAc,CACrB,IACE,OAAOC,KAAKC,MAAMvB,KAAKqB,a,CACvB,MAAOG,GACPC,QAAQD,MAAM,+BAAgCA,GAC9C,MAAO,E,EAGX,MAAO,EAAE,E,0LAvCqD,S,2EAGG,S,4JAMxC,C,CAiC3B,MAAAE,GACE,MAAMC,EAAS3B,KAAKoB,cACpB,MAAMQ,EAAiB5B,KAAK6B,UAC1BC,EAAA,OACEC,IAAK/B,KAAKgC,SACVC,MAAM,kCACNC,IAAKlC,KAAK6B,SACVM,MAAOR,EAAOS,OAAS,KAI3B,MAAMC,EACJP,EAACQ,EAAQ,KACNtC,KAAK6B,UAAY7B,KAAKuC,iBAAmB,QAAUX,EACpDE,EAAA,OAAKG,MAAM,oDACRjC,KAAKwC,cACJV,EAAA,MACEG,MAAM,uCACNE,MAAOR,EAAOc,OAAS,IAEtBzC,KAAKwC,cAGTxC,KAAK0C,iBACJZ,EAAA,MACEG,MAAM,0CACNE,MAAOR,EAAOgB,UAAY,IAEzB3C,KAAK0C,iBAGT1C,KAAK4C,aACJd,EAAA,KACEG,MAAM,8CACNE,MAAOR,EAAOkB,gBAAkB,IAE/B7C,KAAK4C,aAIT5C,KAAK8C,eACJhB,EAAA,KACEG,MAAM,gDACNE,MAAOR,EAAOoB,kBAAoB,IAEjC/C,KAAK8C,eAGT9C,KAAKgD,aAAehD,KAAKiD,eAAiBjD,KAAKkD,aAC9CpB,EAAA,KACEG,MAAM,mCACNkB,KAAMnD,KAAKgD,WACXb,MAAOR,EAAOyB,QAAU,GACxBC,OAAQrD,KAAKsD,aACbC,IAAKvD,KAAKwD,WAETxD,KAAKkD,cAIXlD,KAAK6B,UAAY7B,KAAKuC,iBAAmB,SAAWX,GAKzD,GAAI5B,KAAKiD,cAAe,CACtB,OACEnB,EAAA,KACEG,MAAM,sCACNwB,QAASzD,KAAKI,mBACd+C,KAAMnD,KAAKiD,cACXM,IAAKvD,KAAK0D,aACVvB,MAAOR,EAAOgC,WAAa,GAC3BC,SAAS,IACTP,OAAQrD,KAAK6D,iBAEZxB,E,CAMP,OACEP,EAAA,OACEG,MAAM,sCACNE,MAAOR,EAAOgC,WAAa,IAE1BtB,E","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-4278ff89.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as c}from"./p-4c32c87d.js";const t=class{constructor(c){e(this,c)}render(){return c("svg",{key:"3db200942b79612a38293544a029c6854dfa4beb",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},c("title",{key:"b7b6af8651edb5cc0e054ed775b9029c6c93535e"},"Checkbox Check"),c("path",{key:"7c74edc45f007245e4c6e4fd5d37dbc6dad20de0",d:"M13.9999 2L5.74988 10L1.99988 6.36364",stroke:"white","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round"}))}};const d=class{constructor(c){e(this,c)}render(){return c("svg",{key:"4d0c3ab69a973ec8b1d89f52082e4b98ce17e39d",width:"14",height:"3",viewBox:"0 0 14 3",fill:"none"},c("title",{key:"99a099dcd6a163ba5b8c1f5b80f9ebfde2152778"},"Checkbox Dash"),c("line",{key:"49f030f69ff1d37139f868ffb94b5f24442dce37",x1:"1.5",y1:"1.5",x2:"12.5",y2:"1.5",stroke:"white","stroke-width":"3","stroke-linecap":"round"}))}};export{t as searchcraft_check_icon,d as searchcraft_dash_icon};
2	+ //# sourceMappingURL=p-4278ff89.entry.js.map

package/dist/searchcraft-javascript-sdk/p-4278ff89.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["SearchcraftCheckIcon","render","h","key","width","height","viewBox","fill","d","stroke","SearchcraftDashIcon","x1","y1","x2","y2"],"sources":["src/assets/searchcraft-check-icon.tsx","src/assets/searchcraft-dash-icon.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-check-icon',\n shadow: true,\n})\nexport class SearchcraftCheckIcon {\n render() {\n return (\n <svg width='16' height='16' viewBox='0 0 16 16' fill='none'>\n <title>Checkbox Check</title>\n <path\n d='M13.9999 2L5.74988 10L1.99988 6.36364'\n stroke='white'\n stroke-width='3'\n stroke-linecap='round'\n stroke-linejoin='round'\n />\n </svg>\n );\n }\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'searchcraft-dash-icon',\n shadow: true,\n})\nexport class SearchcraftDashIcon {\n render() {\n return (\n <svg width='14' height='3' viewBox='0 0 14 3' fill='none'>\n <title>Checkbox Dash</title>\n <line\n x1='1.5'\n y1='1.5'\n x2='12.5'\n y2='1.5'\n stroke='white'\n stroke-width='3'\n stroke-linecap='round'\n />\n </svg>\n );\n }\n}\n"],"mappings":"iDAMaA,EAAoB,M,yBAC/B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,QACnDL,EAAA,SAAAC,IAAA,8DACAD,EAAA,QAAAC,IAAA,2CACEK,EAAE,wCACFC,OAAO,QAAO,eACD,IAAG,iBACD,QAAO,kBACN,U,SCVbC,EAAmB,M,yBAC9B,MAAAT,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,KAAKC,OAAO,IAAIC,QAAQ,WAAWC,KAAK,QACjDL,EAAA,SAAAC,IAAA,6DACAD,EAAA,QAAAC,IAAA,2CACEQ,GAAG,MACHC,GAAG,MACHC,GAAG,OACHC,GAAG,MACHL,OAAO,QAAO,eACD,IAAG,iBACD,U","ignoreList":[]}

package/dist/searchcraft-javascript-sdk/p-4c32c87d.js ADDED Viewed

@@ -0,0 +1,3 @@
+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,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:true,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 r=Object.defineProperty;var n=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var l=new WeakMap;var s=e=>l.get(e);var o=(e,t)=>l.set(t.t=e,t);var i=(e,t)=>{const r={l:0,$hostElement$:e,o:t,i:new Map};{r.u=new Promise((e=>r.v=e));e["s-p"]=[];e["s-rc"]=[]}return l.set(e,r)};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,r)=>{const n=e.h.replace(/-/g,"_");const l=e.p;if(!l){return void 0}const s=c.get(l);if(s){return s[n]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{c.set(l,e)}return e[n]}),f)};var v=new Map;var d="{visibility:hidden}.hydrated{visibility:inherit}";var h="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p=typeof window!=="undefined"?window:{};var m=p.document||{head:{}};var y={l:0,m:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,r,n)=>e.addEventListener(t,r,n),rel:(e,t,r,n)=>e.removeEventListener(t,r,n),ce:(e,t)=>new CustomEvent(e,t)};var b=e=>Promise.resolve(e);var w=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var g=false;var $=[];var S=[];var k=(e,t)=>r=>{e.push(r);if(!g){g=true;if(t&&y.l&4){x(j)}else{y.raf(j)}}};var C=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var j=()=>{C($);{C(S);if(g=$.length>0){y.raf(j)}}};var x=e=>b().then(e);var O=k(S,true);var T={};var E="http://www.w3.org/2000/svg";var D="http://www.w3.org/1999/xhtml";var R=e=>e!=null;var L=e=>{e=typeof e;return e==="object"||e==="function"};function F(e){var t,r,n;return(n=(r=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:r.getAttribute("content"))!=null?n:void 0}var M={};n(M,{err:()=>N,map:()=>P,ok:()=>A,unwrap:()=>U,unwrapErr:()=>W});var A=e=>({isOk:true,isErr:false,value:e});var N=e=>({isOk:false,isErr:true,value:e});function P(e,t){if(e.isOk){const r=t(e.value);if(r instanceof Promise){return r.then((e=>A(e)))}else{return A(r)}}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 H=(e,t="")=>{{return()=>{}}};var z=(e,t)=>{{return()=>{}}};var B=(e,t,...r)=>{let n=null;let l=null;let s=null;let o=false;let i=false;const a=[];const f=t=>{for(let r=0;r<t.length;r++){n=t[r];if(Array.isArray(n)){f(n)}else if(n!=null&&typeof n!=="boolean"){if(o=typeof e!=="function"&&!L(n)){n=String(n)}if(o&&i){a[a.length-1].$+=n}else{a.push(o?I(null,n):n)}i=o}}};f(r);if(t){if(t.key){l=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,G)}const c=I(e,null);c.S=t;if(a.length>0){c.k=a}{c.C=l}{c.j=s}return c};var I=(e,t)=>{const r={l:0,O:e,$:t,T:null,k:null};{r.S=null}{r.C=null}{r.j=null}return r};var Q={};var q=e=>e&&e.O===Q;var G={forEach:(e,t)=>e.map(K).forEach(t),map:(e,t)=>e.map(K).map(t).map(V)};var K=e=>({vattrs:e.S,vchildren:e.k,vkey:e.C,vname:e.j,vtag:e.O,vtext:e.$});var V=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 B(e.vtag,t,...e.vchildren||[])}const t=I(e.vtag,e.vtext);t.S=e.vattrs;t.k=e.vchildren;t.C=e.vkey;t.j=e.vname;return t};var X=(e,t)=>{if(e!=null&&!L(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 _=e=>s(e).$hostElement$;var J=(e,t,r)=>{const n=_(e);return{emit:e=>Y(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}};var Y=(e,t,r)=>{const n=y.ce(t,r);e.dispatchEvent(n);return n};var Z=new WeakMap;var ee=(e,t,r)=>{let n=v.get(e);if(w&&r){n=n||new CSSStyleSheet;if(typeof n==="string"){n=t}else{n.replaceSync(t)}}else{n=t}v.set(e,n)};var te=(e,t,r)=>{var n;const l=ne(t);const s=v.get(l);e=e.nodeType===11?e:m;if(s){if(typeof s==="string"){e=e.head||e;let r=Z.get(e);let o;if(!r){Z.set(e,r=new Set)}if(!r.has(l)){{o=m.createElement("style");o.innerHTML=s;const r=(n=y.D)!=null?n:F(m);if(r!=null){o.setAttribute("nonce",r)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const r=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(o,r)}else if("host"in e){if(w){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(o)}}}else{e.append(o)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(o,null)}}if(t.l&4){o.innerHTML+=h}if(r){r.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var re=e=>{const t=e.o;const r=e.$hostElement$;const n=t.l;const l=H("attachStyles",t.h);const s=te(r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10&&n&2){r["s-sc"]=s;r.classList.add(s+"-h")}l()};var ne=(e,t)=>"sc-"+e.h;var le=(e,t,r,n,l,s)=>{if(r!==n){let o=a(e,t);let i=t.toLowerCase();if(t==="class"){const t=e.classList;const l=oe(r);const s=oe(n);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in r){if(!n||n[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in n){if(!r||n[t]!==r[t]){if(t.includes("-")){e.style.setProperty(t,n[t])}else{e.style[t]=n[t]}}}}else if(t==="key");else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(p,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(r||n){const l=t.endsWith(ie);t=t.replace(ae,"");if(r){y.rel(e,t,r,l)}if(n){y.ael(e,t,n,l)}}}else{const i=L(n);if((o||i&&n!==null)&&!l){try{if(!e.tagName.includes("-")){const l=n==null?"":n;if(t==="list"){o=false}else if(r==null||e[t]!=l){if(typeof e.__lookupSetter__(t)==="function"){e[t]=l}else{e.setAttribute(t,l)}}}else{e[t]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!o||s&4||l)&&!i){n=n===true?"":n;{e.setAttribute(t,n)}}}}};var se=/\s/;var oe=e=>!e?[]:e.split(se);var ie="Capture";var ae=new RegExp(ie+"$");var fe=(e,t,r)=>{const n=t.T.nodeType===11&&t.T.host?t.T.host:t.T;const l=e&&e.S||T;const s=t.S||T;{for(const e of ce(Object.keys(l))){if(!(e in s)){le(n,e,l[e],void 0,r,t.l)}}}for(const e of ce(Object.keys(s))){le(n,e,l[e],s[e],r,t.l)}};function ce(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ue;var ve;var de;var he=false;var pe=false;var me=false;var ye=false;var be=(e,r,n,l)=>{var s;const o=r.k[n];let i=0;let a;let f;let c;if(!he){me=true;if(o.O==="slot"){if(ue){l.classList.add(ue+"-s")}o.l|=o.k?2:1}}if(o.$!==null){a=o.T=m.createTextNode(o.$)}else if(o.l&1){a=o.T=m.createTextNode("")}else{if(!ye){ye=o.O==="svg"}a=o.T=m.createElementNS(ye?E:D,!he&&t.slotRelocation&&o.l&2?"slot-fb":o.O);if(ye&&o.O==="foreignObject"){ye=false}{fe(null,o,ye)}const r=a.getRootNode();const n=!r.querySelector("body");if(!n&&t.scoped&&R(ue)&&a["s-si"]!==ue){a.classList.add(a["s-si"]=ue)}if(o.k){for(i=0;i<o.k.length;++i){f=be(e,o,i,a);if(f){a.appendChild(f)}}}{if(o.O==="svg"){ye=false}else if(a.tagName==="foreignObject"){ye=true}}}a["s-hn"]=de;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=ve;a["s-sn"]=o.j||"";a["s-rf"]=(s=o.S)==null?void 0:s.ref;c=e&&e.k&&e.k[n];if(c&&c.O===o.O&&e.T){{we(e.T,false)}}}}return a};var we=(e,r)=>{y.l|=1;const n=Array.from(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"]===de){n.push(t)}}}for(let e=n.length-1;e>=0;e--){const t=n[e];if(t["s-hn"]!==de&&t["s-ol"]){Re(je(t),t,Ce(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;me=true}if(r){we(t,r)}}y.l&=~1};var ge=(e,t,r,n,l,s)=>{let o=e["s-cr"]&&e["s-cr"].parentNode||e;let i;if(o.shadowRoot&&o.tagName===de){o=o.shadowRoot}for(;l<=s;++l){if(n[l]){i=be(null,r,l,e);if(i){n[l].T=i;Re(o,i,Ce(t))}}}};var $e=(e,t,r)=>{for(let n=t;n<=r;++n){const t=e[n];if(t){const e=t.T;if(e){{pe=true;if(e["s-ol"]){e["s-ol"].remove()}else{we(e,true)}}e.remove()}}}};var Se=(e,t,r,n,l=false)=>{let s=0;let o=0;let i=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=n.length-1;let d=n[0];let h=n[v];let p;let m;while(s<=f&&o<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--f]}else if(d==null){d=n[++o]}else if(h==null){h=n[--v]}else if(ke(c,d,l)){xe(c,d,l);c=t[++s];d=n[++o]}else if(ke(u,h,l)){xe(u,h,l);u=t[--f];h=n[--v]}else if(ke(c,h,l)){if(c.O==="slot"||h.O==="slot"){we(c.T.parentNode,false)}xe(c,h,l);Re(e,c.T,u.T.nextSibling);c=t[++s];h=n[--v]}else if(ke(u,d,l)){if(c.O==="slot"||h.O==="slot"){we(u.T.parentNode,false)}xe(u,d,l);Re(e,u.T,c.T);u=t[--f];d=n[++o]}else{i=-1;{for(a=s;a<=f;++a){if(t[a]&&t[a].C!==null&&t[a].C===d.C){i=a;break}}}if(i>=0){m=t[i];if(m.O!==d.O){p=be(t&&t[o],r,i,e)}else{xe(m,d,l);t[i]=void 0;p=m.T}d=n[++o]}else{p=be(t&&t[o],r,o,e);d=n[++o]}if(p){{Re(je(c.T),p,Ce(c.T))}}}}if(s>f){ge(e,n[v+1]==null?null:n[v+1].T,r,n,o,v)}else if(o>v){$e(t,s,f)}};var ke=(e,t,r=false)=>{if(e.O===t.O){if(e.O==="slot"){if("R"in e&&r&&e.T.nodeType!==8){return false}return e.j===t.j}if(!r){return e.C===t.C}return true}return false};var Ce=e=>e&&e["s-ol"]||e;var je=e=>(e["s-ol"]?e["s-ol"]:e).parentNode;var xe=(e,r,n=false)=>{const l=r.T=e.T;const s=e.k;const o=r.k;const i=r.O;const a=r.$;let f;if(a===null){{ye=i==="svg"?true:i==="foreignObject"?false:ye}{if(i==="slot"&&!he);else{fe(e,r,ye)}}if(s!==null&&o!==null){Se(l,s,r,o,n)}else if(o!==null){if(e.$!==null){l.textContent=""}ge(l,null,r,o,0,o.length-1)}else if(!n&&t.updatable&&s!==null){$e(s,0,s.length-1)}if(ye&&i==="svg"){ye=false}}else if(f=l["s-cr"]){f.parentNode.textContent=a}else if(e.$!==a){l.data=a}};var Oe=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const r=e["s-sn"];e.hidden=false;for(const n of t){if(n!==e){if(n["s-hn"]!==e["s-hn"]||r!==""){if(n.nodeType===1&&(r===n.getAttribute("slot")||r===n["s-sn"])||n.nodeType===3&&r===n["s-sn"]){e.hidden=true;break}}else{if(n.nodeType===1||n.nodeType===3&&n.textContent.trim()!==""){e.hidden=true;break}}}}}Oe(e)}}};var Te=[];var Ee=e=>{let r;let n;let l;for(const s of e.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;const e=s["s-sn"];for(l=n.length-1;l>=0;l--){r=n[l];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"]&&!t.experimentalSlotFixes){if(De(r,e)){let t=Te.find((e=>e.L===r));pe=true;r["s-sn"]=r["s-sn"]||e;if(t){t.L["s-sh"]=s["s-hn"];t.F=s}else{r["s-sh"]=s["s-hn"];Te.push({F:s,L:r})}if(r["s-sr"]){Te.map((e=>{if(De(e.L,r["s-sn"])){t=Te.find((e=>e.L===r));if(t&&!e.F){e.F=t.F}}}))}}else if(!Te.some((e=>e.L===r))){Te.push({L:r})}}}}if(s.nodeType===1){Ee(s)}}};var De=(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 Re=(e,t,r)=>{const n=e==null?void 0:e.insertBefore(t,r);return n};var Le=(e,t,r=false)=>{var n,l,s,o;const i=e.$hostElement$;const a=e.o;const f=e.M||I(null,null);const c=q(t)?t:B(null,null,t);de=i.tagName;if(r&&c.S){for(const e of Object.keys(c.S)){if(i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.S[e]=i[e]}}}c.O=null;c.l|=4;e.M=c;c.T=f.T=i.shadowRoot||i;{ue=i["s-sc"]}he=(a.l&1)!==0;{ve=i["s-cr"];pe=false}xe(f,c,r);{y.l|=1;if(me){Ee(c.T);for(const e of Te){const t=e.L;if(!t["s-ol"]){const e=m.createTextNode("");e["s-nr"]=t;Re(t.parentNode,t["s-ol"]=e,t)}}for(const e of Te){const t=e.L;const i=e.F;if(i){const e=i.parentNode;let r=i.nextSibling;{let s=(n=t["s-ol"])==null?void 0:n.previousSibling;while(s){let n=(l=s["s-nr"])!=null?l:null;if(n&&n["s-sn"]===t["s-sn"]&&e===n.parentNode){n=n.nextSibling;while(n===t||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){r=n;break}}s=s.previousSibling}}if(!r&&e!==t.parentNode||t.nextSibling!==r){if(t!==r){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Re(e,t,r);if(t.nodeType===1){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof i["s-rf"]==="function"&&i["s-rf"](t)}else{if(t.nodeType===1){if(r){t["s-ih"]=(o=t.hidden)!=null?o:false}t.hidden=true}}}}if(pe){Oe(c.T)}y.l&=~1;Te.length=0}ve=void 0};var Fe=(e,t)=>{if(t&&!e.A&&t["s-p"]){t["s-p"].push(new Promise((t=>e.A=t)))}};var Me=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}Fe(e,e.N);const r=()=>Ae(e,t);return O(r)};var Ae=(e,t)=>{const r=e.$hostElement$;const n=H("scheduleUpdate",e.o.h);const l=e.t;if(!l){throw new Error(`Can't render component <${r.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;n();return Ne(s,(()=>Ue(e,l,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,r)=>{var n;const l=e.$hostElement$;const s=H("update",e.o.h);const o=l["s-rc"];if(r){re(e)}const i=H("render",e.o.h);{We(e,t,l,r)}if(o){o.map((e=>e()));l["s-rc"]=void 0}i();s();{const t=(n=l["s-p"])!=null?n:[];const r=()=>He(e);if(t.length===0){r()}else{Promise.all(t).then(r);e.l|=4;t.length=0}}};var We=(e,t,r,n)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Le(e,t,n)}}}}catch(t){f(t,e.$hostElement$)}return null};var He=e=>{const t=e.o.h;const r=e.$hostElement$;const n=H("postUpdate",t);const l=e.t;const s=e.N;if(!(e.l&64)){e.l|=64;{Ie(r)}{Be(l,"componentDidLoad")}n();{e.v(r);if(!s){ze()}}}else{n()}{if(e.A){e.A();e.A=void 0}if(e.l&512){x((()=>Me(e,false)))}e.l&=~(4|512)}};var ze=t=>{{Ie(m.documentElement)}x((()=>Y(p,"appload",{detail:{namespace:e}})))};var Be=(e,t,r)=>{if(e&&e[t]){try{return e[t](r)}catch(e){f(e)}}return void 0};var Ie=e=>{var r;return e.classList.add((r=t.hydratedSelectorName)!=null?r:"hydrated")};var Qe=(e,t)=>s(e).i.get(t);var qe=(e,t,r,n)=>{const l=s(e);if(!l){throw new Error(`Couldn't find host element for "${n.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 o=l.$hostElement$;const i=l.i.get(t);const a=l.l;const c=l.t;r=X(r,n.P[t][0]);const u=Number.isNaN(i)&&Number.isNaN(r);const v=r!==i&&!u;if((!(a&8)||i===void 0)&&v){l.i.set(t,r);if(c){if(n.U&&a&128){const e=n.U[t];if(e){e.map((e=>{try{c[e](r,i,t)}catch(e){f(e,o)}}))}}if((a&(2|16))===2){Me(l,false)}}}};var Ge=(e,t,r)=>{var n,l;const o=e.prototype;if(t.P||(t.U||e.watchers)){if(e.watchers&&!t.U){t.U=e.watchers}const i=Object.entries((n=t.P)!=null?n:{});i.map((([e,[n]])=>{if(n&31||r&2&&n&32){Object.defineProperty(o,e,{get(){return Qe(this,e)},set(r){qe(this,e,r,t)},configurable:true,enumerable:true})}}));if(r&1){const r=new Map;o.attributeChangedCallback=function(e,n,l){y.jmp((()=>{var i;const a=r.get(e);if(this.hasOwnProperty(a)){l=this[a];delete this[a]}else if(o.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==l){return}else if(a==null){const r=s(this);const o=r==null?void 0:r.l;if(o&&!(o&8)&&o&128&&l!==n){const s=r.t;const o=(i=t.U)==null?void 0:i[e];o==null?void 0:o.forEach((t=>{if(s[t]!=null){s[t].call(s,l,n,e)}}))}return}this[a]=l===null&&typeof this[a]==="boolean"?false:l}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.U)!=null?l:{}),...i.filter((([e,t])=>t[0]&15)).map((([e,t])=>{const n=t[1]||e;r.set(n,e);return n}))]))}}return e};var Ke=async(e,t,r,n)=>{let l;if((t.l&32)===0){t.l|=32;const n=r.p;if(n){const e=u(r);if(e&&"then"in e){const t=z();l=await e;t()}else{l=e}if(!l){throw new Error(`Constructor for "${r.h}#${t.W}" was not found`)}if(!l.isProxied){{r.U=l.watchers}Ge(l,r,2);l.isProxied=true}const n=H("createInstance",r.h);{t.l|=8}try{new l(t)}catch(e){f(e)}{t.l&=~8}{t.l|=128}n();Ve(t.t)}else{l=e.constructor;const r=e.localName;customElements.whenDefined(r).then((()=>t.l|=128))}if(l&&l.style){let e;if(typeof l.style==="string"){e=l.style}const t=ne(r);if(!v.has(t)){const n=H("registerStyles",r.h);ee(t,e,!!(r.l&1));n()}}}const s=t.N;const o=()=>Me(t,true);if(s&&s["s-rc"]){s["s-rc"].push(o)}else{o()}};var Ve=e=>{{Be(e,"connectedCallback")}};var Xe=e=>{if((y.l&1)===0){const t=s(e);const r=t.o;const n=H("connectedCallback",r.h);if(!(t.l&1)){t.l|=1;{if(r.l&(4|8)){_e(e)}}{let r=e;while(r=r.parentNode||r.host){if(r["s-p"]){Fe(t,t.N=r);break}}}if(r.P){Object.entries(r.P).map((([t,[r]])=>{if(r&31&&e.hasOwnProperty(t)){const r=e[t];delete e[t];e[t]=r}}))}{Ke(e,t,r)}}else{if(t==null?void 0:t.t){Ve(t.t)}else if(t==null?void 0:t.u){t.u.then((()=>Ve(t.t)))}}n()}};var _e=e=>{const t=e["s-cr"]=m.createComment("");t["s-cn"]=true;Re(e,t,e.firstChild)};var Je=e=>{{Be(e,"disconnectedCallback")}};var Ye=async e=>{if((y.l&1)===0){const t=s(e);if(t==null?void 0:t.t){Je(t.t)}else if(t==null?void 0:t.u){t.u.then((()=>Je(t.t)))}}};var Ze=(e,t={})=>{var r;const n=H();const l=[];const o=t.exclude||[];const a=p.customElements;const f=m.head;const c=f.querySelector("meta[charset]");const u=m.createElement("style");const v=[];let b;let w=true;Object.assign(y,t);y.m=new URL(t.resourcesUrl||"./",m.baseURI).href;let g=false;e.map((e=>{e[1].map((t=>{var r;const n={l:t[0],h:t[1],P:t[2],H:t[3]};if(n.l&4){g=true}{n.P=t[2]}{n.U=(r=t[4])!=null?r:{}}const f=n.h;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;i(e,n);if(n.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){s(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(b){clearTimeout(b);b=null}if(w){v.push(this)}else{y.jmp((()=>Xe(this)))}}disconnectedCallback(){y.jmp((()=>Ye(this)))}componentOnReady(){return s(this).u}};n.p=e[0];if(!o.includes(f)&&!a.get(f)){l.push(f);a.define(f,Ge(c,n,1))}}))}));if(l.length>0){if(g){u.textContent+=h}{u.textContent+=l.sort()+d}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(r=y.D)!=null?r:F(m);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{y.jmp((()=>b=setTimeout(ze,30)))}}n()};var et=(e,t)=>t;var tt=e=>y.D=e;export{et as F,Ze as b,J as c,B as h,b as p,o as r,tt as s};
+//# sourceMappingURL=p-4c32c87d.js.map