@genesislcap/pbc-documents-ui 0.0.1

package/dist/esm/components/foundation-document-manager/document-manager.template.js

@@ -0,0 +1,93 @@
+import { html, ref, repeat, when } from '@microsoft/fast-element';
+import { ViewSelection } from './document-manager';
+import { closeIcon } from '@genesislcap/foundation-ui';
+import { hamburgerIcon, searchIcon, uploadIcon, viewTileIcon } from './utils/icons';
+import { DocumentTile } from './component/document-tile/document-tile';
+import { DocumentUpload } from './component/document-upload/document-upload';
+import { DocumentGrid } from './component/document-grid/document-grid';
+DocumentTile;
+DocumentUpload;
+DocumentGrid;
+export const DocumentManagerTemplate = html `
+  <fast-dialog ${ref('modal')}>
+    <div class="container">
+      <div class="header">
+        <a class="title">Document manager</a>
+        <zero-button class="close-btn" @click=${(x) => x.modal.hide()}>
+          ${closeIcon('')}
+        </zero-button>
+      </div>
+      <div class="body">
+        <div class="pinned-left">
+          <a class="pinned-left-header">DIRECTORIES</a>
+          <div class="directory-list">
+            ${repeat((x) => x.directories, html `
+                <zero-button
+                  class="directory-btn${(x, c) => x.id == c.parent.currentdirectory ? '-selected' : ''}"
+                  @click=${(x, c) => c.parent.changeDirectory(x.id)}
+                >
+                  ${(x) => x.icon} ${(x) => x.title}
+                </zero-button>
+              `, { positioning: true })}
+          </div>
+        </div>
+        <div class="pinned-right">
+          <div class="pinned-right-header">
+            <span class="pinned-right-header-left-group">
+              <zero-text-field
+                ${ref('searchField')}
+                placeholder="Search..."
+                @change=${(x) => x.changeSearchFilter()}
+              >
+                ${searchIcon}
+              </zero-text-field>
+              <zero-segmented-control>
+                <zero-segmented-item
+                  checked="true"
+                  value="GRID"
+                  @click=${(x) => x.changeView(ViewSelection.GRID)}
+                >
+                  ${hamburgerIcon}
+                </zero-segmented-item>
+                <zero-segmented-item value="TILE" @click=${(x) => x.changeView(ViewSelection.TILE)}>
+                  ${viewTileIcon}
+                </zero-segmented-item>
+              </zero-segmented-control>
+            </span>
+            <zero-button
+              class="upload-btn ${(x) => (x.uploadingDocument ? 'uploading' : '')}"
+              @click=${(x) => x.startUploading()}
+            >
+              ${uploadIcon('start')} Upload Document
+            </zero-button>
+          </div>
+          <div class="pinned-right-body">
+            ${when((x) => x.currentView == ViewSelection.TILE && !x.uploadingDocument, html `
+                <document-tile
+                  :data=${(x) => x.filteredDocuments}
+                  @download-document=${(x, c) => x.downloadDocument(c.event.detail)}
+                  @remove-document=${(x, c) => x.deleteDocument(c.event.detail)}
+                ></document-tile>
+              `)}
+            ${when((x) => x.currentView == ViewSelection.GRID && !x.uploadingDocument, html `
+                <document-grid
+                  :data=${(x) => x.filteredDocuments}
+                  @download-document=${(x, c) => x.downloadDocument(c.event.detail)}
+                  @remove-document=${(x, c) => x.deleteDocument(c.event.detail)}
+                ></document-grid>
+              `)}
+            ${when((x) => x.uploadingDocument, html `
+                <document-upload></document-upload>
+              `)}
+          </div>
+        </div>
+      </div>
+      <div class="footer">
+        ${when((x) => !x.uploadingDocument, html `
+            <a>${(x) => x.filteredDocuments.length} Documents</a>
+          `)}
+      </div>
+    </div>
+  </fast-dialog>
+`;
+//# sourceMappingURL=document-manager.template.js.map

package/dist/esm/components/foundation-document-manager/document-manager.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-manager.template.js","sourceRoot":"","sources":["../../../../src/components/foundation-document-manager/document-manager.template.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/foundation-document-manager/index.js

@@ -0,0 +1,2 @@
+export * from '.';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/foundation-document-manager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/foundation-document-manager/index.ts"],"names":[],"mappings":"AAAA,cAAc,GAAG,CAAC"}

package/dist/esm/components/foundation-document-manager/utils/action-cell-renderer.js

@@ -0,0 +1,39 @@
+export class ActionCellRenderer {
+    constructor() {
+        this.content = document.createElement('div');
+    }
+    init(params) {
+        this.renderButtons(params);
+    }
+    renderButtons(params) {
+        const { actions, data, enabled } = params;
+        this.content.setAttribute('style', 'display: flex; gap: 8px; align-items: center;');
+        actions.forEach((action) => {
+            const button = document.createElement('span');
+            button.title = action.actionName;
+            const defualtStyle = 'display: flex; cursor: pointer;';
+            const defualtColor = 'fill: #879ba6;';
+            button.setAttribute('style', defualtStyle + defualtColor);
+            button.addEventListener('mouseover', () => {
+                button.setAttribute('style', 'fill: #ffffff;' + defualtStyle);
+            });
+            button.addEventListener('mouseleave', () => [
+                button.setAttribute('style', defualtStyle + defualtColor),
+            ]);
+            button.innerHTML = action.name;
+            button.addEventListener('click', () => {
+                action.callback(data);
+            });
+            this.content.appendChild(button);
+        });
+    }
+    refresh(params) {
+        this.content.innerHTML = '';
+        this.renderButtons(params);
+        return true;
+    }
+    getGui() {
+        return this.content;
+    }
+}
+//# sourceMappingURL=action-cell-renderer.js.map

