@coveo/atomic 3.34.0-pre.616c4e348b → 3.34.0-pre.61b8e221e3

package/dist/atomic/components/atomic-result-placeholder2.js.map

@@ -1 +1 @@
-{"file":"atomic-result-placeholder2.js","mappings":";;;AAAA,MAAM,0BAA0B,GAAG,ml2WAAml2W,CAAC;AACvn2W,sCAAe,0BAA0B;;ACOzC,MAAM,kBAAkB,GAAG,wCAAwC,CAAC;MAWvD,uBAAuB;;;;;;;;;IAK1B,iBAAiB,CAAC,KAAa;QACrC,QACE,WACE,KAAK,EAAE;gBACL,MAAM,EAAE,oBAAoB;gBAC5B,KAAK;aACN,IAED,WACE,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,EAAC,MAAM,EAAE,kBAAkB,EAAC,GAC9B,CACH,EACN;KACH;IAEM,MAAM;QACX,QACE,4DACE,KAAK,EAAE,uDAAuD,qBAAqB,CACjF,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,SAAS,CACf;iBACE,IAAI,CAAC,GAAG,CAAC;iBACT,IAAI,EAAE,EAAE,IAEX,uFACE,4DAAK,KAAK,EAAE,kBAAkB,GAAQ,CACT,EAC/B,uFACE,4DAAK,KAAK,EAAE,SAAS,kBAAkB,EAAE,GAAQ,CACpB,EAC/B,wFACE,4DAAK,KAAK,EAAE,UAAU,kBAAkB,EAAE,GAAQ,CACpB,EAChC,sFACE,4DAAK,KAAK,EAAE,SAAS,kBAAkB,EAAE,GAAQ,CACrB,EAC9B,wFACG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAC9B,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC7B,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CACA,EAChC,gGACE,4DAAK,KAAK,EAAC,oBAAoB,IAC5B,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,CAAC,EAAC,EAAE,OACvB,WACE,KAAK,EAAE,2BAA2B,kBAAkB,EAAE,GACjD,CACR,CAAC,CACE,CACgC,CACpC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/common/atomic-result-placeholder/atomic-result-placeholder.pcss?tag=atomic-result-placeholder&encapsulation=shadow","src/components/common/atomic-result-placeholder/atomic-result-placeholder.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n@import '../template-system/template-system.pcss';\n\n:host {\n  @apply atomic-template-system;\n\n  .result-root {\n    &.display-grid {\n      atomic-result-section-actions {\n        display: none;\n      }\n    }\n\n    .badge {\n      width: 14rem;\n    }\n\n    .action {\n      width: 10rem;\n    }\n\n    .title {\n      display: grid;\n      grid-auto-flow: column;\n      grid-gap: 0.5rem;\n      height: var(--line-height);\n      width: 30rem;\n      max-width: 100%;\n    }\n\n    .fields-placeholder {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, min(11rem, 40%));\n      grid-column-gap: 0.5rem;\n\n      .field-value-placeholder {\n        height: var(--font-size);\n        margin: calc((var(--line-height) - var(--font-size)) / 2) 0;\n      }\n    }\n  }\n}\n","import {Component, h, Prop} from '@stencil/core';\nimport {\n  ItemDisplayLayout,\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  getItemDisplayClasses,\n} from '../../common/layout/display-options';\n\nconst placeholderClasses = 'block bg-neutral w-full h-full rounded';\n\n/**\n * The `atomic-result-placeholder` component provides an intermediate visual state that is rendered before the first results are available.\n * @internal\n */\n@Component({\n  tag: 'atomic-result-placeholder',\n  styleUrl: 'atomic-result-placeholder.pcss',\n  shadow: true,\n})\nexport class AtomicResultPlaceholder {\n  @Prop() display!: ItemDisplayLayout;\n  @Prop() density!: ItemDisplayDensity;\n  @Prop() imageSize!: ItemDisplayImageSize;\n\n  private renderExcerptLine(width: string) {\n    return (\n      <div\n        style={{\n          height: 'var(--line-height)',\n          width,\n        }}\n      >\n        <div\n          class={placeholderClasses}\n          style={{height: 'var(--font-size)'}}\n        ></div>\n      </div>\n    );\n  }\n\n  public render() {\n    return (\n      <div\n        class={`result-root placeholder with-sections animate-pulse ${getItemDisplayClasses(\n          this.display,\n          this.density,\n          this.imageSize\n        )\n          .join(' ')\n          .trim()}`}\n      >\n        <atomic-result-section-visual>\n          <div class={placeholderClasses}></div>\n        </atomic-result-section-visual>\n        <atomic-result-section-badges>\n          <div class={`badge ${placeholderClasses}`}></div>\n        </atomic-result-section-badges>\n        <atomic-result-section-actions>\n          <div class={`action ${placeholderClasses}`}></div>\n        </atomic-result-section-actions>\n        <atomic-result-section-title>\n          <div class={`title ${placeholderClasses}`}></div>\n        </atomic-result-section-title>\n        <atomic-result-section-excerpt>\n          {this.renderExcerptLine('100%')}\n          {this.renderExcerptLine('95%')}\n          {this.renderExcerptLine('98%')}\n        </atomic-result-section-excerpt>\n        <atomic-result-section-bottom-metadata>\n          <div class=\"fields-placeholder\">\n            {Array.from({length: 4}, () => (\n              <div\n                class={`field-value-placeholder ${placeholderClasses}`}\n              ></div>\n            ))}\n          </div>\n        </atomic-result-section-bottom-metadata>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-result-placeholder2.js","mappings":";;;;;;;;;AAAA,MAAM,0BAA0B,GAAG,ml2WAAml2W,CAAC;AACvn2W,sCAAe,0BAA0B;;ACOzC,MAAM,kBAAkB,GAAG,wCAAwC,CAAC;MAWvD,uBAAuB;;;;;;;;;IAK1B,iBAAiB,CAAC,KAAa;QACrC,QACE,WACE,KAAK,EAAE;gBACL,MAAM,EAAE,oBAAoB;gBAC5B,KAAK;aACN,IAED,WACE,KAAK,EAAE,kBAAkB,EACzB,KAAK,EAAE,EAAC,MAAM,EAAE,kBAAkB,EAAC,GAC9B,CACH,EACN;KACH;IAEM,MAAM;QACX,QACE,4DACE,KAAK,EAAE,uDAAuD,qBAAqB,CACjF,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,SAAS,CACf;iBACE,IAAI,CAAC,GAAG,CAAC;iBACT,IAAI,EAAE,EAAE,IAEX,uFACE,4DAAK,KAAK,EAAE,kBAAkB,GAAQ,CACT,EAC/B,uFACE,4DAAK,KAAK,EAAE,SAAS,kBAAkB,EAAE,GAAQ,CACpB,EAC/B,wFACE,4DAAK,KAAK,EAAE,UAAU,kBAAkB,EAAE,GAAQ,CACpB,EAChC,sFACE,4DAAK,KAAK,EAAE,SAAS,kBAAkB,EAAE,GAAQ,CACrB,EAC9B,wFACG,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAC9B,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC7B,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CACA,EAChC,gGACE,4DAAK,KAAK,EAAC,oBAAoB,IAC5B,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,CAAC,EAAC,EAAE,OACvB,WACE,KAAK,EAAE,2BAA2B,kBAAkB,EAAE,GACjD,CACR,CAAC,CACE,CACgC,CACpC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/common/atomic-result-placeholder/atomic-result-placeholder.pcss?tag=atomic-result-placeholder&encapsulation=shadow","src/components/common/atomic-result-placeholder/atomic-result-placeholder.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n@import '../template-system/template-system.pcss';\n\n:host {\n  @apply atomic-template-system;\n\n  .result-root {\n    &.display-grid {\n      atomic-result-section-actions {\n        display: none;\n      }\n    }\n\n    .badge {\n      width: 14rem;\n    }\n\n    .action {\n      width: 10rem;\n    }\n\n    .title {\n      display: grid;\n      grid-auto-flow: column;\n      grid-gap: 0.5rem;\n      height: var(--line-height);\n      width: 30rem;\n      max-width: 100%;\n    }\n\n    .fields-placeholder {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, min(11rem, 40%));\n      grid-column-gap: 0.5rem;\n\n      .field-value-placeholder {\n        height: var(--font-size);\n        margin: calc((var(--line-height) - var(--font-size)) / 2) 0;\n      }\n    }\n  }\n}\n","import {Component, h, Prop} from '@stencil/core';\nimport {\n  ItemDisplayLayout,\n  ItemDisplayDensity,\n  ItemDisplayImageSize,\n  getItemDisplayClasses,\n} from '../../common/layout/display-options';\n\nconst placeholderClasses = 'block bg-neutral w-full h-full rounded';\n\n/**\n * The `atomic-result-placeholder` component provides an intermediate visual state that is rendered before the first results are available.\n * @internal\n */\n@Component({\n  tag: 'atomic-result-placeholder',\n  styleUrl: 'atomic-result-placeholder.pcss',\n  shadow: true,\n})\nexport class AtomicResultPlaceholder {\n  @Prop() display!: ItemDisplayLayout;\n  @Prop() density!: ItemDisplayDensity;\n  @Prop() imageSize!: ItemDisplayImageSize;\n\n  private renderExcerptLine(width: string) {\n    return (\n      <div\n        style={{\n          height: 'var(--line-height)',\n          width,\n        }}\n      >\n        <div\n          class={placeholderClasses}\n          style={{height: 'var(--font-size)'}}\n        ></div>\n      </div>\n    );\n  }\n\n  public render() {\n    return (\n      <div\n        class={`result-root placeholder with-sections animate-pulse ${getItemDisplayClasses(\n          this.display,\n          this.density,\n          this.imageSize\n        )\n          .join(' ')\n          .trim()}`}\n      >\n        <atomic-result-section-visual>\n          <div class={placeholderClasses}></div>\n        </atomic-result-section-visual>\n        <atomic-result-section-badges>\n          <div class={`badge ${placeholderClasses}`}></div>\n        </atomic-result-section-badges>\n        <atomic-result-section-actions>\n          <div class={`action ${placeholderClasses}`}></div>\n        </atomic-result-section-actions>\n        <atomic-result-section-title>\n          <div class={`title ${placeholderClasses}`}></div>\n        </atomic-result-section-title>\n        <atomic-result-section-excerpt>\n          {this.renderExcerptLine('100%')}\n          {this.renderExcerptLine('95%')}\n          {this.renderExcerptLine('98%')}\n        </atomic-result-section-excerpt>\n        <atomic-result-section-bottom-metadata>\n          <div class=\"fields-placeholder\">\n            {Array.from({length: 4}, () => (\n              <div\n                class={`field-value-placeholder ${placeholderClasses}`}\n              ></div>\n            ))}\n          </div>\n        </atomic-result-section-bottom-metadata>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-actions.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../../types/components";
+
+interface AtomicResultSectionActions extends Components.AtomicResultSectionActions, HTMLElement {}
+export const AtomicResultSectionActions: {
+    prototype: AtomicResultSectionActions;
+    new (): AtomicResultSectionActions;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-actions.js

@@ -0,0 +1,8 @@
+import { A as AtomicResultSectionActions$1, d as defineCustomElement$1 } from './atomic-result-section-actions2.js';
+
+const AtomicResultSectionActions = AtomicResultSectionActions$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AtomicResultSectionActions, defineCustomElement };
+
+//# sourceMappingURL=atomic-result-section-actions.js.map

package/dist/atomic/components/atomic-result-section-actions.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-actions.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-result-section-actions2.js

@@ -0,0 +1,30 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { h as hideEmptySection } from './item-section-utils.js';
+
+const AtomicResultSectionActions = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionActions extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentDidRender() {
+        hideEmptySection(this.host);
+    }
+    get host() { return this; }
+}, [0, "atomic-result-section-actions"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["atomic-result-section-actions"];
+    components.forEach(tagName => { switch (tagName) {
+        case "atomic-result-section-actions":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AtomicResultSectionActions);
+            }
+            break;
+    } });
+}
+
+export { AtomicResultSectionActions as A, defineCustomElement as d };
+
+//# sourceMappingURL=atomic-result-section-actions2.js.map

