From 1d23bc82facc0fa834cfea5c10123c91fde84f8a Mon Sep 17 00:00:00 2001
From: Dragana Trajkovic <dragana.trajkovic@lilly021.com>
Date: Fri, 19 Jul 2024 15:54:08 +0200
Subject: [PATCH 1/5] small fixes + background-color

---
 edsdme/components/PartnerCards.js       | 20 +++++++++----
 edsdme/components/PartnerCardsStyles.js | 40 ++++++++++++-------------
 2 files changed, 34 insertions(+), 26 deletions(-)

diff --git a/edsdme/components/PartnerCards.js b/edsdme/components/PartnerCards.js
index 0909593..396fc3f 100644
--- a/edsdme/components/PartnerCards.js
+++ b/edsdme/components/PartnerCards.js
@@ -137,6 +137,11 @@ export default class PartnerCards extends LitElement {
         const paginationType = paginationEl.innerText.trim();
         if (paginationType) this.blockData.pagination = paginationType.toLowerCase().replace(/ /g, '-');
       },
+      'background-color': (cols) => {
+        const [backgroundColorEl] = cols;
+        const backgroundColor = backgroundColorEl.innerText.trim();
+        if (backgroundColor) this.blockData.backgroundColor = backgroundColor;
+      },
     };
 
     const rows = Array.from(this.blockData.tableData);