package/dist/esm/components/foundation-document-manager/utils/action-cell-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-cell-renderer.js","sourceRoot":"","sources":["../../../../../src/components/foundation-document-manager/utils/action-cell-renderer.ts"],"names":[],"mappings":"AAWA,MAAM,OAAO,kBAAkB;IAG7B;QACE,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,IAAI,CAAC,MAAsB;QACzB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,aAAa,CAAC,MAAM;QAClB,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;QAC1C,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,+CAA+C,CAAC,CAAC;QACpF,OAAO,CAAC,OAAO,CAAC,CAAC,MAAe,EAAE,EAAE;YAClC,MAAM,MAAM,GAAgB,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC3D,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;YACjC,MAAM,YAAY,GAAG,iCAAiC,CAAC;YACvD,MAAM,YAAY,GAAG,gBAAgB,CAAC;YACtC,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,GAAG,YAAY,CAAC,CAAC;YAC1D,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,EAAE;gBACxC,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,YAAY,CAAC,CAAC;YAChE,CAAC,CAAC,CAAC;YACH,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC;gBAC1C,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,GAAG,YAAY,CAAC;aAC1D,CAAC,CAAC;YACH,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC;YAC/B,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACpC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CAAC,MAAM;QACZ,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF"}

package/dist/esm/components/foundation-document-manager/utils/file-type-cell-renderer.js

@@ -0,0 +1,26 @@
+import { getFileColor, getFileType } from '../../../utils/formatting';
+export class FileTypeCellRenderer {
+    constructor() {
+        this.content = document.createElement('div');
+    }
+    init(params) {
+        this.renderButtons(params);
+    }
+    renderButtons(params) {
+        const { data } = params;
+        const fileType = getFileType(data.FILE_NAME);
+        let style = 'height: fit-content; width: fit-content; padding: calc(var(--design-unit) * 1px) calc(var(--design-unit) * 2px); border-radius: calc(var(--control-corner-radius) * 1px); font-size: 10px; font-weight: 700; color: rgba(20, 20, 20, 0.89); text-align: center; line-height: normal;';
+        style += ` background-color:  ${getFileColor(fileType)};`;
+        this.content.setAttribute('style', style);
+        this.content.innerText = fileType;
+    }
+    refresh(params) {
+        this.content.innerHTML = '';
+        this.renderButtons(params);
+        return true;
+    }
+    getGui() {
+        return this.content;
+    }
+}
+//# sourceMappingURL=file-type-cell-renderer.js.map

package/dist/esm/components/foundation-document-manager/utils/file-type-cell-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-type-cell-renderer.js","sourceRoot":"","sources":["../../../../../src/components/foundation-document-manager/utils/file-type-cell-renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAEtE,MAAM,OAAO,oBAAoB;IAG/B;QACE,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,IAAI,CAAC,MAAW;QACd,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,aAAa,CAAC,MAAM;QAClB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;QACxB,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7C,IAAI,KAAK,GACP,sRAAsR,CAAC;QACzR,KAAK,IAAI,uBAAuB,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;QAC1D,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,QAAQ,CAAC;IACpC,CAAC;IAED,OAAO,CAAC,MAAM;QACZ,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,EAAE,CAAC;QAC5B,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;CACF"}

package/dist/esm/components/foundation-document-manager/utils/icons.js

