@coveo/atomic 3.63.0 → 3.64.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.
- package/custom-elements.json +12837 -12661
- package/dist/cjs/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.cjs +1 -0
- package/dist/cjs/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.cjs +1 -1
- package/dist/cjs/components/commerce/atomic-commerce-facet/atomic-commerce-facet.cjs +1 -1
- package/dist/cjs/components/commerce/atomic-product-field-condition/atomic-product-field-condition.cjs +1 -4
- package/dist/cjs/components/commerce/atomic-product-template/atomic-product-template.cjs +15 -1
- package/dist/cjs/components/common/facets/facet-search/facet-search-aria-live.cjs +21 -8
- package/dist/cjs/components/common/query-error/icon.cjs +7 -26
- package/dist/cjs/components/common/query-error/icons.cjs +68 -0
- package/dist/cjs/components/common/template-controller/template-utils.cjs +9 -0
- package/dist/cjs/components/insight/atomic-insight-facet/atomic-insight-facet.cjs +1 -1
- package/dist/cjs/components/insight/atomic-insight-result-children-template/atomic-insight-result-children-template.cjs +1 -5
- package/dist/cjs/components/insight/atomic-insight-result-template/atomic-insight-result-template.cjs +15 -1
- package/dist/cjs/components/insight/atomic-insight-smart-snippet/atomic-insight-smart-snippet.cjs +3 -3
- package/dist/cjs/components/recommendations/atomic-recs-result-template/atomic-recs-result-template.cjs +15 -1
- package/dist/cjs/components/search/atomic-category-facet/atomic-category-facet.cjs +1 -1
- package/dist/cjs/components/search/atomic-color-facet/atomic-color-facet.cjs +1 -1
- package/dist/cjs/components/search/atomic-facet/atomic-facet.cjs +1 -1
- package/dist/cjs/components/search/atomic-field-condition/atomic-field-condition.cjs +1 -4
- package/dist/cjs/components/search/atomic-result-children-template/atomic-result-children-template.cjs +15 -1
- package/dist/cjs/components/search/atomic-result-template/atomic-result-template.cjs +15 -1
- package/dist/cjs/decorators/bind-state.cjs +38 -8
- package/dist/cjs/decorators/with-tailwind-styles.cjs +2 -1
- package/dist/cjs/global/environment.cjs +1 -1
- package/dist/cjs/utils/init-queue.cjs +6 -4
- package/dist/cjs/utils/replace-breakpoint-utils.cjs +9 -4
- package/dist/cjs/versions.cjs +1 -1
- package/dist/esm/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.js +1 -0
- package/dist/esm/components/commerce/atomic-commerce-category-facet/atomic-commerce-category-facet.js +1 -1
- package/dist/esm/components/commerce/atomic-commerce-facet/atomic-commerce-facet.js +1 -1
- package/dist/esm/components/commerce/atomic-commerce-search-box/atomic-commerce-search-box.js +1 -1
- package/dist/esm/components/commerce/atomic-product-field-condition/atomic-product-field-condition.js +2 -5
- package/dist/esm/components/commerce/atomic-product-template/atomic-product-template.js +16 -2
- package/dist/esm/components/common/facets/facet-search/facet-search-aria-live.js +21 -8
- package/dist/esm/components/common/query-error/icon.js +5 -23
- package/dist/esm/components/common/query-error/icons.js +17 -0
- package/dist/esm/components/common/template-controller/template-utils.js +7 -1
- package/dist/esm/components/insight/atomic-insight-facet/atomic-insight-facet.js +1 -1
- package/dist/esm/components/insight/atomic-insight-result-children/atomic-insight-result-children.js +1 -1
- package/dist/esm/components/insight/atomic-insight-result-children-template/atomic-insight-result-children-template.js +2 -6
- package/dist/esm/components/insight/atomic-insight-result-template/atomic-insight-result-template.js +16 -2
- package/dist/esm/components/insight/atomic-insight-smart-snippet/atomic-insight-smart-snippet.js +3 -3
- package/dist/esm/components/recommendations/atomic-recs-result-template/atomic-recs-result-template.js +16 -2
- package/dist/esm/components/search/atomic-category-facet/atomic-category-facet.js +1 -1
- package/dist/esm/components/search/atomic-color-facet/atomic-color-facet.js +1 -1
- package/dist/esm/components/search/atomic-facet/atomic-facet.js +1 -1
- package/dist/esm/components/search/atomic-field-condition/atomic-field-condition.js +2 -5
- package/dist/esm/components/search/atomic-result-children-template/atomic-result-children-template.js +16 -2
- package/dist/esm/components/search/atomic-result-template/atomic-result-template.js +16 -2
- package/dist/esm/components/search/atomic-search-box/atomic-search-box.js +1 -1
- package/dist/esm/decorators/bind-state.js +38 -8
- package/dist/esm/decorators/with-tailwind-styles.js +2 -1
- package/dist/esm/global/environment.js +1 -1
- package/dist/esm/utils/init-queue.js +6 -4
- package/dist/esm/utils/replace-breakpoint-utils.js +9 -4
- package/dist/esm/versions.js +1 -1
- package/dist/types/components/commerce/atomic-product-template/atomic-product-template.d.ts +12 -0
- package/dist/types/components/common/atomic-smart-snippet-source/atomic-smart-snippet-source.d.ts +4 -4
- package/dist/types/components/common/facets/facet-search/facet-search-aria-live.d.ts +7 -1
- package/dist/types/components/common/query-error/icon.d.ts +6 -0
- package/dist/types/components/common/query-error/icons.d.ts +5 -0
- package/dist/types/components/common/template-controller/template-utils.d.ts +7 -0
- package/dist/types/components/insight/atomic-insight-result-children-template/atomic-insight-result-children-template.d.ts +4 -4
- package/dist/types/components/insight/atomic-insight-result-template/atomic-insight-result-template.d.ts +12 -0
- package/dist/types/components/recommendations/atomic-recs-result-template/atomic-recs-result-template.d.ts +12 -0
- package/dist/types/components/search/atomic-result-children-template/atomic-result-children-template.d.ts +12 -0
- package/dist/types/components/search/atomic-result-template/atomic-result-template.d.ts +12 -0
- package/dist/types/utils/init-queue.d.ts +3 -2
- package/docs/adr/0001-group-shared-modules-in-one-cdn-chunk.md +147 -0
- package/package.json +6 -6
|
@@ -2,7 +2,7 @@ import { ResultTemplatesHelpers } from "@coveo/headless";
|
|
|
2
2
|
import { LitElement, nothing } from "lit";
|
|
3
3
|
import { customElement, property, state } from "lit/decorators.js";
|
|
4
4
|
import { ResultTemplateController } from "../../common/result-templates/result-template-controller.js";
|
|
5
|
-
import {
|
|
5
|
+
import { makeFieldConditions } from "../../common/template-controller/template-utils.js";
|
|
6
6
|
import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
|
|
7
7
|
import { mapProperty } from "../../../utils/props-utils.js";
|
|
8
8
|
import "../../common/atomic-component-error/atomic-component-error.js";
|
|
@@ -20,7 +20,7 @@ function _ts_metadata(metadataKey, metadataValue) {
|
|
|
20
20
|
class AtomicResultChildrenTemplate extends LitElement {
|
|
21
21
|
connectedCallback() {
|
|
22
22
|
super.connectedCallback();
|
|
23
|
-
this.resultTemplateController.matchConditions =
|
|
23
|
+
this.resultTemplateController.matchConditions = makeFieldConditions(this, ResultTemplatesHelpers);
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
26
|
return nothing;
|
|
@@ -47,6 +47,20 @@ _ts_decorate([
|
|
|
47
47
|
}),
|
|
48
48
|
_ts_metadata("design:type", Array)
|
|
49
49
|
], AtomicResultChildrenTemplate.prototype, "conditions", void 0);
|
|
50
|
+
_ts_decorate([
|
|
51
|
+
property({
|
|
52
|
+
type: String,
|
|
53
|
+
attribute: 'if-defined'
|
|
54
|
+
}),
|
|
55
|
+
_ts_metadata("design:type", String)
|
|
56
|
+
], AtomicResultChildrenTemplate.prototype, "ifDefined", void 0);
|
|
57
|
+
_ts_decorate([
|
|
58
|
+
property({
|
|
59
|
+
type: String,
|
|
60
|
+
attribute: 'if-not-defined'
|
|
61
|
+
}),
|
|
62
|
+
_ts_metadata("design:type", String)
|
|
63
|
+
], AtomicResultChildrenTemplate.prototype, "ifNotDefined", void 0);
|
|
50
64
|
_ts_decorate([
|
|
51
65
|
mapProperty({
|
|
52
66
|
splitValues: true,
|
|
@@ -2,7 +2,7 @@ import { ResultTemplatesHelpers } from "@coveo/headless";
|
|
|
2
2
|
import { LitElement, nothing } from "lit";
|
|
3
3
|
import { customElement, property, state } from "lit/decorators.js";
|
|
4
4
|
import { ResultTemplateController } from "../../common/result-templates/result-template-controller.js";
|
|
5
|
-
import {
|
|
5
|
+
import { makeFieldConditions } from "../../common/template-controller/template-utils.js";
|
|
6
6
|
import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
|
|
7
7
|
import { mapProperty } from "../../../utils/props-utils.js";
|
|
8
8
|
import "../../common/atomic-component-error/atomic-component-error.js";
|
|
@@ -21,7 +21,7 @@ function _ts_metadata(metadataKey, metadataValue) {
|
|
|
21
21
|
class AtomicResultTemplate extends LitElement {
|
|
22
22
|
connectedCallback() {
|
|
23
23
|
super.connectedCallback();
|
|
24
|
-
this.resultTemplateController.matchConditions =
|
|
24
|
+
this.resultTemplateController.matchConditions = makeFieldConditions(this, ResultTemplatesHelpers);
|
|
25
25
|
}
|
|
26
26
|
render() {
|
|
27
27
|
return nothing;
|
|
@@ -52,6 +52,20 @@ _ts_decorate([
|
|
|
52
52
|
}),
|
|
53
53
|
_ts_metadata("design:type", Array)
|
|
54
54
|
], AtomicResultTemplate.prototype, "conditions", void 0);
|
|
55
|
+
_ts_decorate([
|
|
56
|
+
property({
|
|
57
|
+
type: String,
|
|
58
|
+
attribute: 'if-defined'
|
|
59
|
+
}),
|
|
60
|
+
_ts_metadata("design:type", String)
|
|
61
|
+
], AtomicResultTemplate.prototype, "ifDefined", void 0);
|
|
62
|
+
_ts_decorate([
|
|
63
|
+
property({
|
|
64
|
+
type: String,
|
|
65
|
+
attribute: 'if-not-defined'
|
|
66
|
+
}),
|
|
67
|
+
_ts_metadata("design:type", String)
|
|
68
|
+
], AtomicResultTemplate.prototype, "ifNotDefined", void 0);
|
|
55
69
|
_ts_decorate([
|
|
56
70
|
mapProperty({
|
|
57
71
|
splitValues: true,
|
|
@@ -394,7 +394,7 @@ AtomicSearchBox.shadowRootOptions = {
|
|
|
394
394
|
...LitElement.shadowRootOptions,
|
|
395
395
|
delegatesFocus: true
|
|
396
396
|
};
|
|
397
|
-
AtomicSearchBox.styles = css`/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme;@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,var(--atomic-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"));font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:host{display:block}:host,button,input,select{font-family:var(--atomic-font-family);font-size:var(--atomic-text-base);line-height:var(--tw-leading,1.5);--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}button{cursor:pointer}:host(.atomic-hidden){display:none}.ripple{pointer-events:none;animation:ripple var(--animation-duration) linear;border-radius:50%;position:absolute;transform:scale(0)}.ripple-relative{position:relative}.ripple-parent{overflow:hidden}@keyframes ripple{to{opacity:0;transform:scale(4)}}}@layer components{.input-primary{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);background-color:var(--atomic-background)}@media (hover:hover){.input-primary:hover{border-color:var(--atomic-primary-light)}}.input-primary:focus-visible{border-color:var(--atomic-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-radio{appearance:none}.btn-radio:before{--tw-content:attr(value);content:var(--tw-content)}.btn-primary{border-radius:var(--atomic-border-radius);background-color:var(--atomic-primary);color:var(--atomic-on-primary)}@media (hover:hover){.btn-primary:hover{background-color:var(--atomic-primary-light)}}.btn-primary:focus-visible{background-color:var(--atomic-primary-light);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-primary:disabled{cursor:not-allowed;background-color:var(--atomic-disabled)}.btn-outline-primary{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);background-color:var(--atomic-background);color:var(--atomic-primary)}@media (hover:hover){.btn-outline-primary:hover{border-color:var(--atomic-primary-light);color:var(--atomic-primary-light)}}.btn-outline-primary:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-primary:disabled{cursor:not-allowed;border-color:var(--atomic-neutral);color:var(--atomic-neutral)}.btn-text-primary{border-radius:var(--atomic-border-radius);background-color:var(--atomic-background);color:var(--atomic-primary)}@media (hover:hover){.btn-text-primary:hover{background-color:var(--atomic-neutral-light)}}.btn-text-primary:focus-visible{background-color:var(--atomic-neutral-light);--tw-outline-style:none;outline-style:none}.btn-outline-neutral{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);background-color:var(--atomic-background);color:var(--atomic-on-background)}@media (hover:hover){.btn-outline-neutral:hover{border-color:var(--atomic-primary);color:var(--atomic-primary)}}.btn-outline-neutral:focus-visible{border-color:var(--atomic-primary);color:var(--atomic-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-neutral:disabled{cursor:not-allowed;opacity:.5}.btn-outline-bg-neutral,.btn-outline-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background)}.btn-outline-bg-neutral{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;background-color:var(--atomic-background)}@media (hover:hover){.btn-outline-bg-neutral:hover{border-color:var(--atomic-primary);background-color:var(--atomic-neutral-light);color:var(--atomic-primary)}}.btn-outline-bg-neutral:focus-visible{border-color:var(--atomic-primary);background-color:var(--atomic-neutral-light);color:var(--atomic-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-neutral:disabled{cursor:not-allowed;opacity:.5}.btn-outline-bg-error,.btn-outline-bg-neutral:disabled{border-color:var(--atomic-neutral);color:var(--atomic-on-background)}.btn-outline-bg-error{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;background-color:var(--atomic-background)}@media (hover:hover){.btn-outline-bg-error:hover{border-color:var(--atomic-primary);background-color:var(--atomic-neutral-light);color:var(--atomic-primary)}}.btn-outline-bg-error:focus-visible{border-color:var(--atomic-primary);background-color:var(--atomic-neutral-light);color:var(--atomic-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-bg-error:disabled{cursor:not-allowed;opacity:.5}.btn-outline-bg-error:disabled,.btn-outline-error{border-color:var(--atomic-neutral);color:var(--atomic-on-background)}.btn-outline-error{border-radius:var(--atomic-border-radius);border-style:var(--tw-border-style);border-width:1px;background-color:var(--atomic-background)}@media (hover:hover){.btn-outline-error:hover{border-color:var(--atomic-error);color:var(--atomic-error)}}.btn-outline-error:focus-visible{border-color:var(--atomic-error);color:var(--atomic-error);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-ring-primary);--tw-outline-style:none;outline-style:none}.btn-outline-error:disabled{cursor:not-allowed;border-color:var(--atomic-neutral);color:var(--atomic-on-background);opacity:.5}.btn-text-neutral{border-radius:var(--atomic-border-radius);background-color:var(--atomic-background);color:var(--atomic-on-background)}@media (hover:hover){.btn-text-neutral:hover{background-color:var(--atomic-neutral-light);color:var(--atomic-primary)}}.btn-text-neutral:focus-visible{background-color:var(--atomic-neutral-light);color:var(--atomic-primary);--tw-outline-style:none;outline-style:none}.btn-text-transparent{color:var(--atomic-on-background)}@media (hover:hover){.btn-text-transparent:hover{color:var(--atomic-primary-light)}}.btn-text-transparent:focus-visible{color:var(--atomic-primary-light)}.btn-square-neutral{border-style:var(--tw-border-style);border-width:1px;border-color:var(--atomic-neutral);background-color:var(--atomic-background);color:var(--atomic-on-background)}@media (hover:hover){.btn-square-neutral:hover{background-color:var(--atomic-neutral-light)}}.btn-square-neutral:focus-visible{background-color:var(--atomic-neutral-light);--tw-outline-style:none;outline-style:none}.btn-page{border-style:var(--tw-border-style);width:2.5rem;height:2.5rem;font-size:var(--atomic-text-lg);line-height:var(--tw-leading,1.55556);border-width:0;place-items:center;display:grid}@media (hover:hover){.btn-page:hover{border-style:var(--tw-border-style);border-width:1px}}.btn-page:focus-visible{border-style:var(--tw-border-style);border-width:1px}.btn-page.selected{border-style:var(--tw-border-style);border-width:2px;border-color:var(--atomic-primary);--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}}@layer utilities{.\\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.-top-2{top:-.5rem}.-top-4{top:-1rem}.top-0{top:0}.top-1\\/2{top:50%}.top-\\[4px\\]{top:4px}.top-full{top:100%}.top-px{top:1px}.-right-2{right:-.5rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-6{right:1.5rem}.right-12{right:3rem}.right-px{right:1px}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-px{bottom:1px}.left-0{left:0}.left-1{left:.25rem}.left-2{left:.5rem}.left-\\[15px\\]{left:15px}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-9998{z-index:9998}.z-9999{z-index:9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.container\\!{width:100%!important}@media (min-width:1024px){.container\\!{max-width:1024px!important}}@media (min-width:40rem){.container\\!{max-width:40rem!important}}@media (min-width:48rem){.container\\!{max-width:48rem!important}}@media (min-width:64rem){.container\\!{max-width:64rem!important}}@media (min-width:80rem){.container\\!{max-width:80rem!important}}@media (min-width:96rem){.container\\!{max-width:96rem!important}}.m-0{margin:0}.m-2{margin:.5rem}.mx-0{margin-inline:0}.mx-0\\.5{margin-inline:.125rem}.mx-1{margin-inline:.25rem}.mx-6{margin-inline:1.5rem}.mx-16{margin-inline:4rem}.mx-auto{margin-inline:auto}.-my-2{margin-block:-.5rem}.my-1\\.5{margin-block:.375rem}.my-2{margin-block:.5rem}.my-3{margin-block:.75rem}.my-4{margin-block:1rem}.my-6{margin-block:1.5rem}.my-auto{margin-block:auto}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-1\\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-px{margin-top:1px}.mr-0{margin-right:0}.mr-0\\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-1\\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mr-auto{margin-right:auto}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-0\\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-3,.line-clamp-4{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-none{-webkit-line-clamp:unset;-webkit-box-orient:horizontal;display:block;overflow:visible}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-column{display:table-column}.aspect-square-\\[auto\\]{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){.aspect-square-\\[auto\\]{height:auto}}.aspect-square{aspect-ratio:1}.size-\\[27px\\]{width:27px;height:27px}.h-1{height:.25rem}.h-2{height:.5rem}.h-2\\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-5\\/6{height:83.3333%}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-\\[1lh\\]{height:1lh}.h-\\[2\\.6rem\\]{height:2.6rem}.h-\\[9px\\]{height:9px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:24rem}.min-h-3{min-height:.75rem}.min-h-5{min-height:1.25rem}.min-h-10{min-height:2.5rem}.min-lines-2{min-height:calc(var(--line-height)*2)}.min-lines-3{min-height:calc(var(--line-height)*3)}.w-0\\.5{width:.125rem}.w-1{width:.25rem}.w-1\\/2{width:50%}.w-2{width:.5rem}.w-2\\.5{width:.625rem}.w-3{width:.75rem}.w-3\\.5{width:.875rem}.w-3\\/5{width:60%}.w-4{width:1rem}.w-5{width:1.25rem}.w-5\\/6{width:83.3333%}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-26{width:6.5rem}.w-32{width:8rem}.w-36{width:9rem}.w-48{width:12rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-100{width:25rem}.w-\\[2\\.6rem\\]{width:2.6rem}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-4\\/5{max-width:80%}.max-w-60{max-width:15rem}.max-w-\\[30ch\\]{max-width:30ch}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-max{max-width:max-content}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-20{min-width:5rem}.min-w-24{min-width:6rem}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.basis-1\\/2{flex-basis:50%}.basis-8{flex-basis:2rem}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-x-1\\/2{translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\\/2{--tw-translate-x:50%}.-translate-y-1\\/2{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%}.scale-100,.scale-75{scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-\\[inherit\\]{cursor:inherit}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.\\[scrollbar-gutter\\:stable_both-edges\\]{scrollbar-gutter:stable both-edges}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-cols-\\[10px_1fr\\]{grid-template-columns:10px 1fr}.grid-cols-\\[min-content_1fr\\]{grid-template-columns:min-content 1fr}.grid-cols-\\[min-content_auto\\]{grid-template-columns:min-content auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.25rem*var(--tw-space-y-reverse));margin-block-end:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.gap-x-1\\.5{column-gap:.375rem}.gap-x-2{column-gap:.5rem}.gap-x-3{column-gap:.75rem}.gap-x-4{column-gap:1rem}:where(.space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(.375rem*var(--tw-space-x-reverse));margin-inline-end:calc(.375rem*(1 - var(--tw-space-x-reverse)))}.gap-y-0\\.5{row-gap:.125rem}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}:where(.divide-neutral>:not(:last-child)){border-color:var(--atomic-neutral)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:var(--atomic-border-radius)}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--atomic-border-radius-lg)}.rounded-md{border-radius:var(--atomic-border-radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--atomic-border-radius)}.rounded-xl{border-radius:var(--atomic-border-radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.border{border-width:1px}.border,.border-0{border-style:var(--tw-border-style)}.border-0{border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-error{border-color:var(--atomic-error)}.border-gray-200{border-color:oklch(92.8% .006 264.531)}.border-neutral{border-color:var(--atomic-neutral)}.border-neutral-dark{border-color:var(--atomic-neutral-dark)}.border-neutral-dim{border-color:var(--atomic-neutral-dim)}.border-primary{border-color:var(--atomic-primary)}.border-primary-light{border-color:var(--atomic-primary-light)}.border-b-neutral-dim{border-bottom-color:var(--atomic-neutral-dim)}.border-l-neutral-dim{border-left-color:var(--atomic-neutral-dim)}.bg-\\[\\#F1F2FF\\]{background-color:#f1f2ff}.bg-\\[rgba\\(40\\,40\\,40\\,0\\.8\\)\\]{background-color:#282828cc}.bg-background{background-color:var(--atomic-background)}.bg-error{background-color:var(--atomic-error)}.bg-gray-50{background-color:oklch(98.5% .002 247.839)}.bg-neutral{background-color:var(--atomic-neutral)}.bg-neutral-dark{background-color:var(--atomic-neutral-dark)}.bg-neutral-dim{background-color:var(--atomic-neutral-dim)}.bg-neutral-light{background-color:var(--atomic-neutral-light)}.bg-primary{background-color:var(--atomic-primary)}.bg-success{background-color:var(--atomic-success)}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bg-linear-to-l{--tw-gradient-position:to left}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-l{--tw-gradient-position:to left in oklab}}.bg-linear-to-l{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-background\\/60{--tw-gradient-from:#fff9}@supports (color:color-mix(in lab,red,red)){.from-background\\/60{--tw-gradient-from:color-mix(in oklab, var(--atomic-background) 60%, transparent)}}.from-background\\/60,.from-more-results-progress-bar-color-from{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-more-results-progress-bar-color-from{--tw-gradient-from:var(--atomic-more-results-progress-bar-color-from,var(--atomic-primary-dark))}.to-more-results-progress-bar-color-to{--tw-gradient-to:var(--atomic-more-results-progress-bar-color-to,var(--atomic-primary-light));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-current{fill:currentColor}.stroke-\\[1\\.25\\]{stroke-width:1.25px}.object-contain{object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-inline:.25rem}.px-2{padding-inline:.5rem}.px-2\\.5{padding-inline:.625rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.px-7{padding-inline:1.75rem}.px-9{padding-inline:2.25rem}.py-0\\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-2\\.5{padding-block:.625rem}.py-3{padding-block:.75rem}.py-3\\.5{padding-block:.875rem}.py-4{padding-block:1rem}.py-4\\.5{padding-block:1.125rem}.py-5{padding-block:1.25rem}.py-6{padding-block:1.5rem}.pt-0\\.5{padding-top:.125rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-24{padding-right:6rem}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-7{padding-left:1.75rem}.pl-9{padding-left:2.25rem}.pl-10{padding-left:2.5rem}.text-center{text-align:center}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.font-sans{font-family:var(--atomic-font-family)}.set-font-size-sm{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}.text-2xl{font-size:var(--atomic-text-2xl);line-height:var(--tw-leading,1.33333)}.text-base{font-size:var(--atomic-text-base);line-height:var(--tw-leading,1.5)}.text-lg{font-size:var(--atomic-text-lg);line-height:var(--tw-leading,1.55556)}.text-sm{font-size:var(--atomic-text-sm);line-height:var(--tw-leading,1.42857)}.text-xl{font-size:var(--atomic-text-xl);line-height:var(--tw-leading,1.4)}.text-xs{font-size:.75rem;line-height:var(--tw-leading,1.33333)}.text-xs\\/\\[1rem\\]{font-size:.75rem;line-height:1rem}.leading-4{--tw-leading:1rem;line-height:1rem}.leading-5{--tw-leading:1.25rem;line-height:1.25rem}.leading-6{--tw-leading:1.5rem;line-height:1.5rem}.leading-8{--tw-leading:2rem;line-height:2rem}.leading-10{--tw-leading:2.5rem;line-height:2.5rem}.leading-\\[1\\.5\\]{--tw-leading:1.5;line-height:1.5}.leading-\\[calc\\(1\\/\\.75\\)\\]{--tw-leading:1.33333;line-height:1.33333}.leading-\\[var\\(--line-height\\)\\]{--tw-leading:var(--line-height);line-height:var(--line-height)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--atomic-font-bold);font-weight:var(--atomic-font-bold)}.font-light{--tw-font-weight:300;font-weight:300}.font-medium{--tw-font-weight:500;font-weight:500}.font-normal{--tw-font-weight:var(--atomic-font-normal);font-weight:var(--atomic-font-normal)}.font-semibold{--tw-font-weight:600;font-weight:600}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\\[\\#54698D\\]{color:#54698d}.text-\\[inherit\\]{color:inherit}.text-black{color:#000}.text-error{color:var(--atomic-error)}.text-gray-500{color:oklch(55.1% .027 264.364)}.text-gray-600{color:oklch(44.6% .03 256.802)}.text-gray-700{color:oklch(37.3% .034 259.733)}.text-gray-900{color:oklch(21% .034 264.665)}.text-green-600{color:oklch(62.7% .194 149.214)}.text-inline-code{color:var(--atomic-inline-code)}.text-neutral{color:var(--atomic-neutral)}.text-neutral-dark{color:var(--atomic-neutral-dark)}.text-on-background{color:var(--atomic-on-background)}.text-on-primary{color:var(--atomic-on-primary)}.text-primary{color:var(--atomic-primary)}.text-primary-light{color:var(--atomic-primary-light)}.text-rating-icon-active{color:var(--atomic-rating-icon-active-color,#f6ce3c)}.text-rating-icon-inactive{color:var(--atomic-rating-icon-inactive-color,var(--atomic-neutral))}.text-red-600{color:oklch(57.7% .245 27.325)}.text-success{color:var(--atomic-success)}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.placeholder-neutral-dark::placeholder{color:var(--atomic-neutral-dark)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-inner-primary{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner-primary{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--atomic-primary))}.shadow-lg{--tw-shadow:0px 2px 8px var(--tw-shadow-color,#e5e8e8bf)}.shadow-lg,.shadow-t-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-t-lg{--tw-shadow:0px -2px 8px var(--tw-shadow-color,#e5e8e8bf)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring,.ring-1,.ring-3{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.ring-primary{--tw-ring-color:var(--atomic-primary)}.ring-ring-primary{--tw-ring-color:var(--atomic-ring-primary)}.outline{outline-width:1px}.outline,.outline-2{outline-style:var(--tw-outline-style)}.outline-2{outline-width:2px}.outline-error{outline-color:var(--atomic-error)}.outline-neutral{outline-color:var(--atomic-neutral)}.outline-primary{outline-color:var(--atomic-primary)}.blur{--tw-blur:blur(8px)}.blur,.grayscale{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,)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.filter,.invert{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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events}.transition,.transition-\\[visibility\\]{transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-\\[visibility\\]{transition-property:visibility}.transition-all{transition-property:all}.transition-all,.transition-colors{transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:cubic-bezier(.4, 0, .2, 1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.outline-none{--tw-outline-style:none;outline-style:none}.\\[grid-area\\:modal\\]{grid-area:modal}@media (hover:hover){.group-hover\\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\\:bg-neutral-dark:is(:where(.group):hover *){background-color:var(--atomic-neutral-dark)}.group-hover\\:text-error:is(:where(.group):hover *){color:var(--atomic-error)}.group-hover\\:text-primary:is(:where(.group):hover *){color:var(--atomic-primary)}.group-hover\\:text-primary-light:is(:where(.group):hover *){color:var(--atomic-primary-light)}}.group-focus\\:text-primary:is(:where(.group):focus *){color:var(--atomic-primary)}.group-focus\\:text-primary-light:is(:where(.group):focus *){color:var(--atomic-primary-light)}.group-focus-visible\\:text-error:is(:where(.group):focus-visible *){color:var(--atomic-error)}.group-focus-visible\\:text-primary:is(:where(.group):focus-visible *){color:var(--atomic-primary)}.group-has-\\[button\\:hover\\]\\/title\\:bg-neutral-dark:is(:where(.group\\/title):has(:is(button:hover)) *){background-color:var(--atomic-neutral-dark)}.peer-focus-within\\:border-primary-light:is(:where(.peer):focus-within~*){border-color:var(--atomic-primary-light)}.peer-focus-within\\:text-primary-light:is(:where(.peer):focus-within~*){color:var(--atomic-primary-light)}@media (hover:hover){.peer-hover\\:border-primary-light:is(:where(.peer):hover~*){border-color:var(--atomic-primary-light)}.peer-hover\\:text-error:is(:where(.peer):hover~*){color:var(--atomic-error)}.peer-hover\\:text-primary-light:is(:where(.peer):hover~*){color:var(--atomic-primary-light)}}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:top-\\[-8px\\]:before{content:var(--tw-content);top:-8px}.before\\:left-0:before{content:var(--tw-content);left:0}.before\\:inline:before{content:var(--tw-content);display:inline}.before\\:h-\\[8px\\]:before{content:var(--tw-content);height:8px}.before\\:w-px:before{content:var(--tw-content);width:1px}.before\\:bg-neutral:before{content:var(--tw-content);background-color:var(--atomic-neutral)}.before\\:transition-colors:before{content:var(--tw-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.before\\:duration-150:before{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.before\\:content-\\[\\'\\'\\]:before{--tw-content:"";content:var(--tw-content)}.before\\:content-\\[\\'\\,\\\\00a0\\'\\]:before{--tw-content:", ";content:var(--tw-content)}@media (hover:hover){.group-hover\\:before\\:bg-neutral-dark:is(:where(.group):hover *):before{content:var(--tw-content);background-color:var(--atomic-neutral-dark)}}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:-bottom-0\\.5:after{content:var(--tw-content);bottom:-.125rem}.after\\:bottom-\\[-8px\\]:after{content:var(--tw-content);bottom:-8px}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:block:after{content:var(--tw-content);display:block}.after\\:h-1:after{content:var(--tw-content);height:.25rem}.after\\:h-\\[8px\\]:after{content:var(--tw-content);height:8px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:w-px:after{content:var(--tw-content);width:1px}.after\\:rounded:after{content:var(--tw-content);border-radius:var(--atomic-border-radius)}.after\\:bg-neutral:after{content:var(--tw-content);background-color:var(--atomic-neutral)}.after\\:bg-primary:after{content:var(--tw-content);background-color:var(--atomic-primary)}.after\\:transition-colors:after{content:var(--tw-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.after\\:duration-150:after{content:var(--tw-content);--tw-duration:.15s;transition-duration:.15s}.after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}@media (hover:hover){.group-hover\\:after\\:bg-neutral-dark:is(:where(.group):hover *):after{content:var(--tw-content);background-color:var(--atomic-neutral-dark)}}.focus-within\\:border-disabled:focus-within{border-color:var(--atomic-disabled)}.focus-within\\:border-primary:focus-within{border-color:var(--atomic-primary)}.focus-within\\:ring-3:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:ring-neutral:focus-within{--tw-ring-color:var(--atomic-neutral)}.focus-within\\:ring-ring-primary:focus-within{--tw-ring-color:var(--atomic-ring-primary)}@media (hover:hover){.hover\\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\\:border-error:hover{border-color:var(--atomic-error)}.hover\\:border-primary-light:hover{border-color:var(--atomic-primary-light)}.hover\\:bg-error:hover{background-color:var(--atomic-error)}.hover\\:bg-neutral:hover{background-color:var(--atomic-neutral)}.hover\\:bg-neutral-dark:hover{background-color:var(--atomic-neutral-dark)}.hover\\:bg-neutral-light:hover{background-color:var(--atomic-neutral-light)}.hover\\:bg-primary-light:hover{background-color:var(--atomic-primary-light)}.hover\\:bg-transparent:hover{background-color:#0000}.hover\\:fill-white:hover{fill:#fff}.hover\\:text-error:hover{color:var(--atomic-error)}.hover\\:text-primary:hover{color:var(--atomic-primary)}.hover\\:text-primary-light:hover{color:var(--atomic-primary-light)}.hover\\:text-success:hover{color:var(--atomic-success)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-100:hover{opacity:1}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:opacity-100:focus{opacity:1}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\\:border:focus-visible{border-style:var(--tw-border-style);border-width:1px}.focus-visible\\:border-error:focus-visible{border-color:var(--atomic-error)}.focus-visible\\:border-primary:focus-visible{border-color:var(--atomic-primary)}.focus-visible\\:border-primary-light:focus-visible{border-color:var(--atomic-primary-light)}.focus-visible\\:bg-error:focus-visible{background-color:var(--atomic-error)}.focus-visible\\:bg-neutral-light:focus-visible{background-color:var(--atomic-neutral-light)}.focus-visible\\:bg-primary-light:focus-visible{background-color:var(--atomic-primary-light)}.focus-visible\\:text-primary:focus-visible{color:var(--atomic-primary)}.focus-visible\\:text-primary-light:focus-visible{color:var(--atomic-primary-light)}.focus-visible\\:underline:focus-visible{text-decoration-line:underline}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-primary:focus-visible{--tw-ring-color:var(--atomic-primary)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\\:bg-primary\\/60:disabled{background-color:#126ce099}@supports (color:color-mix(in lab,red,red)){.disabled\\:bg-primary\\/60:disabled{background-color:color-mix(in oklab,var(--atomic-primary) 60%,transparent)}}.disabled\\:opacity-100:disabled{opacity:1}@media (min-width:1024px){.desktop\\:mt-2{margin-top:.5rem}}@media (min-width:40rem){.sm\\:px-6{padding-inline:1.5rem}}.\\[part\\=\\"breadcrumb-button\\"\\]\\:visible:is(){visibility:visible}}.loading{--tw-gradient-from:var(--atomic-primary-dark);--tw-gradient-to:var(--atomic-primary-light);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.loading:after{content:"";background-color:var(--atomic-background);border-radius:3.40282e+38px;width:83.3333%;height:83.3333%;position:absolute}[part=textarea-expander]:after{content:attr(data-replicated-value) " ";visibility:hidden}[part=textarea-expander]>[part=textarea]{-ms-overflow-style:none;scrollbar-width:none}[part=textarea-expander]>[part=textarea]::-webkit-scrollbar{display:none}[part=textarea-expander]:after,[part=textarea-expander]>[part=textarea]{z-index:10;resize:none;height:100%;font-size:var(--atomic-text-lg);line-height:var(--tw-leading,1.55556);white-space:nowrap;color:var(--atomic-neutral-dark);--tw-outline-style:none;background-color:#0000;outline-style:none;flex-grow:1;grid-area:1/1/2/2;padding-block:.875rem;padding-inline:1rem;overflow:hidden}[part=textarea-expander].expanded:after,[part=textarea-expander].expanded>[part=textarea]{white-space:pre-wrap;max-height:8em;overflow-y:auto}[part~=instant-results-item]{padding:.75rem}[part~=instant-results-show-all]{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--atomic-neutral);box-sizing:content-box;justify-content:center;margin-top:auto;padding-block:.25rem}[part~=instant-results-show-all] button{background-color:#0000}[part~=suggestions-left]+[part~=suggestions-right]{border-left-style:var(--tw-border-style);border-left-width:1px;border-left-color:var(--atomic-neutral)}[part~=suggestions-wrapper]{flex-direction:column}@media (min-width:1024px){[part~=suggestions-wrapper]{flex-direction:row}}:host{z-index:10;position:relative}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{50%{opacity:.5}}`;
|
|
397
|
+
AtomicSearchBox.styles = css`/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-border-style:solid}}}.loading{--tw-gradient-from:var(--atomic-primary-dark);--tw-gradient-to:var(--atomic-primary-light);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.loading:after{content:"";background-color:var(--atomic-background);border-radius:3.40282e+38px;width:83.3333%;height:83.3333%;position:absolute}[part=textarea-expander]:after{content:attr(data-replicated-value) " ";visibility:hidden}[part=textarea-expander]>[part=textarea]{-ms-overflow-style:none;scrollbar-width:none}[part=textarea-expander]>[part=textarea]::-webkit-scrollbar{display:none}[part=textarea-expander]:after,[part=textarea-expander]>[part=textarea]{z-index:10;resize:none;height:100%;font-size:var(--atomic-text-lg);line-height:var(--tw-leading,1.55556);white-space:nowrap;color:var(--atomic-neutral-dark);--tw-outline-style:none;background-color:#0000;outline-style:none;flex-grow:1;grid-area:1/1/2/2;padding-block:.875rem;padding-inline:1rem;overflow:hidden}[part=textarea-expander].expanded:after,[part=textarea-expander].expanded>[part=textarea]{white-space:pre-wrap;max-height:8em;overflow-y:auto}[part~=instant-results-item]{padding:.75rem}[part~=instant-results-show-all]{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--atomic-neutral);box-sizing:content-box;justify-content:center;margin-top:auto;padding-block:.25rem}[part~=instant-results-show-all] button{background-color:#0000}[part~=suggestions-left]+[part~=suggestions-right]{border-left-style:var(--tw-border-style);border-left-width:1px;border-left-color:var(--atomic-neutral)}[part~=suggestions-wrapper]{flex-direction:column}@media (min-width:1024px){[part~=suggestions-wrapper]{flex-direction:row}}:host{z-index:10;position:relative}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}`;
|
|
398
398
|
_ts_decorate([
|
|
399
399
|
state(),
|
|
400
400
|
_ts_metadata("design:type", "u" < typeof Bindings ? Object : Bindings)
|
|
@@ -1,24 +1,54 @@
|
|
|
1
|
+
const subscriptionsByComponent = new WeakMap();
|
|
2
|
+
function getSubscriptions(component) {
|
|
3
|
+
let subscriptions = subscriptionsByComponent.get(component);
|
|
4
|
+
if (!subscriptions) {
|
|
5
|
+
const newSubscriptions = new Set();
|
|
6
|
+
subscriptionsByComponent.set(component, newSubscriptions);
|
|
7
|
+
component.addController({
|
|
8
|
+
hostConnected () {
|
|
9
|
+
newSubscriptions.forEach((subscription)=>{
|
|
10
|
+
subscription.unsubscribe ??= subscription.subscribe();
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
hostDisconnected () {
|
|
14
|
+
if (component.isConnected) return;
|
|
15
|
+
newSubscriptions.forEach((subscription)=>{
|
|
16
|
+
subscription.unsubscribe?.();
|
|
17
|
+
subscription.unsubscribe = void 0;
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
subscriptions = newSubscriptions;
|
|
22
|
+
}
|
|
23
|
+
return subscriptions;
|
|
24
|
+
}
|
|
25
|
+
function releaseSubscriptions(component) {
|
|
26
|
+
const subscriptions = subscriptionsByComponent.get(component);
|
|
27
|
+
subscriptions?.forEach((subscription)=>subscription.unsubscribe?.());
|
|
28
|
+
subscriptions?.clear();
|
|
29
|
+
}
|
|
1
30
|
function bindStateToController(controllerProperty, options) {
|
|
2
31
|
return (proto, stateProperty)=>{
|
|
3
32
|
const ctor = proto.constructor;
|
|
4
33
|
ctor.addInitializer((instance)=>{
|
|
5
34
|
const component = instance;
|
|
6
|
-
const {
|
|
35
|
+
const { initialize } = component;
|
|
7
36
|
component.initialize = function() {
|
|
37
|
+
releaseSubscriptions(component);
|
|
8
38
|
initialize?.call(this);
|
|
9
39
|
if (!initialize) return console.error(`ControllerState: The "initialize" method has to be defined and instantiate a controller for the property ${controllerProperty.toString()}`, component);
|
|
10
40
|
if (!component[controllerProperty]) return console.error(`${controllerProperty.toString()} property is not defined on component`, component);
|
|
11
41
|
if (options?.onUpdateCallbackMethod && !component[options.onUpdateCallbackMethod]) return console.error(`ControllerState: The onUpdateCallbackMethod property "${options.onUpdateCallbackMethod}" is not defined`, component);
|
|
12
42
|
const controller = component[controllerProperty];
|
|
13
43
|
const updateCallback = options?.onUpdateCallbackMethod ? component[options.onUpdateCallbackMethod] : void 0;
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
component.isConnected || unsubscribeController?.();
|
|
20
|
-
disconnectedCallback?.call(component);
|
|
44
|
+
const subscription = {
|
|
45
|
+
subscribe: ()=>controller.subscribe(()=>{
|
|
46
|
+
component[stateProperty] = controller.state;
|
|
47
|
+
'function' == typeof updateCallback && updateCallback();
|
|
48
|
+
})
|
|
21
49
|
};
|
|
50
|
+
if (component.isConnected) subscription.unsubscribe = subscription.subscribe();
|
|
51
|
+
getSubscriptions(component).add(subscription);
|
|
22
52
|
};
|
|
23
53
|
});
|
|
24
54
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { unsafeCSS } from "lit";
|
|
2
2
|
import tailwind_global_tw from "../utils/tailwind.global.tw.css";
|
|
3
|
+
const tailwindStyles = unsafeCSS(tailwind_global_tw);
|
|
3
4
|
const tailwindPropertiesSheet = "u" > typeof window ? (()=>{
|
|
4
5
|
const propCss = tailwind_global_tw;
|
|
5
6
|
const fullCss = Array.isArray(propCss) ? propCss.join('') : propCss;
|
|
@@ -26,7 +27,7 @@ const withTailwindStyles = (Base)=>class extends Base {
|
|
|
26
27
|
}
|
|
27
28
|
static get styles() {
|
|
28
29
|
const baseStyles = [
|
|
29
|
-
|
|
30
|
+
tailwindStyles
|
|
30
31
|
];
|
|
31
32
|
const customStyles = Base.styles;
|
|
32
33
|
if (Array.isArray(customStyles)) return [
|
|
@@ -2,11 +2,13 @@ function getWindow() {
|
|
|
2
2
|
return window;
|
|
3
3
|
}
|
|
4
4
|
function getInitQueueNamespace() {
|
|
5
|
-
|
|
6
|
-
eventQueueMap: new
|
|
7
|
-
parentReadyMap: new
|
|
5
|
+
const namespace = getWindow().initQueueNamespace ??= {
|
|
6
|
+
eventQueueMap: new WeakMap(),
|
|
7
|
+
parentReadyMap: new WeakMap()
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
if (namespace.eventQueueMap instanceof Map) namespace.eventQueueMap = new WeakMap(namespace.eventQueueMap);
|
|
10
|
+
if (namespace.parentReadyMap instanceof Map) namespace.parentReadyMap = new WeakMap(namespace.parentReadyMap);
|
|
11
|
+
return namespace;
|
|
10
12
|
}
|
|
11
13
|
function getEventQueueMap() {
|
|
12
14
|
return getInitQueueNamespace().eventQueueMap;
|
|
@@ -5,11 +5,16 @@ function replaceMediaQuery(style, mobileBreakpoint) {
|
|
|
5
5
|
return style.replace(regex, `(width >= ${mobileBreakpoint})`);
|
|
6
6
|
}
|
|
7
7
|
function replaceStyleSheet(element, mobileBreakpoint) {
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
const shadowRoot = element.shadowRoot;
|
|
9
|
+
const [stylesheet, ...otherStylesheets] = shadowRoot?.adoptedStyleSheets ?? [];
|
|
10
|
+
if (!shadowRoot || !stylesheet) return;
|
|
11
11
|
const style = Object.values(stylesheet.cssRules).map((rule)=>rule.cssText).join('');
|
|
12
|
-
|
|
12
|
+
const replacedStylesheet = new CSSStyleSheet();
|
|
13
|
+
replacedStylesheet.replaceSync(replaceMediaQuery(style, mobileBreakpoint));
|
|
14
|
+
shadowRoot.adoptedStyleSheets = [
|
|
15
|
+
replacedStylesheet,
|
|
16
|
+
...otherStylesheets
|
|
17
|
+
];
|
|
13
18
|
}
|
|
14
19
|
function replateStyleContent(element, breakpoint) {
|
|
15
20
|
const styleTag = element.shadowRoot?.querySelector('style');
|
package/dist/esm/versions.js
CHANGED
|
@@ -21,6 +21,18 @@ export declare class AtomicProductTemplate extends LitElement implements LitElem
|
|
|
21
21
|
* `document.querySelector('#target-template').conditions = [(product) => /singapore/i.test(product.ec_name)];`
|
|
22
22
|
*/
|
|
23
23
|
conditions: ProductTemplateCondition[];
|
|
24
|
+
/**
|
|
25
|
+
* The comma-separated list of fields that must all be defined on a product for the template to apply.
|
|
26
|
+
* For example, a template with the following attribute only applies to products whose `ec_brand` and `ec_rating` fields are both defined:
|
|
27
|
+
* `if-defined="ec_brand,ec_rating"`
|
|
28
|
+
*/
|
|
29
|
+
ifDefined?: string;
|
|
30
|
+
/**
|
|
31
|
+
* The comma-separated list of fields that must all be undefined on a product for the template to apply.
|
|
32
|
+
* For example, a template with the following attribute only applies to products that have neither an `ec_brand` nor an `ec_rating` field:
|
|
33
|
+
* `if-not-defined="ec_brand,ec_rating"`
|
|
34
|
+
*/
|
|
35
|
+
ifNotDefined?: string;
|
|
24
36
|
/**
|
|
25
37
|
* The field and values that define which products the condition must be applied to.
|
|
26
38
|
* For example, a template with the following attribute only applies to products whose `ec_brand` is `Barca` or `Acme`:
|
package/dist/types/components/common/atomic-smart-snippet-source/atomic-smart-snippet-source.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ declare const AtomicSmartSnippetSource_base: import("../../../mixins/mixin-commo
|
|
|
12
12
|
* @part source-title - The clickable title of the source.
|
|
13
13
|
* @event select-source - Emitted when the source link is selected.
|
|
14
14
|
* @event begin-delayed-select-source - Emitted when a delayed source selection begins.
|
|
15
|
-
* @event cancel-
|
|
15
|
+
* @event cancel-pending-select-source - Emitted when a pending source selection is cancelled.
|
|
16
16
|
* @internal
|
|
17
17
|
*/
|
|
18
18
|
export declare class AtomicSmartSnippetSource extends AtomicSmartSnippetSource_base implements InitializableComponent<AnyBindings> {
|
|
@@ -25,17 +25,17 @@ export declare class AtomicSmartSnippetSource extends AtomicSmartSnippetSource_b
|
|
|
25
25
|
*/
|
|
26
26
|
anchorAttributes?: Attr[];
|
|
27
27
|
/**
|
|
28
|
-
* @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the event using the `@
|
|
28
|
+
* @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the `select-source` event instead, using the `@select-source` expression.
|
|
29
29
|
* Callback function for when the source is selected (backward compatibility).
|
|
30
30
|
*/
|
|
31
31
|
onSelectSource?: () => void;
|
|
32
32
|
/**
|
|
33
|
-
* @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the event using the `@
|
|
33
|
+
* @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the `begin-delayed-select-source` event instead, using the `@begin-delayed-select-source` expression.
|
|
34
34
|
* Callback function for when a delayed source selection begins (backward compatibility).
|
|
35
35
|
*/
|
|
36
36
|
onBeginDelayedSelectSource?: () => void;
|
|
37
37
|
/**
|
|
38
|
-
* @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the event using the `@
|
|
38
|
+
* @deprecated Only here to support backward compatibility with Stencil components. Lit components should listen to the `cancel-pending-select-source` event instead, using the `@cancel-pending-select-source` expression.
|
|
39
39
|
* Callback function for when a pending source selection is cancelled (backward compatibility).
|
|
40
40
|
*/
|
|
41
41
|
onCancelPendingSelectSource?: () => void;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import type { Facet, FacetSearchState } from '@coveo/headless';
|
|
2
2
|
import type { i18n } from 'i18next';
|
|
3
|
-
|
|
3
|
+
import type { ReactiveControllerHost } from 'lit';
|
|
4
|
+
/**
|
|
5
|
+
* Announces the number of facet search results through `setAriaLive` whenever a facet search
|
|
6
|
+
* completes. The facet subscription follows the lifecycle of `host`: it is released when the host
|
|
7
|
+
* leaves the DOM and restored when it comes back, without repeating the last announcement.
|
|
8
|
+
*/
|
|
9
|
+
export declare function announceFacetSearchResultsWithAriaLive(host: ReactiveControllerHost & Element, facet: Pick<Facet, 'subscribe'> & {
|
|
4
10
|
state: {
|
|
5
11
|
facetSearch: FacetSearchState;
|
|
6
12
|
};
|
|
@@ -3,5 +3,11 @@ import '../../common/atomic-icon/atomic-icon';
|
|
|
3
3
|
interface QueryErrorIconProps {
|
|
4
4
|
errorType?: string;
|
|
5
5
|
}
|
|
6
|
+
/**
|
|
7
|
+
* Returns the illustration of an error type. The `Disconnected` illustration is bundled because the
|
|
8
|
+
* network may be down when it shows. The others are fetched when an error renders; if that fails,
|
|
9
|
+
* the error shows without an illustration.
|
|
10
|
+
*/
|
|
11
|
+
export declare const loadQueryErrorIcon: (errorType?: string, loadIcons?: () => Promise<typeof import("./icons")>) => string | Promise<string>;
|
|
6
12
|
export declare const renderQueryErrorIcon: FunctionalComponent<QueryErrorIconProps>;
|
|
7
13
|
export {};
|
|
@@ -6,3 +6,10 @@ export interface TemplateHelpers<TCondition> {
|
|
|
6
6
|
}
|
|
7
7
|
export declare function makeMatchConditions<TCondition>(mustMatch: Record<string, string[]>, mustNotMatch: Record<string, string[]>, helpers: TemplateHelpers<TCondition>): TCondition[];
|
|
8
8
|
export declare function makeDefinedConditions<TCondition>(ifDefined: string | undefined, ifNotDefined: string | undefined, helpers: TemplateHelpers<TCondition>): TCondition[];
|
|
9
|
+
export interface FieldConditionProps {
|
|
10
|
+
ifDefined?: string;
|
|
11
|
+
ifNotDefined?: string;
|
|
12
|
+
mustMatch: Record<string, string[]>;
|
|
13
|
+
mustNotMatch: Record<string, string[]>;
|
|
14
|
+
}
|
|
15
|
+
export declare function makeFieldConditions<TCondition>({ ifDefined, ifNotDefined, mustMatch, mustNotMatch }: FieldConditionProps, helpers: TemplateHelpers<TCondition>): TCondition[];
|
|
@@ -17,16 +17,16 @@ export declare class AtomicInsightResultChildrenTemplate extends LitElement impl
|
|
|
17
17
|
*/
|
|
18
18
|
conditions: InsightResultTemplateCondition[];
|
|
19
19
|
/**
|
|
20
|
-
* The
|
|
20
|
+
* The comma-separated list of fields that must all be defined on a child result for the template to apply.
|
|
21
21
|
*
|
|
22
|
-
* For example, a template with the following attribute only applies to child results whose `filetype` and `sourcetype` fields are defined:
|
|
22
|
+
* For example, a template with the following attribute only applies to child results whose `filetype` and `sourcetype` fields are both defined:
|
|
23
23
|
* `if-defined="filetype,sourcetype"`
|
|
24
24
|
*/
|
|
25
25
|
ifDefined?: string;
|
|
26
26
|
/**
|
|
27
|
-
* The
|
|
27
|
+
* The comma-separated list of fields that must all be undefined on a child result for the template to apply.
|
|
28
28
|
*
|
|
29
|
-
* For example, a template with the following attribute only applies to child results
|
|
29
|
+
* For example, a template with the following attribute only applies to child results that have neither a `filetype` nor a `sourcetype` field:
|
|
30
30
|
* `if-not-defined="filetype,sourcetype"`
|
|
31
31
|
*/
|
|
32
32
|
ifNotDefined?: string;
|
|
@@ -19,6 +19,18 @@ export declare class AtomicInsightResultTemplate extends LitElement implements L
|
|
|
19
19
|
* `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
|
|
20
20
|
*/
|
|
21
21
|
conditions: InsightResultTemplateCondition[];
|
|
22
|
+
/**
|
|
23
|
+
* The comma-separated list of fields that must all be defined on a result for the template to apply.
|
|
24
|
+
*
|
|
25
|
+
* For example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined: `if-defined="author,date"`
|
|
26
|
+
*/
|
|
27
|
+
ifDefined?: string;
|
|
28
|
+
/**
|
|
29
|
+
* The comma-separated list of fields that must all be undefined on a result for the template to apply.
|
|
30
|
+
*
|
|
31
|
+
* For example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field: `if-not-defined="author,date"`
|
|
32
|
+
*/
|
|
33
|
+
ifNotDefined?: string;
|
|
22
34
|
/**
|
|
23
35
|
* The field and values that define which result items the condition must be applied to.
|
|
24
36
|
*
|
|
@@ -24,6 +24,18 @@ export declare class AtomicRecsResultTemplate extends LitElement implements LitE
|
|
|
24
24
|
* `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
|
|
25
25
|
*/
|
|
26
26
|
conditions: RecsResultTemplateCondition[];
|
|
27
|
+
/**
|
|
28
|
+
* The comma-separated list of fields that must all be defined on a result for the template to apply.
|
|
29
|
+
* For example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined:
|
|
30
|
+
* `if-defined="author,date"`
|
|
31
|
+
*/
|
|
32
|
+
ifDefined?: string;
|
|
33
|
+
/**
|
|
34
|
+
* The comma-separated list of fields that must all be undefined on a result for the template to apply.
|
|
35
|
+
* For example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field:
|
|
36
|
+
* `if-not-defined="author,date"`
|
|
37
|
+
*/
|
|
38
|
+
ifNotDefined?: string;
|
|
27
39
|
/**
|
|
28
40
|
* The field and values that define which result items the condition must be applied to.
|
|
29
41
|
* For example, a template with the following attribute only applies to result items whose `filetype` is `lithiummessage` or `YouTubePlaylist`:
|
|
@@ -18,6 +18,18 @@ export declare class AtomicResultChildrenTemplate extends LitElement implements
|
|
|
18
18
|
* `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
|
|
19
19
|
*/
|
|
20
20
|
conditions: ResultTemplateCondition[];
|
|
21
|
+
/**
|
|
22
|
+
* The comma-separated list of fields that must all be defined on a child result for the template to apply.
|
|
23
|
+
* For example, a template with the following attribute only applies to child results whose `author` and `date` fields are both defined:
|
|
24
|
+
* `if-defined="author,date"`
|
|
25
|
+
*/
|
|
26
|
+
ifDefined?: string;
|
|
27
|
+
/**
|
|
28
|
+
* The comma-separated list of fields that must all be undefined on a child result for the template to apply.
|
|
29
|
+
* For example, a template with the following attribute only applies to child results that have neither an `author` nor a `date` field:
|
|
30
|
+
* `if-not-defined="author,date"`
|
|
31
|
+
*/
|
|
32
|
+
ifNotDefined?: string;
|
|
21
33
|
/**
|
|
22
34
|
* The field and values that define which child results the condition must be applied to.
|
|
23
35
|
* For example, a template with the following attribute only applies to child results whose `filetype` is `lithiummessage` or `YouTubePlaylist`:
|
|
@@ -20,6 +20,18 @@ export declare class AtomicResultTemplate extends LitElement implements LitEleme
|
|
|
20
20
|
* `document.querySelector('#target-template').conditions = [(result) => /singapore/i.test(result.title)];`
|
|
21
21
|
*/
|
|
22
22
|
conditions: ResultTemplateCondition[];
|
|
23
|
+
/**
|
|
24
|
+
* The comma-separated list of fields that must all be defined on a result for the template to apply.
|
|
25
|
+
* For example, a template with the following attribute only applies to results whose `author` and `date` fields are both defined:
|
|
26
|
+
* `if-defined="author,date"`
|
|
27
|
+
*/
|
|
28
|
+
ifDefined?: string;
|
|
29
|
+
/**
|
|
30
|
+
* The comma-separated list of fields that must all be undefined on a result for the template to apply.
|
|
31
|
+
* For example, a template with the following attribute only applies to results that have neither an `author` nor a `date` field:
|
|
32
|
+
* `if-not-defined="author,date"`
|
|
33
|
+
*/
|
|
34
|
+
ifNotDefined?: string;
|
|
23
35
|
/**
|
|
24
36
|
* The field and values that define which results the condition must be applied to.
|
|
25
37
|
* For example, a template with the following attribute only applies to results whose `sourcetype` is `YouTube` or `Salesforce`:
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import type { InitializeEventHandler } from './initialization-common-utils';
|
|
2
2
|
export type InitializeEvent = CustomEvent<InitializeEventHandler>;
|
|
3
|
+
type ElementMap<V> = Map<Element, V> | WeakMap<Element, V>;
|
|
3
4
|
declare global {
|
|
4
5
|
interface Window {
|
|
5
6
|
initQueueNamespace: {
|
|
6
|
-
eventQueueMap:
|
|
7
|
-
parentReadyMap:
|
|
7
|
+
eventQueueMap: ElementMap<QueuedEvent[]>;
|
|
8
|
+
parentReadyMap: ElementMap<boolean>;
|
|
8
9
|
};
|
|
9
10
|
}
|
|
10
11
|
}
|