@@ -367,7 +372,7 @@ export default class PartnerCards extends LitElement {
           <div class="filter">
             <button class="filter-header" @click=${(e) => this.toggleFilter(e.currentTarget.parentNode)} aria-label="${filter.value}">
               <span class="filter-label">${filter.value}</span>
-              <span class="filter-chevron-icon" />
+              <span class="filter-chevron-icon"></span>
             </button>
             <button class="filter-selected-tags-count-btn ${tagsCount ? '' : 'hidden'}" @click="${() => this.handleResetTags(filter.key)}" aria-label="${tagsCount}">
               <span class="filter-selected-tags-total-num">${tagsCount}</span>
@@ -411,7 +416,7 @@ export default class PartnerCards extends LitElement {
                     : ''
                   }
                 </div>
-                <span class="filter-header-chevron-icon" />
+                <span class="filter-header-chevron-icon"></span>
               </button>
               <ul class="filter-tags-mobile">
                 <sp-theme theme="spectrum" color="light" scale="medium">
@@ -495,9 +500,9 @@ export default class PartnerCards extends LitElement {
     if (this.blockData.sort.items.length) this.handleSortAction();
     if (this.blockData.filters.length) this.handleFilterAction();
     this.additionalActions();
-    this.updatePaginatedCards();
     // eslint-disable-next-line no-return-assign
     this.cards.forEach((card, index) => card.orderNum = index + 1);
+    this.updatePaginatedCards();
   }
 
   // eslint-disable-next-line class-methods-use-this
@@ -539,7 +544,10 @@ export default class PartnerCards extends LitElement {
       newest: (a, b) => new Date(b.cardDate) - new Date(a.cardDate),
       oldest: (a, b) => new Date(a.cardDate) - new Date(b.cardDate),
     };
-    this.cards.sort(sortFunctions[this.selectedSortOrder.key]);
+
+    let sortKey;
+    if (this.selectedSortOrder.key === 'most-recent') sortKey = 'newest';
+    this.cards.sort(sortFunctions[sortKey]);
   }
 
   handleSort(selectedItem) {
@@ -776,7 +784,7 @@ export default class PartnerCards extends LitElement {
                   <div class="sort-wrapper">
                     <button class="sort-btn" @click="${this.toggleSort}">
                       <span class="sort-btn-text">${this.selectedSortOrder.value}</span>
-                      <span class="filter-chevron-icon" />
+                      <span class="filter-chevron-icon"></span>
                     </button>
                     <div class="sort-list">
                       ${this.sortItems}
@@ -800,7 +808,7 @@ export default class PartnerCards extends LitElement {
           </div>
           ${this.cards.length
             ? html`
-              <div class="pagination-wrapper">
+              <div class="pagination-wrapper ${this.blockData?.pagination === 'load-more' ? 'pagination-wrapper-load-more' : 'pagination-wrapper-default'}">
                 ${this.pagination}
                 <span class="pagination-total-results">${this.cardsCounter} ${this.blockData.localizedText['{{of}}']} ${this.cards.length} ${this.blockData.localizedText['{{results}}']}</span>
               </div>
diff --git a/edsdme/components/PartnerCardsStyles.js b/edsdme/components/PartnerCardsStyles.js
index 74314db..8c0283c 100644
--- a/edsdme/components/PartnerCardsStyles.js
+++ b/edsdme/components/PartnerCardsStyles.js
@@ -839,12 +839,12 @@ export const partnerCardsStyles = css`
 `;
 
 export const partnerCardsLoadMoreStyles = css`
-  .pagination-wrapper {
+  .pagination-wrapper.pagination-wrapper-load-more {
     justify-content: center;
     flex-direction: column-reverse;
   }
   
-  .pagination-wrapper .load-more-btn {
+  .pagination-wrapper-load-more .load-more-btn {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -865,7 +865,7 @@ export const partnerCardsLoadMoreStyles = css`
     transition: border-color .3s ease-in-out,background-color .3s ease-in-out;
   }
   
-  .pagination-wrapper .load-more-btn:hover {
+  .pagination-wrapper-load-more .load-more-btn:hover {
     text-decoration: none;
     border-color: #222222;
     background-color: #222222;
@@ -874,23 +874,23 @@ export const partnerCardsLoadMoreStyles = css`
 `;
 
 export const partnerCardsPaginationStyles = css`
-  .pagination-wrapper {
+  .pagination-wrapper.pagination-wrapper-default {
     flex-wrap: wrap;
     justify-content: space-between;
   }
   
   @media screen and (max-width: 1200px) {
-    .pagination-wrapper {
+    .pagination-wrapper.pagination-wrapper-default {
       justify-content: center;
     }
   }
   
-  .pagination-wrapper .pagination-pages-list button {
+  .pagination-wrapper-default .pagination-pages-list button {
     border: none;
     background-color: transparent;
   }
   
-  .pagination-wrapper .page-btn {
+  .pagination-wrapper-default .page-btn {
     position: relative;
     min-width: 32px;
     min-height: 32px;
@@ -907,39 +907,39 @@ export const partnerCardsPaginationStyles = css`
     overflow: hidden;
   }
   
-  .pagination-wrapper .pagination-prev-btn {
+  .pagination-wrapper-default .pagination-prev-btn {
     padding-right: 10px;
     font-weight: 700;
   }
   
-  .pagination-wrapper .pagination-next-btn {
+  .pagination-wrapper-default .pagination-next-btn {
     padding-left: 10px;
     font-weight: 700;
   }
   
-  .pagination-wrapper .pagination-prev-btn:hover,
-  .pagination-wrapper .pagination-next-btn:hover,
-  .pagination-wrapper .page-btn:hover {
+  .pagination-wrapper-default .pagination-prev-btn:hover,
+  .pagination-wrapper-default .pagination-next-btn:hover,
+  .pagination-wrapper-default .page-btn:hover {
     cursor: pointer;
     text-decoration: underline;
     transition: all .3s;
   }
   
-  .pagination-wrapper .pagination-prev-btn.disabled,
-  .pagination-wrapper .pagination-prev-btn.disabled:hover,
-  .pagination-wrapper .pagination-next-btn.disabled,
-  .pagination-wrapper .pagination-next-btn.disabled:hover,
-  .pagination-wrapper .page-btn.selected:hover {
+  .pagination-wrapper-default .pagination-prev-btn.disabled,
+  .pagination-wrapper-default .pagination-prev-btn.disabled:hover,
+  .pagination-wrapper-default .pagination-next-btn.disabled,
+  .pagination-wrapper-default .pagination-next-btn.disabled:hover,
+  .pagination-wrapper-default .page-btn.selected:hover {
     text-decoration: none;
     cursor: default;
   }
   
-  .pagination-wrapper .pagination-prev-btn.disabled,
-  .pagination-wrapper .pagination-next-btn.disabled {
+  .pagination-wrapper-default .pagination-prev-btn.disabled,
+  .pagination-wrapper-default .pagination-next-btn.disabled {
     color: #9d9d9d;
   }
   
-  .pagination-wrapper .page-btn.selected {
+  .pagination-wrapper-default .page-btn.selected {
     background-color: #e5e5e5;
     border-radius: 50%;
   }

From b2dffbb8150f207fbc9e5ceb41162732240e09b5 Mon Sep 17 00:00:00 2001
From: Dragana Trajkovic <dragana.trajkovic@lilly021.com>
Date: Fri, 19 Jul 2024 15:57:25 +0200
Subject: [PATCH 2/5] search page initial implementation

---
 edsdme/blocks/search/SearchCards.js       | 217 ++++++++++++++++++++
 edsdme/blocks/search/SearchCardsStyles.js |  76 +++++++
 edsdme/blocks/search/cards.js             | 235 ++++++++++++++++++++++
 edsdme/blocks/search/search.css           |   0
 edsdme/blocks/search/search.js            |  87 ++++++++
 edsdme/components/SearchCard.js           |  79 ++++++++
 edsdme/components/SearchCardStyles.js     | 126 ++++++++++++
 edsdme/img/icons/pdf.png                  | Bin 0 -> 4423 bytes
 edsdme/img/icons/zip.png                  | Bin 0 -> 12645 bytes
 9 files changed, 820 insertions(+)
 create mode 100644 edsdme/blocks/search/SearchCards.js
 create mode 100644 edsdme/blocks/search/SearchCardsStyles.js
 create mode 100644 edsdme/blocks/search/cards.js
 create mode 100644 edsdme/blocks/search/search.css
 create mode 100644 edsdme/blocks/search/search.js
 create mode 100644 edsdme/components/SearchCard.js
 create mode 100644 edsdme/components/SearchCardStyles.js
 create mode 100644 edsdme/img/icons/pdf.png
 create mode 100644 edsdme/img/icons/zip.png

diff --git a/edsdme/blocks/search/SearchCards.js b/edsdme/blocks/search/SearchCards.js
new file mode 100644
index 0000000..cabffc6
--- /dev/null
+++ b/edsdme/blocks/search/SearchCards.js
@@ -0,0 +1,217 @@
+import { getLibs } from '../../scripts/utils.js';
+import PartnerCards from '../../components/PartnerCards.js';
+import { searchCardsStyles } from './SearchCardsStyles.js';
+import '../../components/SearchCard.js';
+import cardsData from './cards.js';
+
+const miloLibs = getLibs();
+const { html, repeat } = await import(`${miloLibs}/deps/lit-all.min.js`);
+
+export default class Search extends PartnerCards {
+  static styles = [
+    PartnerCards.styles,
+    searchCardsStyles,
+  ];
+
+  static properties = {
+    ...PartnerCards.properties,
+    contentType: { type: String },
+    contentTypeCounter: { type: Object },
+  };
+
+  constructor() {
+    super();
+    this.contentType = 'all';
+    this.contentTypeCounter = { countAll: 0, countAssets: 0, countPages: 0 };
+  }
+
+  async fetchData() {
+    const apiData = cardsData;
+    // eslint-disable-next-line no-return-assign
+    apiData.cards.forEach((card, index) => card.orderNum = index + 1);
+    this.allCards = apiData.cards;
+    this.cards = apiData.cards;
+    this.paginatedCards = this.cards.slice(0, this.cardsPerPage);
+    this.hasResponseData = true;
+  }
+
+  get partnerCards() {
+    if (this.paginatedCards.length) {
+      return html`${repeat(
+        this.paginatedCards,
+        (card) => card.id,
+        (card) => html`<search-card class="card-wrapper" .data=${card} .localizedText="${this.blockData.localizedText}"></search-card>`,
+      )}`;
+    }
+    return html`<div class="no-results">
+        <strong class="no-results-title">${this.blockData.localizedText['{{no-results-title}}']}</strong>
+        <p class="no-results-description">${this.blockData.localizedText['{{no-results-description}}']}</p>
+      </div>`;
+  }
+
+  setContentTypeCounts() {
+    const counts = { countAll: 0, countAssets: 0, countPages: 0 };
+    const filteredCards = [];
+
+    this.cards.forEach((card) => {
+      if (card.contentArea?.contentType === 'asset' || card.contentArea?.contentType === 'page') {
+        counts.countAll += 1;
+        if (card.contentArea.contentType === 'asset') counts.countAssets += 1;
+        if (card.contentArea.contentType === 'page') counts.countPages += 1;
+        filteredCards.push(card);
+      }
+    });
+
+    this.cards = filteredCards;
+    this.contentTypeCounter = counts;
+  }
+
+  additionalActions() {
+    this.setContentTypeCounts();
+    this.handleContentTypeAction();
+  }
+
+  handleContentType(contentType) {
+    if (this.contentType === contentType) return;
+    this.contentType = contentType;
+
+    this.paginationCounter = 1;
+    this.handleActions();
+  }
+
+  handleContentTypeAction() {
+    if (this.contentType === 'all') return;
+    this.cards = this.cards.filter((card) => card.contentArea?.contentType === this.contentType);
+  }
+
+  /* eslint-disable indent */
+  render() {
+    return html`
+      <div class="search-box-wrapper" style="${this.blockData.backgroundColor ? `background: ${this.blockData.backgroundColor}` : ''}">
+        <div class="search-box content">
+          <h3 class="partner-cards-title">
+            ${this.searchTerm
+              ? `${this.blockData.localizedText['{{showing-results-for}}']} ${this.searchTerm}`
+              : this.blockData.title
+            }
+          </h3>
+          <sp-theme class="search-wrapper" theme="spectrum" color="light" scale="medium">
+            <sp-search id="search" size="m" value="${this.searchTerm}" @input="${this.handleSearch}" @submit="${(event) => event.preventDefault()}" placeholder="${this.blockData.localizedText['{{search-topics-resources-files}}']}"></sp-search>
+          </sp-theme>
+        </div>
+      </div>
+      <div class="content">
+        <div class="partner-cards">
+        <div class="partner-cards-sidebar-wrapper">
+          <div class="partner-cards-sidebar">
+            ${!this.mobileView
+              ? html`
+                <div class="sidebar-header">
+                  <h3 class="sidebar-title">${this.blockData.localizedText['{{filter}}']}</h3>
+                  <button class="sidebar-clear-btn" @click="${this.handleResetActions}" aria-label="${this.blockData.localizedText['{{clear-all}}']}">${this.blockData.localizedText['{{clear-all}}']}</button>
+                </div>
+                <div class="sidebar-chosen-filters-wrapper">
+                  ${this.chosenFilters && this.chosenFilters.htmlContent}
+                </div>
+                <div class="sidebar-filters-wrapper">
+                  ${this.filters}
+                </div>
+              `
+              : ''
+            }
+          </div>
+        </div>
+        <div class="partner-cards-content">
+          <div class="partner-cards-header">
+            <div class="partner-cards-title-wrapper">
+              ${this.blockData.localizedText['{{show}}']}:
+              <sp-theme theme="spectrum" color="light" scale="medium">
+                <sp-button variant="${this.contentType === 'all' ? 'primary' : 'secondary'}" size="m" @click="${() => this.handleContentType('all')}" aria-label="${this.blockData.localizedText['{{all}}']}">
+                  ${this.blockData.localizedText['{{all}}']} (${this.contentTypeCounter.countAll})</sp-button>
+                <sp-button variant="${this.contentType === 'asset' ? 'primary' : 'secondary'}" size="m" @click="${() => this.handleContentType('asset')}" aria-label="${this.blockData.localizedText['{{assets}}']}">
+                  ${this.blockData.localizedText['{{assets}}']} (${this.contentTypeCounter.countAssets})</sp-button>
+                <sp-button variant="${this.contentType === 'page' ? 'primary' : 'secondary'}" size="m" @click="${() => this.handleContentType('page')}" aria-label="${this.blockData.localizedText['{{pages}}']}">
+                  ${this.blockData.localizedText['{{pages}}']} (${this.contentTypeCounter.countPages})</sp-button>
+              </sp-theme>
+            </div>
+            <div class="partner-cards-sort-wrapper">
+              ${this.mobileView
+                ? html`
+                  <button class="filters-btn-mobile" @click="${this.openFiltersMobile}" aria-label="${this.blockData.localizedText['{{filters}}']}">
+                    <span class="filters-btn-mobile-icon"></span>
+                    <span class="filters-btn-mobile-title">${this.blockData.localizedText['{{filters}}']}</span>
+                    ${this.chosenFilters?.tagsCount
+                      ? html`<span class="filters-btn-mobile-total">${this.chosenFilters.tagsCount}</span>`
+                      : ''
+                    }
+                  </button>
+                `
+                : ''
+              }
+              ${this.blockData.sort.items.length
+                ? html`
+                  <div class="sort-wrapper">
+                    <button class="sort-btn" @click="${this.toggleSort}">
+                      <span class="sort-btn-text">${this.selectedSortOrder.value}</span>
+                      <span class="filter-chevron-icon" />
+                    </button>
+                    <div class="sort-list">
+                      ${this.sortItems}
+                    </div>
+                  </div>`
+                : ''
+              }
+            </div>
+          </div>
+          <div class="partner-cards-collection">
+            ${this.hasResponseData
+              ? this.partnerCards
+              : html`
+                <div class="progress-circle-wrapper">
+                  <sp-theme theme="spectrum" color="light" scale="medium">
+                    <sp-progress-circle label="Cards loading" indeterminate="" size="l" role="progressbar"></sp-progress-circle>
+                  </sp-theme>
+                </div>
+              `
+            }
+          </div>
+          ${this.cards.length
+            ? html`
+              <div class="pagination-wrapper ${this.blockData?.pagination === 'load-more' ? 'pagination-wrapper-load-more' : 'pagination-wrapper-default'}">
+                ${this.pagination}
+                <span class="pagination-total-results">${this.cardsCounter} ${this.blockData.localizedText['{{of}}']} ${this.cards.length} ${this.blockData.localizedText['{{results}}']}</span>
+              </div>
+            `
+            : ''
+          }
+        </div>
+      </div>
+      </div>
+
+      ${this.mobileView
+        ? html`
+          <div class="all-filters-wrapper-mobile">
+            <div class="all-filters-header-mobile">
+              <button class="all-filters-header-back-btn-mobile" @click="${this.closeFiltersMobile}" aria-label="${this.blockData.localizedText['{{back}}']}"></button>
+              <span class="all-filters-header-title-mobile">${this.blockData.localizedText['{{filter-by}}']}</span>
+            </div>
+            <div class="all-filters-list-mobile">
+              ${this.filtersMobile}
+            </div>
+            <div class="all-filters-footer-mobile">
+              <span class="all-filters-footer-results-mobile">${this.cards?.length} ${this.blockData.localizedText['{{results}}']}</span>
+              <div class="all-filters-footer-buttons-mobile">
+                <button class="all-filters-footer-clear-btn-mobile" @click="${this.handleResetActions}" aria-label="${this.blockData.localizedText['{{clear-all}}']}">${this.blockData.localizedText['{{clear-all}}']}</button>
+                <sp-theme theme="spectrum" color="light" scale="medium">
+                  <sp-button @click="${this.closeFiltersMobile}" aria-label="${this.blockData.localizedText['{{apply}}']}">${this.blockData.localizedText['{{apply}}']}</sp-button>
+                </sp-theme>
+              </div>
+            </div>
+          </div>
+        `
+        : ''
+      }
+    `;
+    }
+  /* eslint-enable indent */
+}
diff --git a/edsdme/blocks/search/SearchCardsStyles.js b/edsdme/blocks/search/SearchCardsStyles.js
new file mode 100644
index 0000000..470ab7f
--- /dev/null
+++ b/edsdme/blocks/search/SearchCardsStyles.js
@@ -0,0 +1,76 @@
+import { getLibs } from '../../scripts/utils.js';
+
+const miloLibs = getLibs();
+const { css } = await import(`${miloLibs}/deps/lit-all.min.js`);
+
+const borderColor = css`#eaeaea`;
+
+// eslint-disable-next-line import/prefer-default-export
+export const searchCardsStyles = css`
+  .search-box-wrapper * {
+    box-sizing: border-box;
+  }
+  
+  .search-box-wrapper {
+    background: transparent linear-gradient(96deg, #3D8BFF 0%, #9272FB 100%) 0% 0% no-repeat padding-box;
+    margin-bottom: 30px;
+    padding: 30px 0;
+  }
+  
+  .content {
+    display: block;
+    max-width: var(--grid-container-width);
+    margin: 0 auto;
+  }
+  
+  .search-box-wrapper .search-box {
+    background-color: #fff;
+    padding: 20px;
+    box-shadow: 0px 3px 6px #00000029;
+    border: 1px solid #BCBCBC;
+    border-radius: 12px;
+  }
+  
+  .search-box-wrapper .partner-cards-title {
+    margin-bottom: 20px;
+  }
+  
+  .partner-cards-sidebar {
+    padding-left: 0;
+  }
+  
+  .partner-cards-sidebar .sidebar-header {
+    margin-bottom: 5px;
+  }
+  
+  .partner-cards-header .partner-cards-title-wrapper {
+    justify-content: flex-start;
+    align-items: center;
+    gap: 8px;
+    font-size: 18px;
+    font-weight: bold;
+  }
+  
+  .partner-cards-header .partner-cards-sort-wrapper .sort-wrapper {
+    border-left : none;
+  }
+  
+  .partner-cards-collection {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+  
+  .partner-cards-collection .card-wrapper {
+    min-height: 80px;
+    width: 100%;
+    border: 1px solid ${borderColor};
+    border-radius: 4px;
+    cursor: pointer;
+  }
+  
+  .partner-cards-collection .card-wrapper:hover {
+    box-shadow: 0px 2px 4px #00000029;
+    border-color: #D3D3D3;
+  }
+`;
diff --git a/edsdme/blocks/search/cards.js b/edsdme/blocks/search/cards.js
new file mode 100644
index 0000000..4fba0de
--- /dev/null
+++ b/edsdme/blocks/search/cards.js
@@ -0,0 +1,235 @@
+const cardsData = {
+  cards: [
+    {
+      id: '1',
+      styles: {
+        backgroundImage: 'https://main--dme-partners--adobecom.hlx.live/default-meta-image.png?width=1200&format=pjpg&optimize=medium',
+        backgroundAltText: 'backgroundAltText',
+      },
+      contentArea: {
+        detailText: '',
+        title: 'Captivate 2019, Channel Copy Existing Users (German)',
+        url: 'https://partnerdownload.adobe.com/p/captivate_2019_channel_copy_existing_users_d.pdf',
+        description: 'Captivate 2019, Channel Copy Existing Users',
+        size: '1 MB',
+        type: 'pdf',
+        contentType: 'page',
+      },
+      cardDate: '2024-06-09T12:35:03.000Z',
+      modifiedDate: '2024-06-09T12:35:03.000Z',
+      arbitrary: [
+        {
+          key: 'topic',
+          value: 'analyst-reports',
+        },
+        {
+          key: 'topic',
+          value: 'marketing',
+        },
+      ],
+      lang: 'en',
+      country: 'us',
+      origin: 'dme-partners',
+    },
+    {
+      id: '2',
+      styles: {
+        backgroundImage: '',
+        backgroundAltText: '',
+      },
+      contentArea: {
+        detailText: '',
+        title: 'Premiere�Elements 2018 Boxshot, 3D (UE)',
+        url: 'https://partnerdownload.adobe.com/p/MHAsset-216593.zip',
+        description: 'Captivate 2019, Channel Copy Existing Users',
+        size: '88 MB',
+        type: 'zip',
+        contentType: 'asset',
+      },
+      cardDate: '2024-07-09T12:35:03.000Z',
+      modifiedDate: '2024-07-09T12:35:03.000Z',
+      arbitrary: [
+        {
+          key: 'topic',
+          value: 'analyst-reports',
+        },
+      ],
+      lang: 'en',
+      country: 'us',
+      origin: 'dme-partners',
+    },
+    {
+      id: '3',
+      styles: {
+        backgroundImage: 'https://main--dme-partners--adobecom.hlx.live/default-meta-image.png?width=1200&format=pjpg&optimize=medium',
+        backgroundAltText: 'backgroundAltText',
+      },
+      contentArea: {
+        detailText: '',
+        title: 'Adobe Partner Connection Online Enrollment Checklist Certified/Gold - China (CN)',
+        url: 'https://partnerdownload.adobe.com/p/Online_Enrollment_Cert_Gold_v1.0_CN.pdf',
+        description: 'Checklist covering the online enrollment process for the Adobe Partner Connection Certified and Gold levels.',
+        size: '493 KB',
+        type: 'pdf',
+        contentType: 'page',
+      },
+      cardDate: '2024-05-09T12:35:03.000Z',
+      modifiedDate: '2024-05-09T12:35:03.000Z',
+      arbitrary: [
+        {
+          key: 'topic',
+          value: 'amplify',
+        },
+      ],
+      lang: 'en',
+      country: 'us',
+      origin: 'dme-partners',
+    },
+    {
+      id: '4',
+      styles: {
+        backgroundImage: 'https://main--dme-partners--adobecom.hlx.live/default-meta-image.png?width=1200&format=pjpg&optimize=medium',
+        backgroundAltText: 'backgroundAltText',
+      },
+      contentArea: {
+        detailText: '',
+        title: 'Adobe Partner Connection Online Enrollment Checklist Registered - China (CN)',
+        url: 'https://partnerdownload.adobe.com/p/Online_Enrollment_Registered_v1.0_CN.pdf',
+        description: 'Checklist covering the online enrollment process for the Adobe Partner Connection registered level.',
+        size: '452 KB',
+        type: 'pdf',
+        contentType: 'page',
+      },
+      cardDate: '2024-04-09T12:35:03.000Z',
+      modifiedDate: '2024-04-09T12:35:03.000Z',
+      arbitrary: [
+        {
+          key: 'topic',
+          value: 'amplify',
+        },
+      ],
+      lang: 'en',
+      country: 'us',
+      origin: 'dme-partners',
+    },
+    {
+      id: '5',
+      styles: {
+        backgroundImage: 'https://main--dme-partners--adobecom.hlx.live/default-meta-image.png?width=1200&format=pjpg&optimize=medium',
+        backgroundAltText: 'backgroundAltText',
+      },
+      contentArea: {
+        detailText: '',
+        title: 'Restricting Access and Permissions Arabic AR',
+        url: 'https://partnerdownload.adobe.com/p/restricting_access_and_permissions--ar.pdf',
+        description: 'Restricting Access and Permissions - Arabic',
+        size: '80 KB',
+        type: 'pdf',
+        contentType: 'page',
+      },
+      cardDate: '2024-03-09T12:35:03.000Z',
+      modifiedDate: '2024-03-09T12:35:03.000Z',
+      arbitrary: [
+        {
+          key: 'topic',
+          value: 'amplify',
+        },
+      ],
+      lang: 'en',
+      country: 'us',
+      origin: 'dme-partners',
+    },
+    {
+      id: '6',
+      styles: {
+        backgroundImage: 'https://main--dme-partners--adobecom.hlx.live/default-meta-image.png?width=1200&format=pjpg&optimize=medium',
+        backgroundAltText: 'backgroundAltText',
+      },
+      contentArea: {
+        detailText: '',
+        title: 'Adobe Partner Connection Reseller Program Datasheet - Latin America (ES)',
+        url: 'https://partnerdownload.adobe.com/p/LAM_Reseller_Program_Datasheet_ES.pdf',
+        description: 'Datasheet covering the requirements and benefits of the Reseller Program.',
+        size: '120 KB',
+        type: 'pdf',
+        contentType: 'page',
+      },
+      cardDate: '2024-02-09T12:35:03.000Z',
+      modifiedDate: '2024-02-09T12:35:03.000Z',
+      arbitrary: [
+        {
+          key: 'topic',
+          value: 'analyst-reports',
+        },
+      ],
+      lang: 'en',
+      country: 'us',
+      origin: 'dme-partners',
+    },
+    {
+      id: '7',
+      styles: {
+        backgroundImage: '',
+        backgroundAltText: '',
+      },
+      contentArea: {
+        detailText: '',
+        title: 'Photoshop Elements and Premiere�Elements 2018 Boxshot, 3D (UE)',
+        url: 'https://partnerdownload.adobe.com/p/MHAsset-216587.zip',
+        description: 'Marketing materials for Photoshop Elements & Premiere Elements 2018 product launch.',
+        size: '84 MB',
+        type: 'zip',
+        contentType: 'asset',
+      },
+      cardDate: '2024-01-09T12:35:03.000Z',
+      modifiedDate: '2024-01-09T12:35:03.000Z',
+      arbitrary: [
+        {
+          key: 'topic',
+          value: 'analyst-reports',
+        },
+        {
+          key: 'topic',
+          value: 'marketing',
+        },
+      ],
+      lang: 'en',
+      country: 'us',
+      origin: 'dme-partners',
+    },
+    {
+      id: '8',
+      styles: {
+        backgroundImage: 'https://main--dme-partners--adobecom.hlx.live/default-meta-image.png?width=1200&format=pjpg&optimize=medium',
+        backgroundAltText: 'backgroundAltText',
+      },
+      contentArea: {
+        detailText: '',
+        title: 'Securing Your PDF Portfolio (Arabic)',
+        url: 'https://partnerdownload.adobe.com/p/securing_your_pdf_portfolio--ar.pdf',
+        description: 'Securing Your PDF Portfolio - Arabic',
+        size: '106 KB',
+        type: 'pdf',
+        contentType: 'page',
+      },
+      cardDate: '2023-07-09T12:35:03.000Z',
+      modifiedDate: '2023-07-09T12:35:03.000Z',
+      arbitrary: [
+        {
+          key: 'topic',
+          value: 'analyst-reports',
+        },
+      ],
+      lang: 'en',
+      country: 'us',
+      origin: 'dme-partners',
+    },
+  ],
+  filters: [],
+  debug: [
+    { missingIds: [] },
+  ],
+  isHashed: false,
+};
+
+export default cardsData;
diff --git a/edsdme/blocks/search/search.css b/edsdme/blocks/search/search.css
new file mode 100644
index 0000000..e69de29
diff --git a/edsdme/blocks/search/search.js b/edsdme/blocks/search/search.js
new file mode 100644
index 0000000..40456a2
--- /dev/null
+++ b/edsdme/blocks/search/search.js
@@ -0,0 +1,87 @@
+import { getLibs, replaceText, getConfig, populateLocalizedTextFromListItems } from '../../scripts/utils.js';
+import Search from './SearchCards.js';
+
+function declareSearch() {
+  if (customElements.get('search-cards')) return;
+  customElements.define('search-cards', Search);
+}
+
+async function localizationPromises(localizedText, config) {
+  return Promise.all(Object.keys(localizedText).map(async (key) => {
+    const value = await replaceText(key, config);
+    if (value.length) localizedText[key] = value;
+  }));
+}
+
+export default async function init(el) {
+  performance.mark('search-cards:start');
+
+  const miloLibs = getLibs();
+  const config = getConfig();
+
+  const sectionIndex = el.parentNode.getAttribute('data-idx');
+
+  const localizedText = {
+    '{{all}}': 'All',
+    '{{apply}}': 'Apply',
+    '{{assets}}': 'Assets',
+    '{{back}}': 'Back',
+    '{{clear-all}}': 'Clear all',
+    '{{download}}': 'Download',
+    '{{filter}}': 'Filter',
+    '{{filter-by}}': 'Filter by',
+    '{{filters}}': 'Filters',
+    '{{open-in}}': 'Open in',
+    '{{open-in-disabled}}': 'Open in disabled',
+    '{{last-modified}}': 'Last modified',
+    '{{load-more}}': 'Load more',
+    '{{next}}': 'Next',
+    '{{next-page}}': 'Next Page',
+    '{{no-results-description}}': 'Try checking your spelling or broadening your search.',
+    '{{no-results-title}}': 'No Results Found',
+    '{{of}}': 'Of',
+    '{{page}}': 'Page',
+    '{{pages}}': 'Pages',
+    '{{prev}}': 'Prev',
+    '{{previous-page}}': 'Previous Page',
+    '{{results}}': 'Results',
+    '{{search-topics-resources-files}}': 'Search for topics, resources or files',
+    '{{show}}': 'Show',
+    '{{showing-results-for}}': 'Showing results for:',
+    '{{size}}': 'Size',
+  };
+
+  populateLocalizedTextFromListItems(el, localizedText);
+
+  const deps = await Promise.all([
+    localizationPromises(localizedText, config),
+    import(`${miloLibs}/features/spectrum-web-components/dist/theme.js`),
+    import(`${miloLibs}/features/spectrum-web-components/dist/search.js`),
+    import(`${miloLibs}/features/spectrum-web-components/dist/checkbox.js`),
+    import(`${miloLibs}/features/spectrum-web-components/dist/button.js`),
+    import(`${miloLibs}/features/spectrum-web-components/dist/progress-circle.js`),
+    import(`${miloLibs}/features/spectrum-web-components/dist/action-button.js`),
+    import(`${miloLibs}/features/spectrum-web-components/dist/icons-workflow.js`),
+  ]);
+
+  declareSearch();
+
+  const blockData = {
+    localizedText,
+    tableData: el.children,
+    cardsPerPage: 12,
+    ietf: config.locale.ietf,
+    pagination: 'default',
+  };
+
+  const app = document.createElement('search-cards');
+  app.className = 'search-cards-wrapper';
+  app.blockData = blockData;
+  app.setAttribute('data-idx', sectionIndex);
+  el.replaceWith(app);
+
+  await deps;
+  performance.mark('search-cards:end');
+  performance.measure('search-cards block', 'search-cards:start', 'search-cards:end');
+  return app;
+}
diff --git a/edsdme/components/SearchCard.js b/edsdme/components/SearchCard.js
new file mode 100644
index 0000000..86abb4a
--- /dev/null
+++ b/edsdme/components/SearchCard.js
@@ -0,0 +1,79 @@
+import { searchCardStyles } from './SearchCardStyles.js';
+import { formatDate, getLibs } from '../scripts/utils.js';
+
+const miloLibs = getLibs();
+const { html, repeat, LitElement } = await import(`${miloLibs}/deps/lit-all.min.js`);
+
+class SearchCard extends LitElement {
+  static properties = {
+    data: { type: Object },
+    localizedText: { type: Object },
+  };
+
+  static styles = searchCardStyles;
+
+  get cardTags() {
+    const tags = this.data.arbitrary;
+    if (!tags.length) return;
+    // eslint-disable-next-line consistent-return
+    return html`${repeat(
+      tags,
+      (tag) => tag,
+      (tag) => html`<span class="card-tag">${this.localizedText[`{{${tag.value}}}`]}</span>`,
+    )}`;
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  setDownloadParam(url) {
+    if (!url) return;
+    const urlWithParam = new URL(url);
+    urlWithParam.search = 'download';
+    // eslint-disable-next-line consistent-return
+    return urlWithParam;
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  toggleCard(searchCard) {
+    searchCard.classList.toggle('expanded');
+  }
+
+  /* eslint-disable indent */
+  render() {
+    return html`
+      <div class="search-card" @click=${(e) => this.toggleCard(e.currentTarget)}>
+        <div class="card-header">
+          <div class="card-title-wrapper">
+            <span class="card-chevron-icon"></span>
+            <div class="file-icon" style="background-image: url('/edsdme/img/icons/${this.data.contentArea?.type}.png')"></div>
+            <span class="card-title">${this.data.contentArea?.title !== 'card-metadata' ? this.data.contentArea?.title : ''}</span>
+          </div>
+          <div class="card-icons">
+            <sp-theme theme="spectrum" color="light" scale="medium">
+              <sp-action-button href="${this.setDownloadParam(this.data.contentArea?.url)}" download="${this.data.contentArea?.title}" aria-label="${this.localizedText['{{download}}']}"><sp-icon-download /></sp-action-button>
+              ${this.data.contentArea?.type === 'pdf'
+                ? html`<sp-action-button href="${this.data.contentArea?.url}" aria-label="${this.localizedText['{{open-in}}']}"><sp-icon-open-in /></sp-action-button>`
+                : html`<sp-action-button disabled selected aria-label="${this.localizedText['{{open-in-disabled}}']}"><sp-icon-open-in /></sp-action-button>`
+              }
+            </sp-theme>
+          </div>
+        </div>
+        
+        <div class="card-content">
+          ${this.data.styles?.backgroundImage
+            ? html`<div class="card-img" style="background-image: url('${this.data.styles?.backgroundImage}')" alt="${this.data.styles?.backgroundAltText}"></div>`
+            : ''
+          }
+          <div class="card-text">
+            <span class="card-date">${this.localizedText['{{last-modified}}']}: ${formatDate(this.data.cardDate)}
+              <span class="card-size">${this.localizedText['{{size}}']}: ${this.data.contentArea?.size}</span>
+            </span>
+            <p class="card-description">${this.data.contentArea?.description}</p>
+            <div class="card-tags-wrapper">${this.cardTags}</div>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  /* eslint-enable indent */
+}
+customElements.define('search-card', SearchCard);
diff --git a/edsdme/components/SearchCardStyles.js b/edsdme/components/SearchCardStyles.js
new file mode 100644
index 0000000..9494b48
--- /dev/null
+++ b/edsdme/components/SearchCardStyles.js
@@ -0,0 +1,126 @@
+import { getLibs } from '../scripts/utils.js';
+
+const miloLibs = getLibs();
+const { css } = await import(`${miloLibs}/deps/lit-all.min.js`);
+
+export const searchCardStyles = css`
+  .search-card * {
+    box-sizing: border-box;
+  }
+  
+  .search-card {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    padding: 16px;
+  }
+  
+  .search-card .card-header {
+    height: 40px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  
+  .card-header .card-title-wrapper {
+    display: flex;
+    align-items: center;
+  }
+  
+  .card-title-wrapper .card-chevron-icon {
+    border: solid #747474;
+    border-width: 0 2px 2px 0;
+    display: inline-block;
+    padding: 3px;
+    transform: rotate(-45deg);
+    width: 5px;
+    height: 5px;
+  }
+  
+  .card-title-wrapper .file-icon {
+    height: 28px;
+    max-width: auto;
+    width: 20px;
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
+    background-size: cover;
+    margin: 0 20px;
+  }
+  
+  .card-title-wrapper .card-title {
+    font-size: 16px;
+    font-weight: bold;
+  }
+  
+  .card-header .card-icons {
+    z-index: 1;
+  }
+  
+  .search-card .card-content {
+    display:none;
+  }
+  
+  .search-card.expanded .card-content {
+    display: flex;
+    padding-top: 20px;
+  }
+  
+  .search-card.expanded .card-title-wrapper .card-chevron-icon {
+    transform: rotate(45deg);
+  }
+  
+  .card-content .card-img {
+    height: 161px;
+    width: 132px;
+    background-color: #E2DFDF;
+    background-repeat: no-repeat;
+    background-position: 50% 50%;
+    background-size: cover;
+    margin-right: 30px;
+  }
+  
+  .card-content .card-text {
+  }
+  
+  .card-text .card-date {
+    font-size: 11px;
+    font-weight: bold;
+    text-transform: uppercase;
+    color: #747474;
+    letter-spacing: 0.66px;
+  }
+  
+  .card-text .card-size {
+    padding-left: 5px;
+  }
+  
+  .card-text .card-size::before {
+    content: ' \\00B7';
+    padding-right: 5px;
+    font-size: 16px;
+  }
+  
+  .card-text .card-description {
+    font-size: 14px;
+    color: #505050;
+    margin: 0 0 6px;
+  }
+  
+  .card-text .card-tags-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 5px;
+  }
+  
+  .card-tags-wrapper .card-tag {
+    border: 1px solid #6D6D6D;
+    border-radius: 4px;
+    padding: 0 5px;
+    color: #464646;
+    font-size: 12px;
+  }
+  
+  .card-tags-wrapper .card-tag:first-letter {
+    text-transform: uppercase;
+  }
+`;
diff --git a/edsdme/img/icons/pdf.png b/edsdme/img/icons/pdf.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d0fcb04a88f00a88c39264fa11777c6e2aca2e9
GIT binary patch
literal 4423
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

literal 0
HcmV?d00001

diff --git a/edsdme/img/icons/zip.png b/edsdme/img/icons/zip.png
new file mode 100644
index 0000000000000000000000000000000000000000..df056d57c671af9fe5e818208223dd992a77edc0
GIT binary patch
literal 12645
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

literal 0
HcmV?d00001


From fb4c37655aa844046c4d39f455c38a62aa9ff529 Mon Sep 17 00:00:00 2001
From: Dragana Trajkovic <dragana.trajkovic@lilly021.com>
Date: Fri, 19 Jul 2024 16:14:16 +0200
Subject: [PATCH 3/5] MWPW-147409 - fetch the data on each handleAction

---
 edsdme/blocks/search/SearchCards.js | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/edsdme/blocks/search/SearchCards.js b/edsdme/blocks/search/SearchCards.js
index cabffc6..06635af 100644
--- a/edsdme/blocks/search/SearchCards.js
+++ b/edsdme/blocks/search/SearchCards.js
@@ -66,6 +66,11 @@ export default class Search extends PartnerCards {
     this.contentTypeCounter = counts;
   }
 
+  handleActions() {
+    this.fetchData();
+    super.handleActions();
+  }
+
   additionalActions() {
     this.setContentTypeCounts();
     this.handleContentTypeAction();

From c2552be886b4a2dd649e224ca99bb0a5273ef266 Mon Sep 17 00:00:00 2001
From: Dragana Trajkovic <dragana.trajkovic@lilly021.com>
Date: Fri, 19 Jul 2024 16:35:21 +0200
Subject: [PATCH 4/5] MWPW-147409 - open in a new tab

---
 edsdme/components/SearchCard.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/edsdme/components/SearchCard.js b/edsdme/components/SearchCard.js
index 86abb4a..afc8b26 100644
--- a/edsdme/components/SearchCard.js
+++ b/edsdme/components/SearchCard.js
@@ -51,7 +51,7 @@ class SearchCard extends LitElement {
             <sp-theme theme="spectrum" color="light" scale="medium">
               <sp-action-button href="${this.setDownloadParam(this.data.contentArea?.url)}" download="${this.data.contentArea?.title}" aria-label="${this.localizedText['{{download}}']}"><sp-icon-download /></sp-action-button>
               ${this.data.contentArea?.type === 'pdf'
-                ? html`<sp-action-button href="${this.data.contentArea?.url}" aria-label="${this.localizedText['{{open-in}}']}"><sp-icon-open-in /></sp-action-button>`
+                ? html`<sp-action-button href="${this.data.contentArea?.url}" target="_blank" aria-label="${this.localizedText['{{open-in}}']}"><sp-icon-open-in /></sp-action-button>`
                 : html`<sp-action-button disabled selected aria-label="${this.localizedText['{{open-in-disabled}}']}"><sp-icon-open-in /></sp-action-button>`
               }
             </sp-theme>

From 390ffd14bc30ba2fb0ec38df720f5232420ee75c Mon Sep 17 00:00:00 2001
From: Dragana Trajkovic <dragana.trajkovic@lilly021.com>
Date: Wed, 24 Jul 2024 13:44:52 +0200
Subject: [PATCH 5/5] MWPW-147409 - file types icons

---
 edsdme/blocks/search/cards.js         |  43 ++++++++++++++++++++++----
 edsdme/components/SearchCard.js       |   2 +-
 edsdme/components/SearchCardStyles.js |   5 ++-
 edsdme/img/icons/html.svg             |   4 +++
 edsdme/img/icons/img.svg              |   4 +++
 edsdme/img/icons/m4v.svg              |   3 ++
 edsdme/img/icons/pdf.png              | Bin 4423 -> 0 bytes
 edsdme/img/icons/pdf.svg              |   5 +++
 edsdme/img/icons/ppt.svg              |   5 +++
 edsdme/img/icons/rec.svg              |   5 +++
 edsdme/img/icons/word.svg             |   5 +++
 edsdme/img/icons/xlsx.svg             |   5 +++
 edsdme/img/icons/zip.png              | Bin 12645 -> 0 bytes
 edsdme/img/icons/zip.svg              |   5 +++
 14 files changed, 81 insertions(+), 10 deletions(-)
 create mode 100644 edsdme/img/icons/html.svg
 create mode 100644 edsdme/img/icons/img.svg
 create mode 100644 edsdme/img/icons/m4v.svg
 delete mode 100644 edsdme/img/icons/pdf.png
 create mode 100644 edsdme/img/icons/pdf.svg
 create mode 100644 edsdme/img/icons/ppt.svg
 create mode 100644 edsdme/img/icons/rec.svg
 create mode 100644 edsdme/img/icons/word.svg
 create mode 100644 edsdme/img/icons/xlsx.svg
 delete mode 100644 edsdme/img/icons/zip.png
 create mode 100644 edsdme/img/icons/zip.svg

diff --git a/edsdme/blocks/search/cards.js b/edsdme/blocks/search/cards.js
index 4fba0de..23f73cd 100644
--- a/edsdme/blocks/search/cards.js
+++ b/edsdme/blocks/search/cards.js
@@ -70,7 +70,7 @@ const cardsData = {
         url: 'https://partnerdownload.adobe.com/p/Online_Enrollment_Cert_Gold_v1.0_CN.pdf',
         description: 'Checklist covering the online enrollment process for the Adobe Partner Connection Certified and Gold levels.',
         size: '493 KB',
-        type: 'pdf',
+        type: 'm4v',
         contentType: 'page',
       },
       cardDate: '2024-05-09T12:35:03.000Z',
@@ -97,7 +97,7 @@ const cardsData = {
         url: 'https://partnerdownload.adobe.com/p/Online_Enrollment_Registered_v1.0_CN.pdf',
         description: 'Checklist covering the online enrollment process for the Adobe Partner Connection registered level.',
         size: '452 KB',
-        type: 'pdf',
+        type: 'word',
         contentType: 'page',
       },
       cardDate: '2024-04-09T12:35:03.000Z',
@@ -124,7 +124,7 @@ const cardsData = {
         url: 'https://partnerdownload.adobe.com/p/restricting_access_and_permissions--ar.pdf',
         description: 'Restricting Access and Permissions - Arabic',
         size: '80 KB',
-        type: 'pdf',
+        type: 'xlsx',
         contentType: 'page',
       },
       cardDate: '2024-03-09T12:35:03.000Z',
@@ -151,7 +151,7 @@ const cardsData = {
         url: 'https://partnerdownload.adobe.com/p/LAM_Reseller_Program_Datasheet_ES.pdf',
         description: 'Datasheet covering the requirements and benefits of the Reseller Program.',
         size: '120 KB',
-        type: 'pdf',
+        type: 'ppt',
         contentType: 'page',
       },
       cardDate: '2024-02-09T12:35:03.000Z',
@@ -178,7 +178,7 @@ const cardsData = {
         url: 'https://partnerdownload.adobe.com/p/MHAsset-216587.zip',
         description: 'Marketing materials for Photoshop Elements & Premiere Elements 2018 product launch.',
         size: '84 MB',
-        type: 'zip',
+        type: 'rec',
         contentType: 'asset',
       },
       cardDate: '2024-01-09T12:35:03.000Z',
@@ -209,7 +209,7 @@ const cardsData = {
         url: 'https://partnerdownload.adobe.com/p/securing_your_pdf_portfolio--ar.pdf',
         description: 'Securing Your PDF Portfolio - Arabic',
         size: '106 KB',
-        type: 'pdf',
+        type: 'html',
         contentType: 'page',
       },
       cardDate: '2023-07-09T12:35:03.000Z',
@@ -224,6 +224,37 @@ const cardsData = {
       country: 'us',
       origin: 'dme-partners',
     },
+    {
+      id: '9',
+      styles: {
+        backgroundImage: 'https://main--dme-partners--adobecom.hlx.live/default-meta-image.png?width=1200&format=pjpg&optimize=medium',
+        backgroundAltText: 'backgroundAltText',
+      },
+      contentArea: {
+        detailText: '',
+        title: 'Captivate 2020, Channel Copy Existing Users',
+        url: 'https://partnerdownload.adobe.com/p/captivate_2019_channel_copy_existing_users_d.pdf',
+        description: 'Captivate 2019, Channel Copy Existing Users',
+        size: '1 MB',
+        type: 'img',
+        contentType: 'page',
+      },
+      cardDate: '2024-06-09T12:35:03.000Z',
+      modifiedDate: '2024-06-09T12:35:03.000Z',
+      arbitrary: [
+        {
+          key: 'topic',
+          value: 'analyst-reports',
+        },
+        {
+          key: 'topic',
+          value: 'marketing',
+        },
+      ],
+      lang: 'en',
+      country: 'us',
+      origin: 'dme-partners',
+    },
   ],
   filters: [],
   debug: [
diff --git a/edsdme/components/SearchCard.js b/edsdme/components/SearchCard.js
index afc8b26..270ce51 100644
--- a/edsdme/components/SearchCard.js
+++ b/edsdme/components/SearchCard.js
@@ -44,7 +44,7 @@ class SearchCard extends LitElement {
         <div class="card-header">
           <div class="card-title-wrapper">
             <span class="card-chevron-icon"></span>
-            <div class="file-icon" style="background-image: url('/edsdme/img/icons/${this.data.contentArea?.type}.png')"></div>
+            <div class="file-icon" style="background-image: url('/edsdme/img/icons/${this.data.contentArea?.type}.svg')"></div>
             <span class="card-title">${this.data.contentArea?.title !== 'card-metadata' ? this.data.contentArea?.title : ''}</span>
           </div>
           <div class="card-icons">
diff --git a/edsdme/components/SearchCardStyles.js b/edsdme/components/SearchCardStyles.js
index 9494b48..aa07eb6 100644
--- a/edsdme/components/SearchCardStyles.js
+++ b/edsdme/components/SearchCardStyles.js
@@ -38,9 +38,8 @@ export const searchCardStyles = css`
   }
   
   .card-title-wrapper .file-icon {
-    height: 28px;
-    max-width: auto;
-    width: 20px;
+    height: 40px;
+    width: 40px;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     background-size: cover;
diff --git a/edsdme/img/icons/html.svg b/edsdme/img/icons/html.svg
new file mode 100644
index 0000000..c270544
--- /dev/null
+++ b/edsdme/img/icons/html.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="#6e6e6e" class="spectrum-Icon_368b34 spectrum-Icon--sizeM_368b34" focusable="false" aria-hidden="true" role="img">
+  <path d="M2 5v26a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1zm30 25H4V10h28z"></path>
+  <text x="50%" y="60%" text-anchor="middle" dy=".3em" font-size="9" font-weight="bold" letter-spacing="-0.5" fill="#6e6e6e" font-family="adobe-clean-ux, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif"> HTML </text>
+</svg>
diff --git a/edsdme/img/icons/img.svg b/edsdme/img/icons/img.svg
new file mode 100644
index 0000000..4be5998
--- /dev/null
+++ b/edsdme/img/icons/img.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="#0f797d" class="spectrum-Icon_368b34 spectrum-Icon--sizeM_368b34" focusable="false" aria-hidden="true" role="img">
+  <path d="M33 6H3a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1zm-1 19.373L26.728 20.1a2 2 0 0 0-2.828 0l-3.072 3.072-7.556-7.557a2 2 0 0 0-2.828 0L4 22.059V8h28z"></path>
+  <circle cx="26.7" cy="13.3" r="2.7"></circle>
+</svg>
diff --git a/edsdme/img/icons/m4v.svg b/edsdme/img/icons/m4v.svg
new file mode 100644
index 0000000..fb9386c
--- /dev/null
+++ b/edsdme/img/icons/m4v.svg
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="#c038cc" class="spectrum-Icon_368b34 spectrum-Icon--sizeM_368b34" focusable="false" aria-hidden="true" role="img">
+  <path d="M4 5v26a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1zm6 24.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5zm0-6.706a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5zm0-6.588a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5zM10 9.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5zM23.5 18h-11a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5zM30 29.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5zm0-6.706a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5zm0-6.588a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5zM30 9.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5z"></path>
+</svg>
diff --git a/edsdme/img/icons/pdf.png b/edsdme/img/icons/pdf.png
deleted file mode 100644
index 0d0fcb04a88f00a88c39264fa11777c6e2aca2e9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4423
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

diff --git a/edsdme/img/icons/pdf.svg b/edsdme/img/icons/pdf.svg
new file mode 100644
index 0000000..5cd5550
--- /dev/null
+++ b/edsdme/img/icons/pdf.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="#fe181e" class="spectrum-Icon_368b34 spectrum-Icon--sizeM_368b34" focusable="false" aria-hidden="true" role="img">
+  <path d="M20 11V2H7a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V12h-9a1 1 0 0 1-1-1z"></path>
+  <path d="M22 2h.086a1 1 0 0 1 .707.293l6.914 6.914a1 1 0 0 1 .293.707V10h-8z"></path>
+  <text x="50%" y="64%" text-anchor="middle" dy=".3em" font-size="9" font-weight="bold" letter-spacing="-0.5" fill="white" font-family="adobe-clean-ux, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif"> PDF </text>
+</svg>
diff --git a/edsdme/img/icons/ppt.svg b/edsdme/img/icons/ppt.svg
new file mode 100644
index 0000000..d36cdd5
--- /dev/null
+++ b/edsdme/img/icons/ppt.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="#d25538" class="spectrum-Icon_368b34 spectrum-Icon--sizeM_368b34" focusable="false" aria-hidden="true" role="img">
+  <path d="M20 11V2H7a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V12h-9a1 1 0 0 1-1-1z"></path>
+  <path d="M22 2h.086a1 1 0 0 1 .707.293l6.914 6.914a1 1 0 0 1 .293.707V10h-8z"></path>
+  <text x="50%" y="64%" text-anchor="middle" dy=".3em" font-size="9" font-weight="bold" letter-spacing="-0.5" fill="white" font-family="adobe-clean-ux, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif"> PPT </text>
+</svg>
diff --git a/edsdme/img/icons/rec.svg b/edsdme/img/icons/rec.svg
new file mode 100644
index 0000000..5fbf0d0
--- /dev/null
+++ b/edsdme/img/icons/rec.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="#9256d9" class="spectrum-Icon_368b34 spectrum-Icon--sizeM_368b34" focusable="false" aria-hidden="true" role="img">
+  <path d="M20 11V2H7a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V12h-9a1 1 0 0 1-1-1z"></path>
+  <path d="M22 2h.086a1 1 0 0 1 .707.293l6.914 6.914a1 1 0 0 1 .293.707V10h-8z"></path>
+  <text x="50%" y="64%" text-anchor="middle" dy=".3em" font-size="9" font-weight="bold" letter-spacing="-0.5" fill="white" font-family="adobe-clean-ux, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif"> REC </text>
+</svg>
diff --git a/edsdme/img/icons/word.svg b/edsdme/img/icons/word.svg
new file mode 100644
index 0000000..fb25d7d
--- /dev/null
+++ b/edsdme/img/icons/word.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="#2f7bd0" class="spectrum-Icon_368b34 spectrum-Icon--sizeM_368b34" focusable="false" aria-hidden="true" role="img">
+  <path d="M20 11V2H7a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V12h-9a1 1 0 0 1-1-1z"></path>
+  <path d="M22 2h.086a1 1 0 0 1 .707.293l6.914 6.914a1 1 0 0 1 .293.707V10h-8z"></path>
+  <text x="50%" y="64%" text-anchor="middle" dy=".3em" font-size="9" font-weight="bold" letter-spacing="-0.5" fill="white" font-family="adobe-clean-ux, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif"> DOC </text>
+</svg>
diff --git a/edsdme/img/icons/xlsx.svg b/edsdme/img/icons/xlsx.svg
new file mode 100644
index 0000000..955d5bf
--- /dev/null
+++ b/edsdme/img/icons/xlsx.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="#0f797d" class="spectrum-Icon_368b34 spectrum-Icon--sizeM_368b34" focusable="false" aria-hidden="true" role="img">
+  <path d="M20 11V2H7a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h22a1 1 0 0 0 1-1V12h-9a1 1 0 0 1-1-1z"></path>
+  <path d="M22 2h.086a1 1 0 0 1 .707.293l6.914 6.914a1 1 0 0 1 .293.707V10h-8z"></path>
+  <text x="50%" y="64%" text-anchor="middle" dy=".3em" font-size="9" font-weight="bold" fill="white" letter-spacing="-0.5" font-family="adobe-clean-ux, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif"> XLS </text>
+</svg>
diff --git a/edsdme/img/icons/zip.png b/edsdme/img/icons/zip.png
deleted file mode 100644
index df056d57c671af9fe5e818208223dd992a77edc0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 12645
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

diff --git a/edsdme/img/icons/zip.svg b/edsdme/img/icons/zip.svg
new file mode 100644
index 0000000..c297652
--- /dev/null
+++ b/edsdme/img/icons/zip.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" fill="#dfbf00" class="spectrum-Icon_368b34 spectrum-Icon--sizeM_368b34" focusable="false" aria-hidden="true" role="img">
+  <path d="M20 2v10h10L20 2z"></path>
+  <path d="M19 14a1 1 0 0 1-1-1V2h-4v15.5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V2H7a1 1 0 0 0-1 1v30a1 1 0 0 0 1 1h5v-3.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V34h15a1 1 0 0 0 1-1V14zm-1 13a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V17a1 1 0 0 1 1-1h1v4h6v-4h1a1 1 0 0 1 1 1z"></path>
+  <circle cx="13" cy="24" r="2.186"></circle>
+</svg>