package/dist/atomic/components/atomic-result-section-actions2.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-actions2.js","mappings":";;;MAiBa,0BAA0B;;;;;IAG9B,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-actions.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section allows the information seeker to perform an action on an item without having to view its details.\n * For example, in Commerce you can add an item to the cart directly or add it to a wish list to view at a later time.\n *\n * Behavior:\n * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n * ** You should ensure that elements inside of it have `height: var(--line-height)`.\n * * Is a wrapping flexbox with a gap.\n * * May appear over, next to, or beneath the visual section.\n */\n@Component({\n  tag: 'atomic-result-section-actions',\n  shadow: false,\n})\nexport class AtomicResultSectionActions {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-badges.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../../types/components";
+
+interface AtomicResultSectionBadges extends Components.AtomicResultSectionBadges, HTMLElement {}
+export const AtomicResultSectionBadges: {
+    prototype: AtomicResultSectionBadges;
+    new (): AtomicResultSectionBadges;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-badges.js

@@ -0,0 +1,8 @@
+import { A as AtomicResultSectionBadges$1, d as defineCustomElement$1 } from './atomic-result-section-badges2.js';
+
+const AtomicResultSectionBadges = AtomicResultSectionBadges$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AtomicResultSectionBadges, defineCustomElement };
+
+//# sourceMappingURL=atomic-result-section-badges.js.map

package/dist/atomic/components/atomic-result-section-badges.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-badges.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-result-section-badges2.js

@@ -0,0 +1,30 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { h as hideEmptySection } from './item-section-utils.js';
+
+const AtomicResultSectionBadges = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionBadges extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentDidRender() {
+        hideEmptySection(this.host);
+    }
+    get host() { return this; }
+}, [0, "atomic-result-section-badges"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["atomic-result-section-badges"];
+    components.forEach(tagName => { switch (tagName) {
+        case "atomic-result-section-badges":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AtomicResultSectionBadges);
+            }
+            break;
+    } });
+}
+
+export { AtomicResultSectionBadges as A, defineCustomElement as d };
+
+//# sourceMappingURL=atomic-result-section-badges2.js.map