@@ -0,0 +1,238 @@
+import { html } from '@microsoft/fast-element';
+export const uploadIcon = (slot) => html `
+  <svg
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="22px"
+    height="16px"
+    slot="${slot}"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g transform="matrix(1 0 0 1 -858 -177 )">
+      <path
+        d="M 14.128124999999997 8.385714285714286  L 10.7421875 4.875  C 10.580625000000001 4.707142857142857  10.319374999999999 4.707142857142857  10.1578125 4.875  L 6.77875 8.385714285714286  C 6.6171875 8.553571428571429  6.6171875 8.825000000000001  6.77875 8.992857142857144  L 6.9746875 9.196428571428571  C 7.1362499999999995 9.364285714285714  7.3975 9.364285714285714  7.5590625 9.196428571428571  L 9.903437499999999 6.760714285714286  L 9.903437499999999 12.142857142857142  C 9.903437499999999 12.37857142857143  10.089062499999997 12.571428571428571  10.315937499999999 12.571428571428571  L 10.590937499999999 12.571428571428571  C 10.817812499999999 12.571428571428571  11.003437499999999 12.37857142857143  11.003437499999999 12.142857142857142  L 11.003437499999999 6.760714285714286  L 13.3478125 9.196428571428571  C 13.509374999999999 9.364285714285714  13.770624999999999 9.364285714285714  13.932187499999998 9.196428571428571  L 14.128124999999997 8.992857142857144  C 14.289687499999998 8.825000000000001  14.289687499999998 8.553571428571429  14.128124999999997 8.385714285714286  Z M 22 11.428571428571429  C 22 9.75  21.113125 8.185714285714285  19.6521875 7.385714285714286  C 19.7484375 7.0321428571428575  19.8 6.6642857142857155  19.8 6.285714285714286  C 19.8 4.075  18.0778125 2.2857142857142856  15.95 2.2857142857142856  C 15.375937500000001 2.2857142857142856  14.8190625 2.414285714285714  14.3 2.6714285714285713  C 13.21375 1.0642857142857143  11.4021875 0  9.35 0  C 6.1049999999999995 0  3.4478125000000004 2.6607142857142856  3.306875 6.007142857142857  C 1.3475000000000001 6.721428571428571  0 8.653571428571428  0 10.857142857142858  C 0 13.700000000000001  2.21375 16  4.95 16  L 17.6 16  C 20.0303125 16  22 13.957142857142857  22 11.428571428571429  Z M 20.9 11.428571428571429  C 20.9 13.321428571428571  19.421875 14.857142857142858  17.6 14.857142857142858  L 4.95 14.857142857142858  C 2.8221874999999996 14.857142857142858  1.1 13.067857142857141  1.1 10.857142857142858  C 1.1 8.828571428571427  2.550625 7.153571428571429  4.434375 6.892857142857143  C 4.410312500000001 6.692857142857143  4.4 6.489285714285714  4.4 6.285714285714286  C 4.4 3.4464285714285716  6.6171875 1.1428571428571428  9.35 1.1428571428571428  C 11.422812500000001 1.1428571428571428  13.1965625 2.4642857142857144  13.935625 4.3428571428571425  C 14.4375 3.7821428571428575  15.1525 3.4285714285714284  15.95 3.4285714285714284  C 17.469375 3.4285714285714284  18.7 4.707142857142857  18.7 6.285714285714286  C 18.7 6.946428571428571  18.4834375 7.557142857142857  18.119062500000002 8.042857142857143  C 19.696875 8.299999999999999  20.9 9.717857142857143  20.9 11.428571428571429  Z "
+        fill-rule="nonzero"
+        stroke="none"
+        transform="matrix(1 0 0 1 858 177 )"
+      />
+    </g>
+  </svg>
+`;
+export const uploadIconLarge = html `
+  <svg
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="48px"
+    height="33px"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g>
+      <path
+        d="M 30.824999999999996 17.295535714285716  L 23.4375 10.0546875  C 23.085 9.708482142857143  22.515 9.708482142857143  22.1625 10.0546875  L 14.79 17.295535714285716  C 14.4375 17.641741071428573  14.4375 18.2015625  14.79 18.54776785714286  L 15.2175 18.967633928571427  C 15.569999999999999 19.313839285714284  16.14 19.313839285714284  16.4925 18.967633928571427  L 22 13.943973214285716  L 22 25.044642857142858  C 21.607499999999995 25.530803571428574  22.012499999999996 25.928571428571427  22.5075 25.928571428571427  L 23.107499999999995 25.928571428571427  C 23.6025 25.928571428571427  24.0075 25.530803571428574  24 25.044642857142858  L 24 13.943973214285716  L 29.1225 18.967633928571427  C 29.474999999999998 19.313839285714284  30.044999999999995 19.313839285714284  30.397499999999994 18.967633928571427  L 30.824999999999996 18.54776785714286  C 31.177499999999995 18.2015625  31.177499999999995 17.641741071428573  30.824999999999996 17.295535714285716  Z M 48 23.571428571428573  C 48 20.109375  46.065 16.883035714285715  42.8775 15.233035714285716  C 43.087500000000006 14.503794642857143  43.2 13.745089285714288  43.2 12.964285714285714  C 43.2 8.4046875  39.442499999999995 4.714285714285714  34.8 4.714285714285714  C 33.5475 4.714285714285714  32.332499999999996 4.979464285714285  31.200000000000003 5.509821428571429  C 28.83 2.195089285714286  24.8775 0  20.4 0  C 13.319999999999999 0  7.522500000000001 5.487723214285714  7.215 12.389732142857143  C 2.9400000000000004 13.862946428571426  0 17.84799107142857  0 22.392857142857142  C 0 28.25625  4.83 33  10.8 33  L 38.400000000000006 33  C 43.7025 33  48 28.786607142857143  48 23.571428571428573  Z M 45.599999999999994 23.571428571428573  C 45.599999999999994 27.475446428571427  42.375 30.642857142857142  38.400000000000006 30  L 10.8 30  C 6.157499999999999 30.642857142857142  2.4000000000000004 26.952455357142853  2.4000000000000004 22.392857142857142  C 2.4000000000000004 18.20892857142857  5.5649999999999995 14.754241071428574  9.675 14.216517857142858  C 9.622500000000002 13.804017857142858  9.600000000000001 13.384151785714284  9.600000000000001 12.964285714285714  C 9.600000000000001 7.108258928571429  14.4375 2.357142857142857  20.4 2.357142857142857  C 24.922500000000003 2.357142857142857  28.7925 5.082589285714286  30.405 8.957142857142857  C 31.5 7.800669642857144  33.06 7.071428571428571  34.8 7.071428571428571  C 38.115 7.071428571428571  40.8 9.708482142857143  40.8 12.964285714285714  C 40.8 14.327008928571429  40.3275 15.586607142857142  39.5325 16.588392857142857  C 42.974999999999994 17.11875  45.599999999999994 20.04308035714286  45.599999999999994 23.571428571428573  Z "
+        fill-rule="nonzero"
+        stroke="none"
+        fill-opacity="0.9921568627450981"
+      />
+    </g>
+  </svg>
+`;
+export const hamburgerIcon = html `
+  <svg
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="16px"
+    height="15px"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g transform="matrix(1 0 0 1 -687 -178 )">
+      <path
+        d="M 16 0.2884615384615385  C 16 0.12914862985650197  15.872081357094514 0  15.714285714285714 0  L 0.2857142857142857 0  C 0.12791864290548757 0  0 0.12914862985650197  0 0.2884615384615385  L 0 0.8653846153846154  C 0 1.0246975239896519  0.12791864290548757 1.153846153846154  0.2857142857142857 1.153846153846154  L 15.714285714285714 1.153846153846154  C 15.872081357094514 1.153846153846154  16 1.0246975239896519  16 0.8653846153846154  L 16 0.2884615384615385  Z M 16 14.134615384615385  C 16 13.975302476010347  15.872081357094514 13.846153846153847  15.714285714285714 13.846153846153847  L 0.2857142857142857 13.846153846153847  C 0.12791864290548757 13.846153846153847  0 13.975302476010347  0 14.134615384615385  L 0 14.711538461538462  C 0 14.870851370143498  0.12791864290548757 15  0.2857142857142857 15  L 15.714285714285714 15  C 15.872081357094514 15  16 14.870851370143498  16 14.711538461538462  L 16 14.134615384615385  Z M 16 9.519230769230768  C 16 9.359917860625732  15.872081357094514 9.230769230769232  15.714285714285714 9  L 0.2857142857142857 9  C 0.12791864290548757 9.230769230769232  0 9.359917860625732  0 9.519230769230768  L 0 10.096153846153847  C 0 10.255466754758883  0.12791864290548757 10.384615384615385  0.2857142857142857 10.384615384615385  L 15.714285714285714 10.384615384615385  C 15.872081357094514 10.384615384615385  16 10.255466754758883  16 10.096153846153847  L 16 9.519230769230768  Z M 16 4.903846153846154  C 16 4.744533245241117  15.872081357094514 4.615384615384616  15.714285714285714 4.615384615384616  L 0.2857142857142857 4.615384615384616  C 0.12791864290548757 4.615384615384616  0 4.744533245241117  0 4.903846153846154  L 0 5.480769230769231  C 0 5.640082139374267  0.12791864290548757 5.769230769230769  0.2857142857142857 6  L 15.714285714285714 6  C 15.872081357094514 5.769230769230769  16 5.640082139374267  16 5.480769230769231  L 16 4.903846153846154  Z "
+        fill-rule="nonzero"
+        stroke="none"
+        transform="matrix(1 0 0 1 687 178 )"
+      />
+    </g>
+  </svg>
+`;
+export const viewTileIcon = html `
+  <svg
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="16px"
+    height="16px"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g transform="matrix(1 0 0 1 -727 -177 )">
+      <path
+        d="M 16 0.5714285714285714  C 16 0.2558372858109753  15.744162714189025 0  15.428571428571429 0  L 0.5714285714285714 0  C 0.25583728581097515 0  0 0.2558372858109753  0 0.5714285714285714  L 0 15.428571428571429  C 0 15.744162714189025  0.25583728581097515 16  0.5714285714285714 16  L 15.428571428571429 16  C 15.744162714189025 16  16 15.744162714189025  16 15.428571428571429  L 16 0.5714285714285714  Z M 1.1428571428571428 7.428571428571429  L 1.1428571428571428 1.1428571428571428  L 7.428571428571429 1.1428571428571428  L 7.428571428571429 7.428571428571429  L 1.1428571428571428 7.428571428571429  Z M 7.428571428571429 14.857142857142858  L 1.1428571428571428 14.857142857142858  L 1.1428571428571428 8.571428571428571  L 7.428571428571429 8.571428571428571  L 7.428571428571429 14.857142857142858  Z M 14.857142857142858 8.571428571428571  L 14.857142857142858 14.857142857142858  L 8.571428571428571 14.857142857142858  L 8.571428571428571 8.571428571428571  L 14.857142857142858 8.571428571428571  Z M 14.857142857142858 1.1428571428571428  L 14.857142857142858 7.428571428571429  L 8.571428571428571 7.428571428571429  L 8.571428571428571 1.1428571428571428  L 14.857142857142858 1.1428571428571428  Z "
+        fill-rule="nonzero"
+        stroke="none"
+        transform="matrix(1 0 0 1 727 177 )"
+      />
+    </g>
+  </svg>
+`;
+export const folderIcon = html `
+  <zero-icon
+    style="opacity: 0.5"
+    variant="regular"
+    name="folder"
+    size="lg"
+    slot="start"
+  ></zero-icon>
+`;
+export const userIcon = html `
+  <zero-icon style="opacity: 0.5" variant="regular" name="user" size="lg" slot="start"></zero-icon>
+`;
+export const searchIcon = html `
+  <zero-icon
+    style="opacity: 0.5;"
+    variant="solid"
+    name="magnifying-glass"
+    size="md"
+    slot="start"
+  ></zero-icon>
+`;
+export const csvIcon = html `
+  <svg
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="38px"
+    height="51px"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g transform="matrix(1 0 0 1 -18 -11 )">
+      <path
+        d="M 38 13.145449218750002  C 38 11.881406249999998  37.4953125 10.6562109375  36.6046875 9.7597265625  L 28.3040625 1.4044921875000007  C 27.4134375 0.5080078125000007  26.20614583333333 0  24.95036458333334 0  L 4.749010416666668 0  C 2.127604166666668 0.00996093750000071  0 2.1515625000000007  0 4.79021484375  L 0 46.21974609375  C 0 48.8583984375  2.127604166666668 51  4.749010416666668 51  L 33.250989583333336 51  C 35.87239583333333 51  38 48.8583984375  38 46.21974609375  L 38 13.145449218750002  Z M 25.336302083333322 12.75697265625  L 25.33630208333333 2.8163791683876482  C 25.61338541666666 2.8861057308876497  25.860781250000002 3.025558855887649  26.068593749999998 3.234738543387649  L 34.369218749999995 12.01986328125  C 34.57703125 12.22904296875  34.715572916666666 12.47806640625  34.78484374999999 12.75697265625  L 25.336302083333322 12.75697265625  Z M 34.834322916666665 16  L 34.834322916666665 45.33152409284958  C 34.834322916666665 46.20808659284958  35.041307127288746 47.545204421621314  33.250989583333336 48  L 4.749010416666668 48  C 3.5282626037005684 47.75390008071874  3.1656770833333354 46.20808659284958  3.1656770833333354 45.33152409284958  L 3.1656770833333354 5.458154160725826  C 3.1656770833333354 4.581591660725827  3.5282626037005684 3.6842410584031313  4.749010416666668 3  L 22 3  L 22 13.55384765625  C 22.169635416666665 14.878652343749998  23.228489583333328 15.9375  24.544635416666665 16  L 34.834322916666665 16  Z M 7.916666666666668 20  C 7.1804366378928535 20.07934934215882  6.867393149248528 20.601088489900576  7 21.644566785384086  L 7 43.03125  C 7.284784467439749 44.07935013826864  8.432610592470155 43.87065447917121  8.641306251567585 44  L 29.40652433167997 44  C 31.284785263549566 44.07935013826864  31.076089604455774 43.34891533142945  31 42.30543703594958  L 31 22.3125  C 30.97174177490524 21.435871126286656  31.076089604455774 20.07934934215882  30.08333333333333 20  L 7.916666666666668 20  Z M 28.5 36.65625  L 28.5 41.4375  L 20.58333333333333 41.4375  L 20.58333333333333 36.65625  L 28.5 36.65625  Z M 28.5 28.6875  L 28.5 33.46875  L 20.58333333333333 33.46875  L 20.58333333333333 28.6875  L 28.5 28.6875  Z M 9.5 26  L 9.5 23  L 28.5 23  L 28.5 26  L 9.5 26  Z M 9.5 33.46875  L 9.5 28.6875  L 17.416666666666664 28.6875  L 17.416666666666664 33.46875  L 9.5 33.46875  Z M 9.5 41.4375  L 9.5 36.65625  L 17.416666666666664 36.65625  L 17.416666666666664 41.4375  L 9.5 41.4375  Z "
+        fill-rule="nonzero"
+        stroke="none"
+        transform="matrix(1 0 0 1 18 11 )"
+      />
+    </g>
+  </svg>
+`;
+export const jpgIcon = html `
+  <svg
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="52px"
+    height="36px"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g transform="matrix(1 0 0 1 -10 -18 )">
+      <path
+        d="M 52 4.5  C 52 2.014687500000001  49.817421875 0  47.125 0  L 4.875 0  C 2.182578124999999 0  0 2.014687500000001  0 4.5  L 0 31.5  C 0 33.9853125  2.182578124999999 36  4.875 36  L 47.125 36  C 49.817421875 36  52 33.9853125  52 31.5  L 52 4.5  Z M 49 5.25  L 49 31.5  C 48.98913341154548 32.279349979045946  48.94565511606197 33.11413261543203  47.48478550238724 33  C 47.48478550238724 33  5.583484375000001 33  4.6875 33  C 3.791515624999999 33  2.867392751195439 32.59239346769027  3 30.71413253582068  L 3 4.5  C 2.910871046675311 3.5641316600995196  3.32826236487017 2.9576098759716842  3.875 3  L 48.125 3  C 49.020984375 3  48.98913341154548 3.8967403419082984  49 5.25  Z M 5.6875 10.5  C 5.6875 13.3995  8.233875000000001 15.75  11.375 15.75  C 14.516124999999999 15.75  17.0625 13.3995  17.0625 10.5  C 17.0625 7.6005  14.516124999999999 5.25  11.375 5.25  C 8.233875000000001 5.25  5.6875 7.6005  5.6875 10.5  Z M 8.9375 10.5  C 8.9375 9.2593125  10.030921875 8.25  11.375 8.25  C 12.719078125 8.25  13.8125 9.2593125  13.8125 10.5  C 13.8125 11.7406875  12.719078125 12.75  11.375 12.75  C 10.030921875 12.75  8.9375 11.7406875  8.9375 10.5  Z M 35.8486171875 10.40896875  C 34.896671875 9.53034375  33.353328125 9.53034375  32.4013828125 10.40896875  L 22.75 19.318031250000004  L 19.5986171875 16.409062500000005  C 18.646671875000003 15.53034375  17.103328125 15.53034375  16.151484375 16.409062500000005  L 7.213984374999999 24.659062500000005  C 6.756838579648896 25.080986117434882  6.5000080004214915 25.653269508986128  6.5 26.25  L 6.5 28.875  C 6.5 29.496281250000003  7.045695312500002 30  7.71875 30  L 44.28125 30  C 44.9543046875 30  45.5 29.496281250000003  45.5 28.875  L 45.5 20.25  C 45.5 19.65328125  45.2431484375 19.080937499999997  44.7861171875 18.65896875  L 35.8486171875 10.40896875  Z M 42.25 20.5606875  L 42.25 27  L 9.75 27  L 9.75 26.5606875  L 17.875 19.0606875  L 22.75 23.5606875  L 34.125 13.0606875  L 42.25 20.5606875  Z "
+        fill-rule="nonzero"
+        stroke="none"
+        transform="matrix(1 0 0 1 10 18 )"
+      />
+    </g>
+  </svg>
+`;
+export const pdfIcon = html `
+  <svg
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="38px"
+    height="49px"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g transform="matrix(1 0 0 1 -18 -12 )">
+      <path
+        d="M 38 12.666911764705882  C 38 11.452941176470588  37.4953125 10.277205882352945  36.6046875 9.416911764705883  L 28.30208333333333 1.397058823529413  C 27.41145833333333 0.5367647058823533  26.204166666666666 0.04926470588235254  24.94739583333333 0  L 4.75 0  C 2.127604166666668 0.0588235294117645  0 2.1139705882352935  0 4.647058823529413  L 0 44.411764705882355  C 0 46.94485294117647  2.127604166666668 49  4.75 49  L 33.25 49  C 35.87239583333333 49  38 46.94485294117647  38 44.411764705882355  L 38 12.666911764705882  Z M 26.065625 3.566911764705882  L 34.368229166666666 11.586764705882356  C 34.57604166666666 11.787500000000001  34.71458333333333 12.026470588235291  34.78385416666666 12.294117647058828  L 25.33333333333333 12.294117647058828  L 25.33333333333333 3.165441176470587  C 25.610416666666666 3.2323529411764707  25.8578125 3.366176470588236  26.065625 3.566911764705882  Z M 34.83333333333333 44.411764705882355  C 34.83333333333333 45.25294117647059  34.12083333333334 45.94117647058823  33.25 46  L 4.75 46  C 3.8791666666666664 45.94117647058823  3.166666666666668 45.25294117647059  3.166666666666668 44.411764705882355  L 3.166666666666668 4.722827159974258  C 3.166666666666668 3.8816506893860208  3.6326104332474642 3.0532618872020976  4.75 3  L 22.16666666666667 3  L 22.16666666666667 12.058823529411764  C 22.16666666666667 13.33014705882353  23.225520833333334 14.35294117647059  24.54166666666667 15  L 34.83333333333333 15  L 34.83333333333333 44.411764705882355  Z M 29.2421875 33.45735294117647  C 31.983333333333334 33.466911764705884  32.10208333333333 30.57058823529411  31.07291666666667 29.576470588235296  C 29.73697916666667 28.305147058823536  25.63020833333333 28.697058823529414  23.7796875 28.93602941176471  C 21.68177083333334 27.712500000000006  20.296354166666667 26.03014705882353  19.31666666666667 23.525735294117652  C 19.7421875 21.80514705882353  20.50416666666667 19.013970588235296  19.95 17.322058823529414  C 19.514583333333334 14.63602941176471  16.02135416666667 14.961029411764713  15.536458333333336 16.672058823529415  C 15.041666666666671 18.421323529411765  15.506770833333334 20.91617647058824  16.36770833333334 24.108823529411765  C 15.190104166666671 26.823529411764703  13.428645833333338 30.503676470588232  12.201562500000005 32.577941176470596  C 10.143229166666671 33.600735294117655  6.84791666666667 35.37867647058824  6.3828125000000036 37.58676470588235  C 6.036458333333336 39.19264705882354  8.648958333333336 41.35294117647059  11.637500000000003 38.1985294117647  C 12.538020833333338 37.252205882352946  13.54739583333334 35.82794117647059  14.73489583333334 33.849264705882355  C 17.37708333333334 33.00808823529411  20.286458333333343 31.95661764705882  22.84947916666667 31.555147058823522  C 25.01666666666668 32.70220588235294  27.559895833333343 33.45735294117647  29.2421875 33.45735294117647  Z M 11.9046875 34.18382352941177  C 9.717708333333334 37.55808823529412  8.391666666666666 38.150735294117645  8.391666666666666 38.08382352941176  C 8.975520833333334 36.56397058823529  11.221875 34.79558823529412  11.9046875 34.18382352941177  Z M 18.020312500000003 21.38455882352941  C 17.50572916666667 19.826470588235296  17.52552083333333 16.83455882352941  17.8125 16.83455882352941  C 18.6734375 16.83455882352941  18.584375 20.419117647058826  18.020312500000003 21.38455882352941  Z M 21.32552083333333 29.939705882352946  C 18.920833333333334 30.388970588235296  16.832812500000003 31.383088235294125  15.002083333333331 32.061764705882354  C 16.120312499999997 30.169117647058826  17.08020833333333 27.93235294117648  17.852083333333333 25.972794117647062  C 18.811979166666667 27.664705882352933  20.0390625 29.002941176470593  21.32552083333333 29.939705882352946  Z M 25.87760416666667 30.627941176470593  C 29.93489583333333 30.341176470588238  30.597916666666663 31.23970588235295  30.18229166666667 31.49779411764706  C 30.18229166666667 31.49779411764706  29.608333333333334 32.16691176470589  25.87760416666667 30.627941176470593  Z "
+        fill-rule="nonzero"
+        stroke="none"
+        transform="matrix(1 0 0 1 18 12 )"
+      />
+    </g>
+  </svg>
+`;
+export const downloadIcon = `
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="14px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -704 -20 )">
+    <path d="M 5.585416666666669 1.1428571428571428  L 8.418229166666666 1.1428571428571428  C 8.739062500000001 1.1428571428571428  9.0015625 1.4000000000000001  9.0015625 1.7142857142857142  L 9.0015625 6.857142857142857  L 12.425 6.857142857142857  C 12.683854166666668 6.857142857142857  12.815104166666668 7.164285714285714  12.6328125 7.3428571428571425  L 7.411979166666667 12.471428571428572  C 7.182291666666667 12.696428571428571  6.8140625 12.696428571428571  6.584375000000001 12.471428571428572  L 1.370833333333334 7.3428571428571425  C 1.1885416666666675 7.164285714285714  1.316145833333334 6.857142857142857  1.5786458333333344 6.857142857142857  L 5.002083333333335 6.857142857142857  L 5.002083333333335 1.7142857142857142  C 5.002083333333335 1.4000000000000001  5.264583333333335 1.1428571428571428  5.585416666666669 1.1428571428571428  Z M 10.168229166666668 1.7142857142857142  C 10.168229166666668 0.7678571428571429  9.380729166666667 0  8.418229166666668 0  L 5.585416666666669 0  C 4.619270833333335 0  3.8354166666666685 0.7678571428571429  3.8354166666666685 1.7142857142857142  L 3.8354166666666685 5.714285714285714  L 1.578645833333333 5.714285714285714  C 0.28437499999999993 5.714285714285714  -0.37187500000000007 7.25  0.5468749999999999 8.15  L 5.760416666666666 13.278571428571427  C 6.445833333333334 13.95  7.554166666666666 13.95  8.239583333333332 13.278571428571427  L 13.456770833333335 8.153571428571427  C 14.371875000000001 7.257142857142855  13.722916666666668 5.717857142857142  12.425 5.717857142857142  L 10.168229166666668 5.717857142857142  L 10.168229166666668 1.7142857142857142  Z M 13.5625 16  C 13.803125 16  14 15.807142857142859  14 15.571428571428571  L 14 15.285714285714286  C 14 15.049999999999999  13.803125 14.857142857142858  13.5625 14.857142857142858  L 0.4375 14.857142857142858  C 0.196875 14.857142857142858  0 15.049999999999999  0 15.285714285714286  L 0 15.571428571428571  C 0 15.807142857142859  0.196875 16  0.4375 16  L 13.5625 16  Z " fill-rule="nonzero" stroke="none" transform="matrix(1 0 0 1 704 20 )" />
+  </g>
+</svg>
+`;
+export const checkmarkBackground = html `
+  <svg
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="48px"
+    height="48px"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g transform="matrix(1 0 0 1 -369 -225 )">
+      <path
+        d="M 48 24  C 48 10.74483870967747  37.255161290322604 0  24 0  C 10.744838709677403 0  0 10.74483870967747  0 24  C 0 37.25516129032253  10.744838709677403 48  24 48  C 37.255161290322604 48  48 37.25516129032253  48 24  Z "
+        fill-rule="nonzero"
+        fill="#48e89a"
+        stroke="none"
+        fill-opacity="0.2901960784313726"
+        transform="matrix(1 0 0 1 369 225 )"
+      />
+    </g>
+  </svg>
+`;
+export const checkmarkCircle = html `
+  <svg
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="40px"
+    height="40px"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g transform="matrix(1 0 0 1 -373 -229 )">
+      <path
+        d="M 40 20  C 40 8.954032258064558  31.0459677419355 0  20 0  C 8.954032258064501 0  0 8.954032258064558  0 20  C 0 31.045967741935442  8.954032258064501 40  20 40  C 31.0459677419355 40  40 31.045967741935442  40 20  Z "
+        fill-rule="nonzero"
+        fill="#48e89a"
+        stroke="none"
+        transform="matrix(1 0 0 1 373 229 )"
+      />
+    </g>
+  </svg>
+`;
+export const checkmark = html `
+  <svg
+    version="1.1"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    width="16px"
+    height="16px"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <defs>
+      <mask fill="white" id="clip25">
+        <path
+          d="M 15.804587652665901 1.7706220542015245  C 16.058837454033238 1.4636379190328768  16.065887448525416 0.9572008146868569  15.820337640361231 0.6393885629776861  C 15.574787832197018 0.32157631126850106  15.169638148720196 0.3127638181532717  14.91538834735286 0.6197010783585313  C 14.910063351513003 0.6261229483414468  14.904813355614579 0.6326854432144984  14.89963835965753 0.6393885629776861  L 4.472134006145296 13.673815879831352  L 1.0846116526471405 9.43941293795865  C 0.8303618512798039 9.132475677753376  0.4252121678029823 9.14128817086862  0.17966235963876898 9.45910042257779  C -0.05988745321292299 9.769131430366073  -0.05988745321292299 10.260615421394206  0.17966235963876898 10.570646429182474  L 4.019659359641139 15.370642679185408  C 4.269596664377616 15.682970560179257  4.674708847883721 15.682970560179257  4.924608652649482 15.370642679185408  L 13.207984744054386 5.016386877089161  L 15.804587652665901 1.7706220542015245  Z "
+          fill-rule="evenodd"
+        />
+      </mask>
+    </defs>
+    <g transform="matrix(1 0 0 1 -385 -241 )">
+      <path
+        d="M 15.804587652665901 1.7706220542015245  C 16.058837454033238 1.4636379190328768  16.065887448525416 0.9572008146868569  15.820337640361231 0.6393885629776861  C 15.574787832197018 0.32157631126850106  15.169638148720196 0.3127638181532717  14.91538834735286 0.6197010783585313  C 14.910063351513003 0.6261229483414468  14.904813355614579 0.6326854432144984  14.89963835965753 0.6393885629776861  L 4.472134006145296 13.673815879831352  L 1.0846116526471405 9.43941293795865  C 0.8303618512798039 9.132475677753376  0.4252121678029823 9.14128817086862  0.17966235963876898 9.45910042257779  C -0.05988745321292299 9.769131430366073  -0.05988745321292299 10.260615421394206  0.17966235963876898 10.570646429182474  L 4.019659359641139 15.370642679185408  C 4.269596664377616 15.682970560179257  4.674708847883721 15.682970560179257  4.924608652649482 15.370642679185408  L 13.207984744054386 5.016386877089161  L 15.804587652665901 1.7706220542015245  Z "
+        fill-rule="nonzero"
+        fill="#141414"
+        stroke="none"
+        transform="matrix(1 0 0 1 385 241 )"
+      />
+      <path
+        d="M 15.804587652665901 1.7706220542015245  C 16.058837454033238 1.4636379190328768  16.065887448525416 0.9572008146868569  15.820337640361231 0.6393885629776861  C 15.574787832197018 0.32157631126850106  15.169638148720196 0.3127638181532717  14.91538834735286 0.6197010783585313  C 14.910063351513003 0.6261229483414468  14.904813355614579 0.6326854432144984  14.89963835965753 0.6393885629776861  L 4.472134006145296 13.673815879831352  L 1.0846116526471405 9.43941293795865  C 0.8303618512798039 9.132475677753376  0.4252121678029823 9.14128817086862  0.17966235963876898 9.45910042257779  C -0.05988745321292299 9.769131430366073  -0.05988745321292299 10.260615421394206  0.17966235963876898 10.570646429182474  L 4.019659359641139 15.370642679185408  C 4.269596664377616 15.682970560179257  4.674708847883721 15.682970560179257  4.924608652649482 15.370642679185408  L 13.207984744054386 5.016386877089161  L 15.804587652665901 1.7706220542015245  Z "
+        stroke-width="6"
+        stroke="#141414"
+        fill="none"
+        transform="matrix(1 0 0 1 385 241 )"
+        mask="url(#clip25)"
+      />
+    </g>
+  </svg>
+`;
+export const optionsIcon = `
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" style="transform: rotate(90deg)" width="15px" height="3px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -732 -27 )">
+    <path d="M 7.5 0  C 8.3296875 0  9 0.6703125000000005  9 1.5  C 9 2.3296874999999995  8.3296875 3  7.5 3  C 6.6703125000000005 3  6 2.3296874999999995  6 1.5  C 6 0.6703125000000005  6.6703125000000005 0  7.5 0  Z M 14.625 1.5  C 14.625 0.6703125000000005  13.9546875 0  13.125 0  C 12.2953125 0  11.625 0.6703125000000005  11.625 1.5  C 11.625 2.3296874999999995  12.2953125 3  13.125 3  C 13.9546875 3  14.625 2.3296874999999995  14.625 1.5  Z M 3.375 1.5  C 3.375 0.6703125000000005  2.7046875000000004 0  1.875 0  C 1.0453125 0  0.375 0.6703125000000005  0.375 1.5  C 0.375 2.3296874999999995  1.0453125 3  1.875 3  C 2.7046875000000004 3  3.375 2.3296874999999995  3.375 1.5  Z " fill-rule="nonzero" stroke="none" transform="matrix(1 0 0 1 732 27 )" />
+  </g>
+</svg>
+`;
+//# sourceMappingURL=icons.js.map

