@performant-software/core-data 2.1.0-beta.0 → 2.1.0-beta.11

package/dist/style.css

@@ -1 +1 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:-apple-system,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.z-0{z-index:0}.z-10{z-index:10}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-4{margin-left:1rem}.mr-0{margin-right:0}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mt-4{margin-top:1rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-20{height:5rem}.h-4{height:1rem}.h-7{height:1.75rem}.h-\[200px\]{height:200px}.h-\[5\.5em\]{height:5.5em}.h-full{height:100%}.min-h-20{min-height:5rem}.w-20{width:5rem}.w-4{width:1rem}.w-7{width:1.75rem}.w-full{width:100%}.min-w-\[280px\]{min-width:280px}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.cursor-pointer{cursor:pointer}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-black\/20{border-color:#0003}.bg-muted\/20{background-color:#00051133}.bg-slate-200\/60{background-color:#e2e8f099}.bg-teal-700\/30{background-color:#0f766e4d}.bg-white\/80{background-color:#fffc}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-3{padding-left:.75rem}.pr-6{padding-right:1.5rem}.pt-1{padding-top:.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.align-text-bottom{vertical-align:text-bottom}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.italic{font-style:italic}.leading-6{line-height:1.5rem}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-muted{color:#0005119e}.text-muted\/50{color:#00051180}.text-muted\/60{color:#00051199}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-teal-700:focus{outline-color:#0f766e}.dialog-overlay{background-color:#00000080;top:0;right:0;bottom:0;left:0;position:fixed;animation:overlayShow .15s cubic-bezier(.16,1,.3,1);z-index:98}.dialog-content{background-color:#fff;border-radius:6px;box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:1000px;max-height:90vh;padding:25px;animation:contentShow .15s cubic-bezier(.16,1,.3,1);z-index:99}.dialog-content:focus{outline:none}.dialog-close{position:absolute;right:10px;top:10px}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.clover-viewer-header{font-weight:500;align-items:center!important}.clover-viewer-header>span{font-size:1rem!important;padding-top:1.3rem;padding-left:0!important}.related-items-list .accordion-chevron{transition:transform .3s cubic-bezier(.87,0,.13,1)}.related-items-list .accordion-trigger[data-state=open]>.accordion-chevron{transform:rotate(180deg)}.related-items-list .accordion-content{overflow:hidden}.related-items-list .accordion-content[data-state=open]{animation:slideDown .3s cubic-bezier(.87,0,.13,1)}.related-items-list .accordion-content[data-state=closed]{animation:slideUp .3s cubic-bezier(.87,0,.13,1)}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}.loader.three-dots,.loader.three-dots:before,.loader.three-dots:after{display:inline-block;border-radius:50%;width:2.2em;height:2.2em;animation-fill-mode:both;animation:bblFadInOut 1.8s infinite ease-in-out}.loader.three-dots{font-size:2px;position:relative;text-indent:-9999em;transform:translateZ(0);top:-3em;animation-delay:-.16s}.loader.three-dots:before,.loader.three-dots:after{content:"";position:absolute;top:0}.loader.three-dots:before{left:-3.3em;animation-delay:-.32s}.loader.three-dots:after{left:3.3em}@keyframes bblFadInOut{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em}}.ais-InfiniteHits-loadMore{color:#0005119e;display:flex;justify-content:center;width:100%;padding:2em}
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:-apple-system,Roboto,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.right-2{right:.5rem}.top-0{top:0}.top-2{top:.5rem}.z-0{z-index:0}.z-10{z-index:10}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-4{margin-left:1rem}.mr-0{margin-right:0}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mt-4{margin-top:1rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-20{height:5rem}.h-4{height:1rem}.h-7{height:1.75rem}.h-\[200px\]{height:200px}.h-\[5\.5em\]{height:5.5em}.h-full{height:100%}.min-h-20{min-height:5rem}.w-20{width:5rem}.w-4{width:1rem}.w-7{width:1.75rem}.w-full{width:100%}.min-w-\[260px\]{min-width:260px}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.cursor-pointer{cursor:pointer}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-l-0{border-left-width:0px}.border-r-0{border-right-width:0px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-black\/20{border-color:#0003}.bg-muted\/20{background-color:#00051133}.bg-slate-200\/60{background-color:#e2e8f099}.bg-teal-700\/30{background-color:#0f766e4d}.bg-white\/80{background-color:#fffc}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-3{padding-left:.75rem}.pr-6{padding-right:1.5rem}.pt-1{padding-top:.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.align-text-bottom{vertical-align:text-bottom}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.italic{font-style:italic}.leading-6{line-height:1.5rem}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-muted{color:#0005119e}.text-muted\/50{color:#00051180}.text-muted\/60{color:#00051199}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity))}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-teal-700:focus{outline-color:#0f766e}.loader.three-dots,.loader.three-dots:before,.loader.three-dots:after{display:inline-block;border-radius:50%;width:2.2em;height:2.2em;animation-fill-mode:both;animation:bblFadInOut 1.8s infinite ease-in-out}.loader.three-dots{font-size:2px;position:relative;text-indent:-9999em;transform:translateZ(0);top:-3em;animation-delay:-.16s}.loader.three-dots:before,.loader.three-dots:after{content:"";position:absolute;top:0}.loader.three-dots:before{left:-3.3em;animation-delay:-.32s}.loader.three-dots:after{left:3.3em}@keyframes bblFadInOut{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em}}.dialog-overlay{background-color:#00000080;top:0;right:0;bottom:0;left:0;position:fixed;animation:overlayShow .15s cubic-bezier(.16,1,.3,1);z-index:98}.dialog-content{background-color:#fff;border-radius:6px;box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:1000px;max-height:90vh;padding:25px;animation:contentShow .15s cubic-bezier(.16,1,.3,1);z-index:99}.dialog-content:focus{outline:none}.dialog-close{position:absolute;right:10px;top:10px}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.clover-viewer-header{font-weight:500;align-items:center!important}.clover-viewer-header>span{font-size:1rem!important;padding-top:1.3rem;padding-left:0!important}.ais-InfiniteHits-loadMore{color:#0005119e;display:flex;justify-content:center;width:100%;padding:2em}.related-items-list .accordion-chevron{transition:transform .3s cubic-bezier(.87,0,.13,1)}.related-items-list .accordion-trigger[data-state=open]>.accordion-chevron{transform:rotate(180deg)}.related-items-list .accordion-content{overflow:hidden}.related-items-list .accordion-content[data-state=open]{animation:slideDown .3s cubic-bezier(.87,0,.13,1)}.related-items-list .accordion-content[data-state=closed]{animation:slideUp .3s cubic-bezier(.87,0,.13,1)}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/core-data",
-  "version": "2.1.0-beta.0",
+  "version": "2.1.0-beta.11",
   "description": "A package of components used with the Core Data platform.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
@@ -21,15 +21,19 @@
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-dialog": "^1.0.5",
     "@samvera/clover-iiif": "^2.3.2",
+    "@turf/turf": "^6.5.0",
+    "dequal": "^2.0.3",
     "i18next": "^23.8.2",
+    "instantsearch.js": "^4.66.0",
     "lucide-react": "^0.321.0",
     "react-instantsearch": "^7.5.4",
     "react-virtualized-auto-sizer": "^1.0.22",
     "react-window": "^1.8.10",
+    "typesense-instantsearch-adapter": "^2.8.0",
     "underscore": "^1.13.2"
   },
   "peerDependencies": {
-    "@performant-software/geospatial": "^2.1.0-beta.0",
+    "@performant-software/geospatial": "^2.1.0-beta.11",
     "react": ">= 16.13.1 < 19.0.0",
     "react-dom": ">= 16.13.1 < 19.0.0"
   },

package/src/components/PersistentSearchStateContextProvider.js

@@ -0,0 +1,46 @@
+// @flow
+
+import React, { useMemo, type ReactNode } from 'react';
+import PersistentSearchStateContext from '../context/PersistentSearchState';
+import useProgressiveSearch from '../hooks/ProgressiveSearch';
+
+type Props = {
+  geoSearch: any,
+  infiniteHits: any,
+  searchBox: any,
+  children: ReactNode
+};
+
+const PersistentSearchStateContextProvider = (props: Props) => {
+  const { geoSearch, infiniteHits, searchBox } = props;
+  const { cachedHits, observe, unobserve } = useProgressiveSearch(infiniteHits);
+
+  /**
+   * Memoizes the context value.
+   *
+   * @type {{
+   *   unobserve: function(OnCompleteCallback): void,
+   *   geoSearch: *,
+   *   cachedHits: TypesenseSearchResult[],
+   *   observe: function(OnCompleteCallback): void,
+   *   searchBox: *
+   * }}
+   */
+  const value = useMemo(() => ({
+    cachedHits,
+    geoSearch,
+    searchBox,
+    observe,
+    unobserve
+  }), [cachedHits, geoSearch, searchBox, observe, unobserve]);
+
+  return (
+    <PersistentSearchStateContext.Provider
+      value={value}
+    >
+      { props.children }
+    </PersistentSearchStateContext.Provider>
+  );
+};
+
+export default PersistentSearchStateContextProvider;

package/src/components/PlaceDetailsPanel.js

@@ -49,7 +49,7 @@ const PlaceDetailsPanel = (props: Props) => {
 
   return (
     <aside
-      className='flex flex-col relative z-10 h-full min-w-[280px] bg-white/80 backdrop-blur shadow overflow-y-auto'
+      className='flex flex-col relative z-10 h-full min-w-[260px] bg-white/80 backdrop-blur shadow overflow-y-auto'
       ref={el}
     >
       <button

package/src/components/PlaceMarkers.js

@@ -0,0 +1,83 @@
+// @flow
+
+import { LocationMarkers } from '@performant-software/geospatial';
+import { feature, featureCollection } from '@turf/turf';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from 'react';
+import _ from 'underscore';
+
+type Props = {
+  animate?: boolean,
+
+  /**
+   * The number of miles to buffer the GeoJSON data. (Defaults to two.)
+   */
+  buffer?: number,
+
+  /**
+   * The URL of the Core Data place record.
+   */
+  urls: Array<string>
+};
+
+/**
+ * This component renders a map marker for a given Core Data Place record.
+ */
+const PlaceMarkers = (props: Props) => {
+  const [places, setPlaces] = useState([]);
+
+  /**
+   * Converts the set of places into a FeatureCollection.
+   *
+   * @type {FeatureCollection<Geometry, Properties>}
+   */
+  const data = useMemo(() => featureCollection(places), [places]);
+
+  /**
+   * Fetches the passed URLs and converts the response to JSON.
+   *
+   * @type {function(): *}
+   */
+  const onFetch = useCallback(() => (
+    _.map(props.urls, (url) => fetch(url).then((res) => res.json()))
+  ), [props.urls]);
+
+  /**
+   * Converts the passed list of records to Features and sets them on the state.
+   *
+   * @type {function(*): *}
+   */
+  const onLoad = useCallback((records) => (
+    _.map(records, (record) => setPlaces((prevPlaces) => [
+      ...prevPlaces,
+      feature(record.geometry, record.properties)
+    ]))
+  ), []);
+
+  /**
+   * Fetch the place record from the passed URL.
+   */
+  useEffect(() => {
+    Promise
+      .all(onFetch())
+      .then(onLoad);
+  }, [onFetch, onLoad]);
+
+  if (_.isEmpty(data?.features)) {
+    return null;
+  }
+
+  return (
+    <LocationMarkers
+      animate={props.animate}
+      buffer={props.buffer}
+      data={data}
+    />
+  );
+};
+
+export default PlaceMarkers;

package/src/components/RefinementListProxy.js

@@ -0,0 +1,15 @@
+// @flow
+
+type Props = {
+  useRefinementList: (props: any) => void;
+};
+
+const RefinementListProxy = ({ useRefinementList, ...props }: Props) => {
+  // Just a trick to have an empty component that keeps this
+  // facet mounted, while the GUI element mounts and unmounts
+  useRefinementList(props);
+
+  return null;
+};
+
+export default RefinementListProxy;

package/src/context/PersistentSearchState.js

@@ -0,0 +1,16 @@
+// @flow
+
+import { createContext } from 'react';
+import type { SearchResult } from '../types/typesense/SearchResult';
+
+type PersistentSearchStateContextType = {
+  cachedHits: Array<SearchResult>,
+  geoSearch: any,
+  searchBox: any,
+  observe: (callback: ((hits: Array<SearchResult>) => void)) => void,
+  unobserve: (callback: ((hits: Array<SearchResult>) => void)) => void
+};
+
+const PersistentSearchStateContext = createContext<PersistentSearchStateContextType>(undefined);
+
+export default PersistentSearchStateContext;

package/src/hooks/ProgressiveSearch.js

@@ -0,0 +1,92 @@
+// @flow
+
+import { dequal } from 'dequal/lite';
+import {
+  useCallback,
+  useEffect,
+  useRef,
+  useState
+} from 'react';
+import type { SearchResult } from '../types/typesense/SearchResult';
+import TypesenseUtils from '../utils/Typesense';
+
+type OnCompleteCallback = (results: Array<SearchResult>) => void;
+
+const useProgressiveSearch = (infiniteHits) => {
+  const [cachedHits, setCachedHits] = useState(TypesenseUtils.createCachedHits([]));
+
+  const lastSearchState = useRef<any>();
+  const callbacks = useRef<Array<OnCompleteCallback>>([]);
+
+  /**
+   * Adds the passed callback to the list of callbacks.
+   *
+   * @type {(function(OnCompleteCallback): void)|*}
+   */
+  const observe = useCallback((callback: OnCompleteCallback) => {
+    callbacks.current = [...callbacks.current, callback];
+  }, []);
+
+  /**
+   * Removes the passed callback from the list of callbacks.
+   *
+   * @type {(function(OnCompleteCallback): void)|*}
+   */
+  const unobserve = useCallback((callback: OnCompleteCallback) => {
+    callbacks.current = callbacks.current.filter((c) => c !== callback);
+  }, []);
+
+  /**
+   * Returns true if the state has changed.
+   *
+   * @param a
+   * @param b
+   * @param ignorePageNo
+   *
+   * @returns {boolean}
+   */
+  const hasStateChanged = (a: any, b: any, ignorePageNo?: boolean) => {
+    if (ignorePageNo && a) {
+      // eslint-disable-next-line no-param-reassign
+      delete a.page;
+    }
+
+    if (ignorePageNo && b) {
+      // eslint-disable-next-line no-param-reassign
+      delete b.page;
+    }
+
+    return !dequal(a, b);
+  };
+
+  useEffect(() => {
+    const { results } = infiniteHits;
+
+    const isFirstPage = results.page === 0;
+    const isLastPage = results.page + 1 >= results.nbPages;
+
+    const hits = TypesenseUtils.normalizeResults(results.hits);
+
+    // Add to cache and load next page
+    if (isFirstPage && hasStateChanged(results._state, lastSearchState.current, true)) {
+      setCachedHits(() => TypesenseUtils.createCachedHits(hits));
+    } else {
+      setCachedHits(({ merge }) => merge(hits));
+    }
+
+    if (!isLastPage && infiniteHits.showMore) {
+      setTimeout(() => infiniteHits.showMore(), 25);
+    } else if (hasStateChanged(results._state, lastSearchState.current)) {
+      callbacks.current.forEach((callback) => {
+        const merged = cachedHits.merge(hits);
+        callback(merged.hits);
+      });
+    }
+
+    lastSearchState.current = results._state;
+  }, [infiniteHits.results]);
+
+  return { cachedHits: cachedHits.hits, observe, unobserve };
+};
+
+export default useProgressiveSearch;

package/src/hooks/Typesense.js

@@ -0,0 +1,31 @@
+// @flow
+
+import { useContext, useEffect } from 'react';
+import PersistentSearchStateContext from '../context/PersistentSearchState';
+
+export const useCachedHits = () => {
+  const { cachedHits } = useContext(PersistentSearchStateContext);
+  return cachedHits;
+};
+
+export const useSearchBox = () => {
+  const { searchBox } = useContext(PersistentSearchStateContext);
+  return searchBox;
+};
+
+export const useGeoSearch = () => {
+  const { geoSearch } = useContext(PersistentSearchStateContext);
+  return geoSearch;
+};
+
+export const useSearchCompleted = (callback: ((hits: TypesenseSearchResult[]) => void), deps: Array<any>) => {
+  const { observe, unobserve } = useContext(PersistentSearchStateContext);
+
+  useEffect(() => {
+    observe(callback);
+
+    return () => {
+      unobserve(callback);
+    };
+  }, deps);
+};

package/src/index.js

@@ -6,9 +6,11 @@ import './index.css';
 // Components
 export { default as LoadAnimation } from './components/LoadAnimation';
 export { default as MediaGallery } from './components/MediaGallery';
+export { default as PersistentSearchStateContextProvider } from './components/PersistentSearchStateContextProvider';
 export { default as PlaceDetailsPanel } from './components/PlaceDetailsPanel';
-export { default as PlaceMarker } from './components/PlaceMarker';
+export { default as PlaceMarkers } from './components/PlaceMarkers';
 export { default as PlaceResultsList } from './components/PlaceResultsList';
+export { default as RefinementListProxy } from './components/RefinementListProxy';
 export { default as RelatedItemsList } from './components/RelatedItemsList';
 export { default as RelatedList } from './components/RelatedList';
 export { default as RelatedMedia } from './components/RelatedMedia';
@@ -16,3 +18,11 @@ export { default as RelatedOrganization } from './components/RelatedOrganization
 export { default as RelatedPeople } from './components/RelatedPeople';
 export { default as RelatedPlaces } from './components/RelatedPlaces';
 export { default as RelatedTaxonomies } from './components/RelatedTaxonomies';
+
+// Hooks
+export { default as useProgressiveSearch } from './hooks/ProgressiveSearch';
+export * from './hooks/Typesense';
+
+// Utilities
+export { default as Peripleo } from './utils/Peripleo';
+export { default as Typesense } from './utils/Typesense';

package/src/types/RuntimeConfig.js

@@ -0,0 +1,41 @@
+// @flow
+
+export type RuntimeConfig = {
+  branding: {
+    title?: string,
+    map_style: string,
+    related?: Array<{
+      endpoint: string,
+      ui_label: string,
+      default_open?: boolean
+    }>
+  },
+  layers: Array<{
+    name: string,
+    layer_type: 'raster' | 'vector' | 'geojson',
+    overlay?: boolean,
+    url: string,
+    description?: string,
+    tilesize?: number,
+    attribution?: string,
+    minzoom?: number,
+    maxzoom?: number
+  }>,
+  typesense: {
+    host: string,
+    port?: number,
+    protocol?: 'http' | 'https',
+    api_key: string,
+    index_name: string,
+    query_by: string,
+    limit?: number,
+    facets?: {
+      include?: string[],
+      exclude?: string[]
+    }
+  },
+  core_data: {
+    project_ids: number[],
+    url: string
+  }
+};

package/src/types/typesense/SearchResult.js

@@ -0,0 +1,14 @@
+// @flow
+
+export type SearchResult = {
+  uuid: string,
+  record_id: string,
+  type: string,
+  name: string,
+  names: Array<string>,
+  coordinates: Array<number>,
+  geometry: {
+    type: 'Point' | 'GeometryCollection',
+    coordinates: [ number, number ]
+  }
+};

package/src/utils/Peripleo.js

@@ -0,0 +1,52 @@
+// @flow
+
+import _ from 'underscore';
+import type { RuntimeConfig } from '../types/RuntimeConfig';
+
+/**
+ * Moves the layers into separate base layers and data layers.
+ *
+ * @param config
+ *
+ * @returns *
+ */
+const filterLayers = (config: RuntimeConfig) => {
+  const baseLayers = _.filter(config.layers, (l) => !l.loverlay);
+  const dataLayers = _.filter(config.layers, (l) => l.overlay);
+
+  return { ...config, baseLayers, dataLayers };
+};
+
+/**
+ * Normalizes the passed runtime config.
+ *
+ * @param config
+ *
+ * @returns *
+ */
+const normalize = (config: RuntimeConfig) => ({
+  ...config,
+  layers: config.layers || [],
+  typesense: {
+    ...config.typesense,
+    host: config.typesense.host || '443',
+    protocol: config.typesense.protocol || 'https'
+  },
+  core_data: {
+    ...config.core_data,
+
+    // Remove trailing slash if any
+    url: config.core_data.url.endsWith('/')
+      ? config.core_data.url.substring(0, config.core_data.url.length - 1)
+      : config.core_data.url,
+
+    project_ids: Array.isArray(config.core_data.project_ids)
+      ? config.core_data.project_ids
+      : [config.core_data.project_ids]
+  }
+});
+
+export default {
+  filterLayers,
+  normalize
+};

package/src/utils/Typesense.js

@@ -0,0 +1,144 @@
+// @flow
+
+import { feature, featureCollection, point } from '@turf/turf';
+import { history } from 'instantsearch.js/es/lib/routers';
+import TypesenseInstantsearchAdapter from 'typesense-instantsearch-adapter';
+import _ from 'underscore';
+import type { RuntimeConfig } from '../types/RuntimeConfig';
+import type { TypesenseSearchResult } from '../types/typesense/SearchResult';
+
+const createCachedHits = (hits: TypesenseSearchResult[]) => {
+  const ids = new Set(hits.map((h) => h.uuid));
+
+  // De-duplication: drop all hits that are already in the list, append the rest
+  const merge = (toMerge: TypesenseSearchResult[]) => {
+    const toAppend = toMerge.filter((h) => !ids.has(h.uuid));
+    return createCachedHits([...hits, ...toAppend]);
+  };
+
+  return { hits, merge };
+};
+
+const createRouting = (config: RuntimeConfig) => ({
+  router: history({
+    cleanUrlOnDispose: false
+  }),
+  stateMapping: {
+    stateToRoute: (state: any) => {
+      const uiState = state[config.typesense.index_name];
+      const { refinementList } = uiState;
+
+      let route = {
+        q: uiState.query
+      };
+
+      if (refinementList) {
+        route = {
+          ...route,
+          ...refinementList
+        };
+      }
+
+      return route;
+    },
+
+    routeToState: (state: any) => {
+      const { q, ...facets } = state;
+
+      const uiState = {
+        [config.typesense.index_name]: {
+          query: q,
+        }
+      };
+
+      if (Object.keys(facets).length > 0) {
+        uiState[config.typesense.index_name].refinementList = facets;
+      }
+
+      return uiState;
+    }
+  }
+});
+
+const createTypesenseAdapter = (config: RuntimeConfig, options = {}) => (
+  new TypesenseInstantsearchAdapter({
+    server: {
+      apiKey: config.typesense.api_key,
+      nodes: [
+        {
+          host: config.typesense.host,
+          port: config.typesense.port || 443,
+          protocol: config.typesense.protocol || 'https'
+        }
+      ],
+      cacheSearchResultsForSeconds: 120
+    },
+    geoLocationField: 'coordinates',
+    additionalSearchParameters: {
+      query_by: config.typesense.query_by,
+      limit: config.typesense.limit || 250
+    },
+    ...options
+  })
+);
+
+/**
+ * Necessary normalization steps to make the TypeSense result work
+ * for visualization. Currently, these include:
+ *
+ * - Removing places without coordinates
+ */
+const normalizeResults = (results: Array<TypesenseSearchResult>) => results.filter((h) => h.coordinates);
+
+/**
+ * Returns the passed Typesense search result as a GeoJSON feature.
+ *
+ * @param result
+ *
+ * @returns {*}
+ */
+const toFeature = (result: TypesenseSearchResult) => {
+  let value;
+
+  const properties = {
+    id: result.record_id,
+    ccode: [],
+    title: result.name,
+    uuid: result.uuid,
+    record_id: result.record_id,
+    name: result.name,
+    names: result.names.map((toponym: string) => ({ toponym })),
+    type: result.type
+  };
+
+  const id = parseInt(result.record_id, 10);
+
+  if (result.coordinates) {
+    const coordinates = result.coordinates.slice().reverse();
+    value = point(coordinates, properties, { id });
+  } else {
+    value = feature(result.geometry, properties, { id });
+  }
+
+  return value;
+};
+
+/**
+ * Returns the passed array of Typesense search results as a GeoJSON feature collection.
+ *
+ * @param results
+ *
+ * @returns {FeatureCollection<Geometry, Properties>}
+ */
+const toFeatureCollection = (results: Array<TypesenseSearchResult>) => (
+  featureCollection(_.map(results, toFeature))
+);
+
+export default {
+  createCachedHits,
+  createRouting,
+  createTypesenseAdapter,
+  normalizeResults,
+  toFeature,
+  toFeatureCollection
+};