@coveo/atomic 3.33.2 → 3.33.3-pre.0757b1116b

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

@@ -1 +1 @@
-{"file":"atomic-result-placeholder2.js","mappings":";;;;;;;;;AAAA,MAAM,0BAA0B,GAAG,2vktBAA2vktB,CAAC;AAC/xktB,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,g94sBAAg94sB,CAAC;AACp/4sB,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-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: '803964f2463ed72ef839a4481f0b7be63b2a6cfb', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: '44f9f6bd2cf09e0ac2c495655af3bbddb8f19622' }, h("tr", { key: 'e612c986b6210df782e310b0baaec129f4236421' }, h("th", { key: 'aec1a52a77732aa7c3e2b5012f74331df312a3e0' }, h("div", { key: 'f4aa998fa72c24f38c429a49aa367251232b7805', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: '6bc77466104af5e73a2049dac70c048930cf2ac6' }, h("div", { key: 'dd1088eca32e478f008264c75fe57df25d1d808e', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: '8c17808b69eb0f54758c977448443854d005fbe2' }, h("div", { key: '19f1f33f57b60ea1a5c1cdc438dd1d8572744eeb', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: 'd153a34ba99cff2379b719f9341013cadbb5699e' }, 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: 'ae48be5639a61375fef2937ba0910439d9cd6d8a', class: `list-root animate-pulse ${this.getClasses().join(' ')}` }, h("thead", { key: 'ef98ffc5146aebe3980dc79c72e3e56a76433687' }, h("tr", { key: '131e6f9835363e224ba4449bde2bfca1ba863c2f' }, h("th", { key: 'd9b9ed5efd2a277977cae8b103d560d65e813f1d' }, h("div", { key: '634aed335c094769829eabeac094a19e3fcf69de', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '14.5rem' } })), h("th", { key: '44b72525283eeb1f46f21a88093f61ae536914f6' }, h("div", { key: '1e1ca63273b33718c167174d22d8c09dbdb902fb', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '9.75rem' } })), h("th", { key: '06d33f8b8b0945722fb1752ef162d3fbe2bb9274' }, h("div", { key: '32bbc45bb32870a401be2d6dfa206023d3259875', class: `mt-2 h-8 ${placeholderClasses}`, style: { width: '6.5rem' } })))), h("tbody", { key: 'ab18b97ef676c6bf993dea8312b5046a1f77b4a9' }, 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", {