package/dist/atomic/components/atomic-result-section-badges2.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-badges2.js","mappings":";;;MAgBa,yBAAyB;;;;;IAG7B,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-badges.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section provides badges that highlight special features of the item.\n *\n * Behavior:\n * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n * ** You should ensure that elements inside of it have `height: var(--line-height)`.\n * * Is a wrapping flexbox with a gap.\n * * May appear over, next to, or beneath the visual section.\n */\n@Component({\n  tag: 'atomic-result-section-badges',\n  shadow: false,\n})\nexport class AtomicResultSectionBadges {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-bottom-metadata.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../../types/components";
+
+interface AtomicResultSectionBottomMetadata extends Components.AtomicResultSectionBottomMetadata, HTMLElement {}
+export const AtomicResultSectionBottomMetadata: {
+    prototype: AtomicResultSectionBottomMetadata;
+    new (): AtomicResultSectionBottomMetadata;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-bottom-metadata.js

@@ -0,0 +1,8 @@
+import { A as AtomicResultSectionBottomMetadata$1, d as defineCustomElement$1 } from './atomic-result-section-bottom-metadata2.js';
+
+const AtomicResultSectionBottomMetadata = AtomicResultSectionBottomMetadata$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AtomicResultSectionBottomMetadata, defineCustomElement };
+
+//# sourceMappingURL=atomic-result-section-bottom-metadata.js.map

package/dist/atomic/components/atomic-result-section-bottom-metadata.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-bottom-metadata.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-result-section-bottom-metadata2.js

@@ -0,0 +1,30 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { h as hideEmptySection } from './item-section-utils.js';
+
+const AtomicResultSectionBottomMetadata = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionBottomMetadata extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentDidRender() {
+        hideEmptySection(this.host);
+    }
+    get host() { return this; }
+}, [0, "atomic-result-section-bottom-metadata"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["atomic-result-section-bottom-metadata"];
+    components.forEach(tagName => { switch (tagName) {
+        case "atomic-result-section-bottom-metadata":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AtomicResultSectionBottomMetadata);
+            }
+            break;
+    } });
+}
+
+export { AtomicResultSectionBottomMetadata as A, defineCustomElement as d };
+
+//# sourceMappingURL=atomic-result-section-bottom-metadata2.js.map