package/dist/esm/components/foundation-document-manager/utils/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../src/components/foundation-document-manager/utils/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;YAM5B,IAAI;;;;;;;;;;;;CAYf,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;CAiBlC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;CAiBhC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;CAiB/B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAA;;;;;;;;CAQ7B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAA;;CAE3B,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAA;;;;;;;;CAQ7B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;CAiB1B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;CAiB1B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;CAiB1B,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;CAM3B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;CAmBtC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;CAkBlC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC5B,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;;;;;;CAM1B,CAAC"}

package/dist/esm/components/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/esm/index.federated.js

@@ -0,0 +1,2 @@
+import('./index');
+//# sourceMappingURL=index.federated.js.map

package/dist/esm/index.federated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.federated.js","sourceRoot":"","sources":["../../src/index.federated.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,SAAS,CAAC,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+import { FoundationDocumentManager } from './components/foundation-document-manager/document-manager';
+export { FoundationDocumentManager };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,2DAA2D,CAAC;AAEtG,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/esm/services/document.service.js

@@ -0,0 +1,69 @@
+import { __awaiter, __decorate, __param } from "tslib";
+import { DI } from '@microsoft/fast-foundation';
+import { Auth, Connect } from '@genesislcap/foundation-comms';
+import { getEndpointUrl } from '../utils/endpoint';
+import { logger } from '../utils';
+let DocumentServiceImpl = class DocumentServiceImpl {
+    constructor(connect, auth) {
+        this.connect = connect;
+        this.auth = auth;
+    }
+    streamDocuments() {
+        return this.connect.stream('ALL_FILE_STORAGES', (streamMessage) => {
+            () => { };
+        }, (x) => { });
+    }
+    uploadDocument(file) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!file) {
+                logger.error('No file provided.');
+                return;
+            }
+            const headers = new Headers();
+            headers.append('SESSION_AUTH_TOKEN', this.auth.loggedUserResult.authToken);
+            const formData = new FormData();
+            formData.append(file.name, file);
+            const endpoint = getEndpointUrl('file-server/upload/');
+            const response = yield fetch(endpoint, {
+                method: 'POST',
+                body: formData,
+                headers: headers,
+            });
+            return response.json();
+        });
+    }
+    downloadDocument(documentId) {
+        const headers = new Headers();
+        headers.append('SESSION_AUTH_TOKEN', sessionStorage.getItem('authToken'));
+        const endpoint = getEndpointUrl(`file-server/download?fileStorageId=${documentId}`);
+        let filename = '';
+        fetch(endpoint, {
+            method: 'GET',
+            headers: headers,
+        })
+            .then((response) => {
+            const contentDispositionHeader = response.headers.get('Content-disposition');
+            filename = contentDispositionHeader.split(';')[1].split('filename')[1].split('=')[1].trim();
+            return response.blob();
+        })
+            .then((blob) => URL.createObjectURL(blob))
+            .then((url) => {
+            const a = document.createElement('a');
+            a.style.display = 'none';
+            a.href = url;
+            a.download = filename;
+            document.body.appendChild(a);
+            a.click();
+            window.URL.revokeObjectURL(url);
+        })
+            .catch((err) => {
+            logger.error(err);
+        });
+    }
+};
+DocumentServiceImpl = __decorate([
+    __param(0, Connect),
+    __param(1, Auth)
+], DocumentServiceImpl);
+export const IDocumentService = DI.createInterface((x) => x.singleton(DocumentServiceImpl));
+//# sourceMappingURL=document.service.js.map

