@genesislcap/pbc-documents-ui 0.0.6 → 0.0.8

package/dist/esm/components/utils/icons.js

@@ -0,0 +1,142 @@
+import { html } from '@microsoft/fast-element';
+import { iconTag } from '../../tags';
+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 folderIcon = html `
+  <${iconTag}
+    style="opacity: 0.5"
+    variant="regular"
+    name="folder"
+    size="lg"
+    slot="start"
+  ></${iconTag}>
+`;
+export const userIcon = html `
+  <${iconTag} style="opacity: 0.5" variant="regular" name="user" size="lg" slot="start"></${iconTag}>
+`;
+export const searchIcon = html `
+  <${iconTag}
+    style="opacity: 0.5;"
+    variant="solid"
+    name="magnifying-glass"
+    size="md"
+    slot="start"
+  ></${iconTag}>
+`;
+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>
+`;
+//# sourceMappingURL=icons.js.map

package/dist/esm/components/utils/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../src/components/utils/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,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,UAAU,GAAG,IAAI,CAAA;KACzB,OAAO;;;;;;OAML,OAAO;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAA;KACvB,OAAO,gFAAgF,OAAO;CAClG,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAA;KACzB,OAAO;;;;;;OAML,OAAO;CACb,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"}

package/dist/esm/components/zero-components.js

@@ -0,0 +1,31 @@
+import { __awaiter } from "tslib";
+import { assureDesignSystem, ResourceType, } from '@genesislcap/foundation-utils';
+import { logger } from '../utils';
+function zeroDesignSystemImport() {
+    return __awaiter(this, void 0, void 0, function* () {
+        let module;
+        let type = ResourceType.remote;
+        try {
+            module = yield import('foundationZero/ZeroDesignSystem');
+            return assureDesignSystem(module);
+        }
+        catch (e) {
+            logger.info(`Please note remoteEntry.js load errors are expected if module federated dependencies are offline. Falling back to locally bundled versions.`);
+            type = ResourceType.local;
+            module = yield import('@genesislcap/foundation-zero');
+            return assureDesignSystem(module);
+        }
+        finally {
+            logger.debug(`Using '${type}' version of foundation-zero`);
+        }
+    });
+}
+function loadZeroGridProFallback() {
+    return import('@genesislcap/foundation-zero-grid-pro');
+}
+export const registerCommonZeroComponents = () => __awaiter(void 0, void 0, void 0, function* () {
+    const { provideDesignSystem, zeroIcon, zeroButton, zeroProgress, zeroSearchBar, zeroTreeView, zeroTreeItem, } = yield zeroDesignSystemImport();
+    const { zeroGridPro } = yield loadZeroGridProFallback();
+    provideDesignSystem().register(zeroIcon(), zeroButton(), zeroProgress(), zeroSearchBar(), zeroTreeView(), zeroTreeItem(), zeroGridPro());
+});
+//# sourceMappingURL=zero-components.js.map

package/dist/esm/components/zero-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zero-components.js","sourceRoot":"","sources":["../../../src/components/zero-components.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,kBAAkB,EAElB,YAAY,GACb,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAQlC,SAAe,sBAAsB;;QACnC,IAAI,MAA0B,CAAC;QAC/B,IAAI,IAAI,GAAiB,YAAY,CAAC,MAAM,CAAC;QAC7C,IAAI;YACF,MAAM,GAAG,MAAM,MAAM,CAEnB,iCAAiC,CAClC,CAAC;YACF,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC;SACnC;QAAC,OAAO,CAAC,EAAE;YACV,MAAM,CAAC,IAAI,CACT,6IAA6I,CAC9I,CAAC;YACF,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC;YAC1B,MAAM,GAAG,MAAM,MAAM,CAEnB,8BAA8B,CAC/B,CAAC;YACF,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC;SACnC;gBAAS;YACR,MAAM,CAAC,KAAK,CAAC,UAAU,IAAI,8BAA8B,CAAC,CAAC;SAC5D;IACH,CAAC;CAAA;AAED,SAAS,uBAAuB;IAC9B,OAAO,MAAM,CAEX,uCAAuC,CACxC,CAAC;AACJ,CAAC;AAMD,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAS,EAAE;IACrD,MAAM,EACJ,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,YAAY,GACb,GAAG,MAAM,sBAAsB,EAAE,CAAC;IACnC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,uBAAuB,EAAE,CAAC;IAIxD,mBAAmB,EAAE,CAAC,QAAQ,CAI5B,QAAQ,EAAE,EACV,UAAU,EAAE,EACZ,YAAY,EAAE,EACd,aAAa,EAAE,EACf,YAAY,EAAE,EACd,YAAY,EAAE,EACd,WAAW,EAAE,CACd,CAAC;AACJ,CAAC,CAAA,CAAC"}

package/dist/esm/config/config.js

@@ -0,0 +1,9 @@
+import { DI } from '@microsoft/fast-foundation';
+import { defaultTemplateOptions } from './templates';
+export const defaultDocumentManagerConfig = {
+    name: 'foundation-document-manager',
+    templateOptions: defaultTemplateOptions,
+    designSystemPrefix: 'zero',
+};
+export const DocumentManagerConfig = DI.createInterface((x) => x.instance(defaultDocumentManagerConfig));
+//# sourceMappingURL=config.js.map

package/dist/esm/config/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/config/config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAmB,MAAM,aAAa,CAAC;AAgCtE,MAAM,CAAC,MAAM,4BAA4B,GAA0B;IACjE,IAAI,EAAE,6BAA6B;IACnC,eAAe,EAAE,sBAAsB;IACvC,kBAAkB,EAAE,MAAM;CAC3B,CAAC;AASF,MAAM,CAAC,MAAM,qBAAqB,GAAG,EAAE,CAAC,eAAe,CAAwB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,4BAA4B,CAAC,CAAC,CAAC"}

package/dist/esm/config/configure.js

@@ -0,0 +1,24 @@
+import { __awaiter } from "tslib";
+import { FASTElement } from '@microsoft/fast-element';
+import { DI, Registration } from '@microsoft/fast-foundation';
+import { DocumentManagerConfig, defaultDocumentManagerConfig } from './config';
+export function configure(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const value = Object.assign(Object.assign({}, defaultDocumentManagerConfig), config);
+        if (config.templateOptions) {
+            value.templateOptions = Object.assign(Object.assign({}, defaultDocumentManagerConfig.templateOptions), config.templateOptions);
+        }
+        DI.getOrCreateDOMContainer().register(Registration.instance(DocumentManagerConfig, value));
+        const { DocumentManager, DocumentManagerStyles, DocumentManagerTemplate } = yield import('../main');
+        const { name, attributes, shadowOptions, elementOptions } = value;
+        return FASTElement.define(DocumentManager, {
+            name,
+            template: DocumentManagerTemplate,
+            styles: DocumentManagerStyles,
+            attributes,
+            shadowOptions,
+            elementOptions,
+        });
+    });
+}
+//# sourceMappingURL=configure.js.map

package/dist/esm/config/configure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configure.js","sourceRoot":"","sources":["../../../src/config/configure.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAgC/E,MAAM,UAAgB,SAAS,CAAC,MAAsC;;QAIpE,MAAM,KAAK,mCACN,4BAA4B,GAC5B,MAAM,CACV,CAAC;QACF,IAAI,MAAM,CAAC,eAAe,EAAE;YAC1B,KAAK,CAAC,eAAe,mCAChB,4BAA4B,CAAC,eAAe,GAC5C,MAAM,CAAC,eAAe,CAC1B,CAAC;SACH;QAID,EAAE,CAAC,uBAAuB,EAAE,CAAC,QAAQ,CACnC,YAAY,CAAC,QAAQ,CAAwB,qBAAqB,EAAE,KAAK,CAAC,CAC3E,CAAC;QAIF,MAAM,EAAE,eAAe,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,GAAG,MAAM,MAAM,CACtF,SAAS,CACV,CAAC;QACF,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;QAClE,OAAO,WAAW,CAAC,MAAM,CAAC,eAAe,EAAE;YACzC,IAAI;YACJ,QAAQ,EAAE,uBAAuB;YACjC,MAAM,EAAE,qBAAqB;YAC7B,UAAU;YACV,aAAa;YACb,cAAc;SACf,CAAC,CAAC;IACL,CAAC;CAAA"}

package/dist/esm/config/index.js

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

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

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

package/dist/esm/config/templates.js

@@ -0,0 +1,11 @@
+export const defaultTemplateOptions = {
+    icon: 'zero-icon',
+    button: 'zero-button',
+    badge: 'zero-badge',
+    progress: 'zero-progress',
+    searchBar: 'zero-search-bar',
+    treeView: 'zero-tree-view',
+    treeItem: 'zero-tree-item',
+    grid: 'zero-grid-pro',
+};
+//# sourceMappingURL=templates.js.map

package/dist/esm/config/templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../../src/config/templates.ts"],"names":[],"mappings":"AAqCA,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,eAAe;IACzB,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE,gBAAgB;IAC1B,QAAQ,EAAE,gBAAgB;IAC1B,IAAI,EAAE,eAAe;CACtB,CAAC"}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -1 +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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}

package/dist/esm/main/index.js

@@ -0,0 +1,4 @@
+export * from './main.template';
+export * from './main.styles';
+export * from './main';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/main/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}

package/dist/esm/main/main.js

@@ -0,0 +1,164 @@
+import { __awaiter, __decorate } from "tslib";
+import { FASTElement, customElement, observable } from '@microsoft/fast-element';
+import { Auth } from '@genesislcap/foundation-comms';
+import { INPUT_MIN_LENGTH, getCriteriaBuilder } from '@genesislcap/foundation-ui';
+import { logger } from '../utils';
+import { IDocumentService } from '../services/document.service';
+import { folderIcon, userIcon } from '../components/utils/icons';
+import { DocumentManagerConfig } from '../config';
+import { DocumentManagerTemplate as template } from './main.template';
+import { DocumentManagerStyles as styles } from './main.styles';
+export var DIRECTORY;
+(function (DIRECTORY) {
+    DIRECTORY["ALL"] = "ALL";
+    DIRECTORY["MY_FILES"] = "MY_FILES";
+})(DIRECTORY || (DIRECTORY = {}));
+export class DocumentManager extends FASTElement {
+    constructor() {
+        super(...arguments);
+        this.resourceName = 'ALL_FILE_STORAGES';
+        this.searchBarConfig = [
+            {
+                field: 'FILE_NAME',
+                label: (searchTerm) => `${searchTerm} as FILE_NAME`,
+                createCriteria: getCriteriaBuilder,
+                isEnabled: (searchTerm, selectedOption) => {
+                    return (searchTerm.length >= INPUT_MIN_LENGTH &&
+                        !selectedOption.some((e) => e.field === 'FILE_NAME'));
+                },
+            },
+        ];
+        this.uploadingDocument = false;
+        this.gridCriteria = '';
+        this.directories = [
+            {
+                id: DIRECTORY.ALL,
+                icon: folderIcon,
+                title: 'All files',
+                selected: true,
+            },
+            {
+                id: DIRECTORY.MY_FILES,
+                icon: userIcon,
+                title: 'My files',
+                selected: false,
+            },
+        ];
+        this.currentdirectory = DIRECTORY.ALL;
+        this.filteredDocumentsCount = 0;
+        this.currentFilter = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+    }
+    getGridOptions() {
+        const gridOptions = {
+            animateRows: true,
+            scrollbarWidth: 10,
+            suppressHorizontalScroll: true,
+            suppressCellFocus: true,
+            getRowId: (params) => params.data.FILE_STORAGE_ID,
+            onRowDataUpdated: () => {
+                this.filteredDocumentsCount = this.documentGrid.gridProDatasource.rowData.size;
+            },
+        };
+        return gridOptions;
+    }
+    searchChanged(event) {
+        const options = event.detail;
+        const criteriaBuilder = options
+            .map((option) => {
+            const { field, term, createCriteria } = option;
+            if (createCriteria) {
+                return createCriteria(field, term);
+            }
+            else {
+                logger.debug('Cannot convert search option into criteria', option);
+                return;
+            }
+        })
+            .filter((x) => x)
+            .join(' && ');
+        this.currentFilter = criteriaBuilder;
+        this.filterDocumentsByDirectory();
+    }
+    filterDocumentsByDirectory() {
+        if (this.currentFilter) {
+            this.gridCriteria =
+                this.currentdirectory === DIRECTORY.ALL
+                    ? this.currentFilter
+                    : `${this.currentFilter} && CREATED_BY == '${this.auth.currentUser.username}'`;
+        }
+        else {
+            this.gridCriteria =
+                this.currentdirectory === DIRECTORY.ALL
+                    ? ''
+                    : `CREATED_BY == '${this.auth.currentUser.username}'`;
+        }
+    }
+    startUploading() {
+        this.currentdirectory = null;
+        this.uploadingDocument = true;
+    }
+    changeDirectory(directory) {
+        this.currentdirectory = directory;
+        this.uploadingDocument = false;
+        this.filterDocumentsByDirectory();
+    }
+    downloadDocument(event) {
+        this.docService.downloadDocument(event);
+    }
+}
+__decorate([
+    IDocumentService
+], DocumentManager.prototype, "docService", void 0);
+__decorate([
+    Auth
+], DocumentManager.prototype, "auth", void 0);
+__decorate([
+    DocumentManagerConfig
+], DocumentManager.prototype, "documentManagerConfig", void 0);
+__decorate([
+    observable
+], DocumentManager.prototype, "uploadingDocument", void 0);
+__decorate([
+    observable
+], DocumentManager.prototype, "gridCriteria", void 0);
+__decorate([
+    observable
+], DocumentManager.prototype, "directories", void 0);
+__decorate([
+    observable
+], DocumentManager.prototype, "currentdirectory", void 0);
+__decorate([
+    observable
+], DocumentManager.prototype, "filteredDocumentsCount", void 0);
+let FoundationDocumentManager = class FoundationDocumentManager extends DocumentManager {
+    connectedCallback() {
+        const _super = Object.create(null, {
+            connectedCallback: { get: () => super.connectedCallback }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            _super.connectedCallback.call(this);
+            yield this.loadRemotes();
+        });
+    }
+    loadRemotes() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { registerCommonZeroComponents } = yield import('../components/zero-components');
+            yield registerCommonZeroComponents();
+        });
+    }
+};
+FoundationDocumentManager = __decorate([
+    customElement({
+        name: 'foundation-document-manager',
+        template,
+        styles,
+    })
+], FoundationDocumentManager);
+export { FoundationDocumentManager };
+//# sourceMappingURL=main.js.map

package/dist/esm/main/main.js.map

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

package/dist/esm/{components/foundation-document-manager/document-manager.styles.js → main/main.styles.js}

@@ -1,7 +1,14 @@
 import { css } from '@microsoft/fast-element';
+import { treeItemTag } from '../tags';
 export const DocumentManagerStyles = css `
   :host {
     font-family: var(--body-font);
+
+    --badge-fill-CSV: var(--success-color);
+    --badge-fill-PDF: var(--error-color);
+    --badge-fill-default: #fff;
+    --badge-fill-PNG: #8a98f5;
+    --badge-fill-JPG: #8a98f5;
   }
 
   ::-webkit-scrollbar {
@@ -33,28 +40,6 @@ export const DocumentManagerStyles = css `
     flex-direction: column;
   }
 
-  .close-btn {
-    min-width: calc((var(--base-height-multiplier) - 2 )* 3px);
-    display: flex;
-    width: calc((var(--base-height-multiplier) - 2 ) * 3px);
-    height: calc((var(--base-height-multiplier) - 2 ) * 3px);
-    border-radius: calc(var(--control-corner-radius) * 1px);
-    background-color: var(--neutral-layer-3);
-    box-sizing: border-box;
-    justify-content: center;
-    align-items: center;
-    margin: 0;
-  }
-
-  .close-btn:hover {
-    background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%);
-  }
-
-  .close-btn::part(control):focus-visible {
-    border-color: transparent;
-    box-shadow: none;
-  }
-
   .directory-list {
     display: flex;
     flex-direction: column;
@@ -62,10 +47,10 @@ export const DocumentManagerStyles = css `
 
   .directory-btn,
   .directory-btn-selected {
-    border-left: 3px solid transparent;
+    border-left: calc(var(--stroke-width) * 3px) solid transparent;
     margin: 0;
     border-radius: 0px;
-    height: calc((var(--base-height-multiplier) - 1) * 4px);
+    height: calc(((var(--base-height-multiplier) + 1) * 2px) + var(--design-unit) * 1px);
     background-color: transparent;
     box-sizing: border-box;
     font-size: var(--type-ramp-minus-1-font-size);
@@ -75,7 +60,7 @@ export const DocumentManagerStyles = css `
   }
 
   .directory-btn-selected {
-    border-left: 3px solid;
+    border-left: calc(var(--stroke-width) * 3px) solid;
     color: var(--neutral-foreground-rest);
     border-image-slice: 1;
     border-image-source: linear-gradient(to bottom, #47bce0, #654df9);
@@ -88,12 +73,12 @@ export const DocumentManagerStyles = css `
     justify-content: end;
     padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 4px);
     font-size: var(--type-ramp-minus-2-font-size);
-    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);;
+    border-top: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    color: var(--neutral-foreground-rest);
   }
 
   .header {
-    padding: calc(var(--design-unit) * 2px);
-    padding-left: calc(var(--design-unit) * 4px);
+    padding: calc(var(--design-unit) * 4px);
     box-sizing: border-box;
     display: flex;
     align-items: center;
@@ -103,7 +88,7 @@ export const DocumentManagerStyles = css `
 
   .title {
     font-weight: 500;
-    font-size: var(--type-ramp-minus-1-font-size);
+    font-size: var(--type-ramp-plus-2-font-size);
     color: var(--neutral-foreground-rest);
     text-align: left;
     line-height: normal;
@@ -160,11 +145,6 @@ export const DocumentManagerStyles = css `
     gap: calc(var(--design-unit) * 4px);
   }
 