package/dist/atomic/components/atomic-result-section-bottom-metadata2.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-bottom-metadata2.js","mappings":";;;MAiBa,iCAAiC;;;;;IAGrC,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-bottom-metadata.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section displays additional descriptive information about the item.\n *\n * Behavior:\n * * Has a maximum height of two lines.\n * ** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.\n * * Exposes the `--line-height` variable so child elements can adjust to the current line height.\n * * Has a defined CSS `color` property for text.\n * * Has a font weight.\n */\n@Component({\n  tag: 'atomic-result-section-bottom-metadata',\n  shadow: false,\n})\nexport class AtomicResultSectionBottomMetadata {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-children.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../../types/components";
+
+interface AtomicResultSectionChildren extends Components.AtomicResultSectionChildren, HTMLElement {}
+export const AtomicResultSectionChildren: {
+    prototype: AtomicResultSectionChildren;
+    new (): AtomicResultSectionChildren;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-children.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { h as hideEmptySection } from './item-section-utils.js';
+
+const AtomicResultSectionChildren$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionChildren extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentDidRender() {
+        hideEmptySection(this.host);
+    }
+    get host() { return this; }
+}, [0, "atomic-result-section-children"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["atomic-result-section-children"];
+    components.forEach(tagName => { switch (tagName) {
+        case "atomic-result-section-children":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AtomicResultSectionChildren$1);
+            }
+            break;
+    } });
+}
+
+const AtomicResultSectionChildren = AtomicResultSectionChildren$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AtomicResultSectionChildren, defineCustomElement };
+
+//# sourceMappingURL=atomic-result-section-children.js.map