package/dist/esm/services/document.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document.service.js","sourceRoot":"","sources":["../../../src/services/document.service.ts"],"names":[],"mappings":"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"}

package/dist/esm/utils/dataserver.js

@@ -0,0 +1,35 @@
+export function updateArray(newData, oldData, newDataAtEnd = false) {
+    if (newData && oldData && oldData.length > 0) {
+        newData.forEach((row) => {
+            const eventData = row;
+            if (eventData && eventData.DETAILS) {
+                const ref = eventData.DETAILS.ROW_REF;
+                const type = eventData.DETAILS.OPERATION;
+                if (type === 'INSERT') {
+                    if (!oldData.find((x) => { var _a; return ((_a = x.DETAILS) === null || _a === void 0 ? void 0 : _a.ROW_REF) === ref; })) {
+                        if (newDataAtEnd) {
+                            oldData.push(eventData);
+                        }
+                        else {
+                            oldData.unshift(eventData);
+                        }
+                    }
+                }
+                if (type === 'DELETE') {
+                    const index = oldData.findIndex((x) => { var _a, _b; return ((_a = row.DETAILS) === null || _a === void 0 ? void 0 : _a.ROW_REF) === ((_b = x.DETAILS) === null || _b === void 0 ? void 0 : _b.ROW_REF); });
+                    if (index != undefined) {
+                        oldData.splice(index, 1);
+                    }
+                }
+                if (type === 'MODIFY') {
+                    oldData = oldData.map((item) => { var _a; return ((_a = item.DETAILS) === null || _a === void 0 ? void 0 : _a.ROW_REF) === ref ? Object.assign(Object.assign({}, item), eventData) : item; });
+                }
+            }
+        });
+    }
+    else if (newData && (!oldData || oldData.length === 0)) {
+        oldData = [...new Set(newData)];
+    }
+    return oldData;
+}
+//# sourceMappingURL=dataserver.js.map