-  .pinned-right-header-left-group > zero-text-field {
-    max-width: 418px;
-    flex: 1 1;
-  }
-
   .upload-btn {
     color: var(--neutral-foreground-hint);
     font-size: var(--type-ramp-minus-1-font-size);
@@ -189,57 +169,11 @@ export const DocumentManagerStyles = css `
     margin-inline-end: calc(var(--design-unit) * 2px);
   }
 
-  fast-dialog {
-    --dialog-height: 668px;
-    --dialog-width: 952px;
-  }
-
-  zero-segmented-control:first-child {
-    border-top-left-radius: calc(var(--control-corner-radius) * 1px);
-    border-bottom-left-radius: calc(var(--control-corner-radius) * 1px);
-  }
-
-  zero-segmented-control:last-child {
-    border-top-right-radius: calc(var(--control-corner-radius) * 1px);
-    border-bottom-right-radius: calc(var(--control-corner-radius) * 1px);
-  }
-
-  zero-segmented-item {
-    height: calc((var(--base-height-multiplier) - 1 ) * 4px);
-    padding: 0 calc(var(--design-unit) * 3px);
-    border: calc(var(--stroke-width) * 1px) solid var(--neutral-foreground-hint);
-    fill: var(--neutral-foreground-hint);
-  }
-
-  zero-segmented-item > svg:focus,
-  zero-segmented-item > svg > g:focus,
-  zero-segmented-item > svg > g > path:focus {
-    outline: none !important;
-  }
-
-  zero-segmented-item[aria-checked='true'] {
-    box-shadow: none;
-    fill: var(--neutral-foreground-rest);
-    background-image: linear-gradient(
-      -141.41742576267188deg,
-      rgba(71, 188, 224, 0.5) 0%,
-      rgba(101, 77, 249, 0.5) 100%
-    );
-    border-image-slice: 1;
-    border-image-source: linear-gradient(to bottom, #47bce0, #654df9);
-    border-width: calc(var(--stroke-width) * 1px);
-    border-style: solid;
-  }
-
-  zero-modal::part(dialog) {
-    padding: 0;
+ 
+  ${treeItemTag}::part(positioning-region),
+  ${treeItemTag}::part(content-region) {
     background: var(--neutral-layer-4);
-    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
-  }
-
-  zero-modal::part(top) {
-    padding: calc(var(--design-unit) * 4px);
-    border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
+    height: calc(((var(--base-height-multiplier) + 1) * 2px) + var(--design-unit) * 1px);
   }
 `;
-//# sourceMappingURL=document-manager.styles.js.map
+//# sourceMappingURL=main.styles.js.map

package/dist/esm/main/main.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.styles.js","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,CAAC,MAAM,qBAAqB,GAAkB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0KnD,WAAW;IACX,WAAW;;;;CAId,CAAC"}