package/dist/atomic/components/atomic-result-section-children.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-children.js","mappings":";;;MAaaA,6BAA2B;;;;;IAG/B,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultSectionChildren"],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-children.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section displays the folded results, available when using the <atomic-result-children> component.\n *\n * Behavior:\n * * Shows children at the bottom of the result, indented and wrapped in a border.\n */\n@Component({\n  tag: 'atomic-result-section-children',\n  shadow: false,\n})\nexport class AtomicResultSectionChildren {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-emphasized.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../../types/components";
+
+interface AtomicResultSectionEmphasized extends Components.AtomicResultSectionEmphasized, HTMLElement {}
+export const AtomicResultSectionEmphasized: {
+    prototype: AtomicResultSectionEmphasized;
+    new (): AtomicResultSectionEmphasized;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-emphasized.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { h as hideEmptySection } from './item-section-utils.js';
+
+const AtomicResultSectionEmphasized$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionEmphasized extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentDidRender() {
+        hideEmptySection(this.host);
+    }
+    get host() { return this; }
+}, [0, "atomic-result-section-emphasized"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["atomic-result-section-emphasized"];
+    components.forEach(tagName => { switch (tagName) {
+        case "atomic-result-section-emphasized":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AtomicResultSectionEmphasized$1);
+            }
+            break;
+    } });
+}
+
+const AtomicResultSectionEmphasized = AtomicResultSectionEmphasized$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AtomicResultSectionEmphasized, defineCustomElement };
+
+//# sourceMappingURL=atomic-result-section-emphasized.js.map

package/dist/atomic/components/atomic-result-section-emphasized.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-emphasized.js","mappings":";;;MAeaA,+BAA6B;;;;;IAGjC,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultSectionEmphasized"],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-emphasized.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section displays the field that's important for its search criteria.\n * For example, in Commerce, a product's cost is often more important than the title itself.\n *\n * Behavior:\n * * Has a very large font size.\n * * Is the second closest element beneath the title section.\n */\n@Component({\n  tag: 'atomic-result-section-emphasized',\n  shadow: false,\n})\nexport class AtomicResultSectionEmphasized {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-excerpt.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../../types/components";
+
+interface AtomicResultSectionExcerpt extends Components.AtomicResultSectionExcerpt, HTMLElement {}
+export const AtomicResultSectionExcerpt: {
+    prototype: AtomicResultSectionExcerpt;
+    new (): AtomicResultSectionExcerpt;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-excerpt.js

@@ -0,0 +1,8 @@
+import { A as AtomicResultSectionExcerpt$1, d as defineCustomElement$1 } from './atomic-result-section-excerpt2.js';
+
+const AtomicResultSectionExcerpt = AtomicResultSectionExcerpt$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AtomicResultSectionExcerpt, defineCustomElement };
+
+//# sourceMappingURL=atomic-result-section-excerpt.js.map