package/dist/esm/utils/dataserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataserver.js","sourceRoot":"","sources":["../../../src/utils/dataserver.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CACzB,OAAmB,EACnB,OAAmB,EACnB,eAAwB,KAAK;IAE7B,IAAI,OAAO,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QAC5C,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACtB,MAAM,SAAS,GAAG,GAAG,CAAC;YAEtB,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;gBAClC,MAAM,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;gBACtC,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC;gBAEzC,IAAI,IAAI,KAAK,QAAQ,EAAE;oBACrB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,CAAA,MAAA,CAAC,CAAC,OAAO,0CAAE,OAAO,MAAK,GAAG,CAAA,EAAA,CAAC,EAAE;wBACpD,IAAI,YAAY,EAAE;4BAChB,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;yBACzB;6BAAM;4BACL,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;yBAC5B;qBACF;iBACF;gBAED,IAAI,IAAI,KAAK,QAAQ,EAAE;oBACrB,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,eAAC,OAAA,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,OAAO,OAAK,MAAA,CAAC,CAAC,OAAO,0CAAE,OAAO,CAAA,CAAA,EAAA,CAAC,CAAC;oBACpF,IAAI,KAAK,IAAI,SAAS,EAAE;wBACtB,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;qBAC1B;iBACF;gBAED,IAAI,IAAI,KAAK,QAAQ,EAAE;oBACrB,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,WAClC,OAAA,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,MAAK,GAAG,CAAC,CAAC,iCAAM,IAAI,GAAK,SAAS,EAAG,CAAC,CAAC,IAAI,CAAA,EAAA,CACjE,CAAC;iBACH;aACF;QACH,CAAC,CAAC,CAAC;KACJ;SAAM,IAAI,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;QACxD,OAAO,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAU,CAAC;KAC1C;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/esm/utils/endpoint.js