package/dist/atomic/components/atomic-result-section-excerpt.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-excerpt.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-result-section-excerpt2.js

@@ -0,0 +1,30 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { h as hideEmptySection } from './item-section-utils.js';
+
+const AtomicResultSectionExcerpt = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionExcerpt extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentDidRender() {
+        hideEmptySection(this.host);
+    }
+    get host() { return this; }
+}, [0, "atomic-result-section-excerpt"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["atomic-result-section-excerpt"];
+    components.forEach(tagName => { switch (tagName) {
+        case "atomic-result-section-excerpt":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AtomicResultSectionExcerpt);
+            }
+            break;
+    } });
+}
+
+export { AtomicResultSectionExcerpt as A, defineCustomElement as d };
+
+//# sourceMappingURL=atomic-result-section-excerpt2.js.map

package/dist/atomic/components/atomic-result-section-excerpt2.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-excerpt2.js","mappings":";;;MAgBa,0BAA0B;;;;;IAG9B,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-excerpt.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section contains an informative summary of the item's content.\n *\n * Behavior:\n * * Has a fixed height of one to three lines, depending on the layout and density.\n * * Ellipses overflowing text.\n * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n * * Has a defined CSS `color` property for text.\n */\n@Component({\n  tag: 'atomic-result-section-excerpt',\n  shadow: false,\n})\nexport class AtomicResultSectionExcerpt {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-title-metadata.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../../types/components";
+
+interface AtomicResultSectionTitleMetadata extends Components.AtomicResultSectionTitleMetadata, HTMLElement {}
+export const AtomicResultSectionTitleMetadata: {
+    prototype: AtomicResultSectionTitleMetadata;
+    new (): AtomicResultSectionTitleMetadata;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-title-metadata.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { h as hideEmptySection } from './item-section-utils.js';
+
+const AtomicResultSectionTitleMetadata$1 = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionTitleMetadata extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentDidRender() {
+        hideEmptySection(this.host);
+    }
+    get host() { return this; }
+}, [0, "atomic-result-section-title-metadata"]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["atomic-result-section-title-metadata"];
+    components.forEach(tagName => { switch (tagName) {
+        case "atomic-result-section-title-metadata":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AtomicResultSectionTitleMetadata$1);
+            }
+            break;
+    } });
+}
+
+const AtomicResultSectionTitleMetadata = AtomicResultSectionTitleMetadata$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AtomicResultSectionTitleMetadata, defineCustomElement };
+
+//# sourceMappingURL=atomic-result-section-title-metadata.js.map

package/dist/atomic/components/atomic-result-section-title-metadata.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-title-metadata.js","mappings":";;;MAgBaA,kCAAgC;;;;;IAGpC,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;;;;","names":["AtomicResultSectionTitleMetadata"],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-title-metadata.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section surfaces some fields that are directly related to the title of the item.\n * For example, in Commerce, this could be the item's rating, which is tied to the nature of the product itself,\n * rather than to the product's description.\n *\n * Behavior:\n * * Has a very small font size.\n * * Is the closest element beneath the title section.\n */\n@Component({\n  tag: 'atomic-result-section-title-metadata',\n  shadow: false,\n})\nexport class AtomicResultSectionTitleMetadata {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-title.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../../types/components";
+
+interface AtomicResultSectionTitle extends Components.AtomicResultSectionTitle, HTMLElement {}
+export const AtomicResultSectionTitle: {
+    prototype: AtomicResultSectionTitle;
+    new (): AtomicResultSectionTitle;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-title.js

@@ -0,0 +1,8 @@
+import { A as AtomicResultSectionTitle$1, d as defineCustomElement$1 } from './atomic-result-section-title2.js';
+
+const AtomicResultSectionTitle = AtomicResultSectionTitle$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AtomicResultSectionTitle, defineCustomElement };
+
+//# sourceMappingURL=atomic-result-section-title.js.map

package/dist/atomic/components/atomic-result-section-title.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-title.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-result-section-title2.js

@@ -0,0 +1,30 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { h as hideEmptySection } from './item-section-utils.js';
+
+const AtomicResultSectionTitle = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionTitle extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    componentDidRender() {
+        hideEmptySection(this.host);
+    }
+    get host() { return this; }
+}, [0, "atomic-result-section-title"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["atomic-result-section-title"];
+    components.forEach(tagName => { switch (tagName) {
+        case "atomic-result-section-title":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AtomicResultSectionTitle);
+            }
+            break;
+    } });
+}
+
+export { AtomicResultSectionTitle as A, defineCustomElement as d };
+
+//# sourceMappingURL=atomic-result-section-title2.js.map

package/dist/atomic/components/atomic-result-section-title2.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-title2.js","mappings":";;;MAgBa,wBAAwB;;;;;IAG5B,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-title.tsx"],"sourcesContent":["import {Element, Component} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\n\n/**\n * This section identifies the item by its name, and its main use is to make the result list scannable.\n * This is usually the page title.\n *\n * Behavior:\n * * Has a fixed height of two lines on grid layouts.\n * * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.\n * * Has a defined CSS `color` property for text.\n */\n@Component({\n  tag: 'atomic-result-section-title',\n  shadow: false,\n})\nexport class AtomicResultSectionTitle {\n  @Element() private host!: HTMLElement;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-section-visual.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../../types/components";
+
+interface AtomicResultSectionVisual extends Components.AtomicResultSectionVisual, HTMLElement {}
+export const AtomicResultSectionVisual: {
+    prototype: AtomicResultSectionVisual;
+    new (): AtomicResultSectionVisual;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/atomic/components/atomic-result-section-visual.js

@@ -0,0 +1,8 @@
+import { A as AtomicResultSectionVisual$1, d as defineCustomElement$1 } from './atomic-result-section-visual2.js';
+
+const AtomicResultSectionVisual = AtomicResultSectionVisual$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { AtomicResultSectionVisual, defineCustomElement };
+
+//# sourceMappingURL=atomic-result-section-visual.js.map

package/dist/atomic/components/atomic-result-section-visual.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-visual.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/atomic/components/atomic-result-section-visual2.js

@@ -0,0 +1,33 @@
+import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { h as hideEmptySection } from './item-section-utils.js';
+
+const AtomicResultSectionVisual = /*@__PURE__*/ proxyCustomElement(class AtomicResultSectionVisual extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.imageSize = undefined;
+    }
+    componentDidRender() {
+        hideEmptySection(this.host);
+    }
+    get host() { return this; }
+}, [0, "atomic-result-section-visual", {
+        "imageSize": [513, "image-size"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["atomic-result-section-visual"];
+    components.forEach(tagName => { switch (tagName) {
+        case "atomic-result-section-visual":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AtomicResultSectionVisual);
+            }
+            break;
+    } });
+}
+
+export { AtomicResultSectionVisual as A, defineCustomElement as d };
+
+//# sourceMappingURL=atomic-result-section-visual2.js.map

package/dist/atomic/components/atomic-result-section-visual2.js.map

@@ -0,0 +1 @@
+{"file":"atomic-result-section-visual2.js","mappings":";;;MAmBa,yBAAyB;;;;;;IAQ7B,kBAAkB;QACvB,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC7B;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/search/result-template-components/atomic-result-sections/atomic-result-section-visual.tsx"],"sourcesContent":["import {Element, Component, Prop} from '@stencil/core';\nimport {hideEmptySection} from '../../../../utils/item-section-utils';\nimport {ItemDisplayImageSize} from '../../../common/layout/display-options';\n\n/**\n * This section provides visual information about the item.\n * For example, in Commerce, an image is a great shorthand for a product category.\n * An icon can quickly show the item type, or an avatar can help identify to whom it is related.\n *\n * Behavior:\n * * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.\n * ** When the image size is set to `icon`, this section stays very small.\n * ** You should ensure that elements inside of it take the available space.\n * * Always has a 1:1 aspect ratio.\n */\n@Component({\n  tag: 'atomic-result-section-visual',\n  shadow: false,\n})\nexport class AtomicResultSectionVisual {\n  @Element() private host!: HTMLElement;\n\n  /**\n   * How large or small the visual section of results using this template should be.\n   */\n  @Prop({reflect: true}) public imageSize?: ItemDisplayImageSize;\n\n  public componentDidRender() {\n    hideEmptySection(this.host);\n  }\n}\n"],"version":3}