@@ -0,0 +1,22 @@
+export const getEndpointUrl = (endpoint) => {
+    let urlRoot = sessionStorage.getItem('hostUrl');
+    if (urlRoot.startsWith('https')) {
+        urlRoot = urlRoot.substring(5);
+    }
+    else if (urlRoot.startsWith('ws:')) {
+        urlRoot = urlRoot.substring(3);
+    }
+    else if (urlRoot.startsWith('wss:')) {
+        urlRoot = urlRoot.substring(4);
+    }
+    else {
+        urlRoot = urlRoot.substring(4);
+    }
+    if (urlRoot.includes('localhost')) {
+        return 'http:' + urlRoot + endpoint;
+    }
+    else {
+        return 'https:' + urlRoot + endpoint;
+    }
+};
+//# sourceMappingURL=endpoint.js.map

package/dist/esm/utils/endpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"endpoint.js","sourceRoot":"","sources":["../../../src/utils/endpoint.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAgB,EAAU,EAAE;IACzD,IAAI,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAEhD,IAAI,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;QAC/B,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KAChC;SAAM,IAAI,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QACpC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KAChC;SAAM,IAAI,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE;QACrC,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KAChC;SAAM;QACL,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KAChC;IAED,IAAI,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QACjC,OAAO,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;KACrC;SAAM;QACL,OAAO,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;KACtC;AACH,CAAC,CAAC"}