package/dist/atomic/components/atomic-result-table-placeholder2.js

@@ -18,7 +18,7 @@ const AtomicResultTablePlaceholder = /*@__PURE__*/ proxyCustomElement(class Atom
         return getItemDisplayClasses('table', this.density, this.imageSize);
     }
     render() {
-        return (h("table", { key: 'aaef2b349a7fd003ac467e35bd8f252a9ebf948d', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: '52059a56d86650fb006ef5bb5d58e22da90ec522' }, h("tr", { key: '95c0b6ea3fffbe42413c8acbe20db317162576b9' }, h("th", { key: '96c14b820260010d8de3b05898c00ff6d15cc0ef' }, h("div", { key: '0055b9fea2ffce1a7546c5bb6216bc3bb5a317db', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: '2c617a8d714305de201fbfdfac6dd52f8cb69148' }, h("div", { key: '068b1cc654f27b33cdc502d416daf1c081d4cf19', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: '55a625ccff48da33184579efda097724d200f7ac' }, h("div", { key: '0a843d33317e3d86b9229cc9a73e1a0b2087e34e', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: '62ca6c923527954dc76cd5c398fe7ab04772f8a7' }, Array.from({ length: this.rows }, () => (h("tr", null, h("td", null, h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
+        return (h("table", { key: 'f92a208f806970fa2575f3072ee2ec3aac8360c0', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: '283a455dc3277faf9e7fb39cb661762e07336131' }, h("tr", { key: '0aa95c31a627de9ba8ab4e587714bf3c3052fc1b' }, h("th", { key: '8a64b6889420cfa778ba2c3ffdc6bf184a65a779' }, h("div", { key: '677f09154c5b51b0649ecbfd7dab5b4ea2b6d4ae', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: '18f23793b4d97315b8b809c2a0e055db3460c2c1' }, h("div", { key: '1c3b1133e64151e5e76de131c30e175686e1cc5e', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: '2a0b4d74ae876e8d7733c456596c931fb5c876c9' }, h("div", { key: '81cbf14dbed4bb38418295814ba61eda3192b88d', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: '7ba59462f68a56b633bd71841f5e696121eeae8c' }, Array.from({ length: this.rows }, () => (h("tr", null, h("td", null, h("div", { class: `mb-6 h-8 ${placeholderClasses}`, style: { width: '22.875rem' } }), h("div", { class: `mb-2 h-5 ${placeholderClasses}`, style: { width: '23.75rem' } }), h("div", { class: `h-5 ${placeholderClasses}`, style: { width: '11.5rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '11rem' } })), h("td", null, h("div", { class: `mt-1.5 h-5 ${placeholderClasses}`, style: { width: '4.875rem' } }))))))));
     }
     static get style() { return AtomicResultTablePlaceholderStyle0; }
 }, [1, "atomic-result-table-placeholder", {

package/dist/atomic/components/atomic-search-box-instant-results.js

@@ -172,7 +172,7 @@ const AtomicSearchBoxInstantResults$1 = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'c458b821ec8f13321a674f00e6e5f8dfa50d2525', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: 'e1471cd50dd5174b2c2e80588b7b2ad076810e15', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }

package/dist/atomic/components/atomic-search-box-query-suggestions2.js

@@ -60,7 +60,7 @@ const AtomicSearchBoxQuerySuggestions = /*@__PURE__*/ proxyCustomElement(class A
     }
     render() {
         if (this.error) {
-            return (h("atomic-component-error", { key: 'd8ace632cbbd5924ed771125cea0b395b021fe3e', element: this.host, error: this.error }));
+            return (h("atomic-component-error", { key: '7fdb4afa7291ad70c37a9709fd7108f4fe0fb94d', element: this.host, error: this.error }));
         }
     }
     get host() { return this; }