@verdocs/web-sdk 1.0.3 → 1.0.15

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2021-11-03T17:53:55",
+  "timestamp": "2021-11-05T03:28:44",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.9.0",
@@ -8,7 +8,7 @@
   "components": [
     {
       "filePath": "./src/components/controls/document-status-indicator/document-status-indicator.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "document-status-indicator",
       "docs": "Displays a message describing a document's status of completion\n\n```typescript\n\n```",
       "docsTags": [],
@@ -85,7 +85,7 @@
     },
     {
       "filePath": "./src/components/controls/dropdown-menu/dropdown-menu.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "dropdown-menu",
       "docs": "Display a drop-down menu button. A menu of the specified options will be displayed when the button is pressed. The menu will be hidden\nwhen the button is pressed again, or an option is selected.\n\n```typescript\ninterface IMenuOption {\n  // The label to display on the menu option.\n  label: string;\n  // Optional icon to display next to the option's label. Specify icons as SVG strings.\n  icon?: string;\n  // If true, the option will be shown disabled (dimmed and not clickable).\n  disabled?: boolean;\n  // Optional additional fields such as IDs or other data. When a menu option is clicked/tapped, the associated\n  // IMenuOptionwill be passed to the event handler. This data may be used to help identify the option selected.\n  [key: string]: any;\n}\n```",
       "docsTags": [],
@@ -162,7 +162,7 @@
     },
     {
       "filePath": "./src/components/elements/org-popup/org-popup.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "org-popup",
       "docs": "Display a pop-up describing the company that was hovered over\n\n```typescript\n\n```",
       "docsTags": [],
@@ -218,7 +218,7 @@
     },
     {
       "filePath": "./src/components/pdf-viewer/pdf-viewer.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "pdf-viewer",
       "readme": "# Verdocs PDF Viewer \n\nTest\n",
       "docs": "Test",
@@ -307,14 +307,55 @@
     },
     {
       "filePath": "./src/components/elements/search-box/search-box.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "search-box",
       "docs": "",
       "docsTags": [],
       "usage": {},
-      "props": [],
+      "props": [
+        {
+          "name": "type",
+          "type": "\"all\" | \"document\" | \"organization\" | \"template\"",
+          "mutable": false,
+          "attr": "type",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "'all'",
+          "values": [
+            {
+              "value": "all",
+              "type": "string"
+            },
+            {
+              "value": "document",
+              "type": "string"
+            },
+            {
+              "value": "organization",
+              "type": "string"
+            },
+            {
+              "value": "template",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "search",
+          "detail": "ISearchEvent",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the query value has changed.",
+          "docsTags": []
+        }
+      ],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -343,7 +384,7 @@
     },
     {
       "filePath": "./src/components/elements/search-quick-functions/search-quick-functions.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "search-quick-functions",
       "docs": "Display quick-function buttons for creating templates and documents.",
       "docsTags": [],
@@ -380,7 +421,7 @@
     },
     {
       "filePath": "./src/components/elements/search-recent/search-recent.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "search-recent",
       "docs": "Display a list of recent searches. Note that only some types of searches are automatically saved in the\nuser's history (those that contain a unique `q` query string from the next-most-recent search.",
       "docsTags": [],
@@ -426,7 +467,7 @@
     },
     {
       "filePath": "./src/components/elements/search-saved/search-saved.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "search-saved",
       "docs": "Display a list of saved searches. Note that only some types of searches are automatically saved in the\nuser's history (those that contain a unique `q` query string from the next-most-recent search.",
       "docsTags": [],
@@ -472,9 +513,9 @@
     },
     {
       "filePath": "./src/components/elements/search-starred/search-starred.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "search-starred",
-      "docs": "",
+      "docs": "Display a list of starred items.",
       "docsTags": [],
       "usage": {},
       "props": [
@@ -496,7 +537,17 @@
         }
       ],
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "entrySelected",
+          "detail": "IRecentSearch",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when an entry is clicked.",
+          "docsTags": []
+        }
+      ],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -507,7 +558,7 @@
     },
     {
       "filePath": "./src/components/elements/search-tabs/search-tabs.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "search-tabs",
       "docs": "",
       "docsTags": [],
@@ -525,7 +576,7 @@
     },
     {
       "filePath": "./src/components/controls/tags-indicator/tags-indicator.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "tags-indicator",
       "docs": "Displays a message describing a document's status of completion\n\n```typescript\n\n```",
       "docsTags": [],
@@ -580,7 +631,7 @@
     },
     {
       "filePath": "./src/components/elements/template-card/template-card.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "template-card",
       "docs": "Displays the overview of a template\n\n```typescript\n\n```",
       "docsTags": [],
@@ -636,7 +687,7 @@
     },
     {
       "filePath": "./src/components/controls/toggle-icon-buttons/toggle-icon-buttons.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "toggle-icon-buttons",
       "docs": "Displays a label and a set of buttons, also allowing a default selection of a button\n\n```typescript\n\n```",
       "docsTags": [],

package/dist/esm/{Content-68a13fb0.js → Content-386637c8.js}

@@ -1803,11 +1803,40 @@ axios_1.default = _default;
 
 var axios = axios_1;
 
-var Endpoint = axios.create({
-    baseURL: 'https://stage-api.verdocs.com/',
+var TRACE_ID = '' + Math.floor(Math.random() * 100000);
+// tslint:disable-next-line
+console.log('[JS-SDK Loaded]', TRACE_ID);
+// console.log('[JS-SDK Loaded]', TRACE_ID, import.meta.url);
+var config = {
+    baseURL: 'https://api.verdocs.com/',
     timeout: 3000,
     headers: { 'X-Client-ID': 'NONE' },
-});
+};
+var recreateEndpoint = function () {
+    endpoint = axios.create(config);
+    endpoint.interceptors.request.use(function (r) {
+        // tslint:disable-next-line
+        console.log("[JS-SDK] " + TRACE_ID + " :: " + r.method.toUpperCase() + "  " + r.url, JSON.stringify(r.data), JSON.stringify(r.headers));
+        return r;
+    });
+};
+var endpoint;
+recreateEndpoint();
+/**
+ * Helper to get the endpoint for direct access to HTTP functions.
+ *
+ * ```typescript
+ * import {Transport} from '@verdocs/js-sdk/HTTP';
+ *
+ * console.log('Current timeout', Transport.getEndpoint().defaults.timeout);
+ * ```
+ */
+var getEndpoint = function () {
+    if (!endpoint) {
+        recreateEndpoint();
+    }
+    return endpoint;
+};
 
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -1855,8 +1884,12 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
  * const {recent, saved} = await Content.getSearchHistory();
  * ```
  */
-var getSearchHistory = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-    return [2 /*return*/, Endpoint.get('/search/history').then(function (r) { return r.data; })];
-}); }); };
+var getSearchHistory = function () { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, getEndpoint()
+                .get('/search/history')
+                .then(function (r) { return r.data; })];
+    });
+}); };
 
 export { getSearchHistory as g };

package/dist/esm/document-status-indicator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-69a4b693.js';
+import { r as registerInstance, h } from './index-183a8995.js';
 
 const CancelledIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12zm8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8z"/></svg>`;
 
@@ -8,7 +8,7 @@ const FinishedIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" view
 
 const PendingIcon = `<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><g><rect fill="none" height="24" width="24"/></g><g><g><path d="M12,2C6.48,2,2,6.48,2,12c0,5.52,4.48,10,10,10s10-4.48,10-10C22,6.48,17.52,2,12,2z M12,20c-4.42,0-8-3.58-8-8 c0-4.42,3.58-8,8-8s8,3.58,8,8C20,16.42,16.42,20,12,20z"/><circle cx="7" cy="12" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="17" cy="12" r="1.5"/></g></g></svg>`;
 
-const documentStatusIndicatorCss = ".container{width:195px;height:72px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#33364b;font-family:sans-serif;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#ffffff}.icon{margin-right:15px}svg{height:24px;width:24px}";
+const documentStatusIndicatorCss = "document-status-indicator{font-family:sans-serif;font-family:var(--verdocs-font)}document-status-indicator .container{width:195px;height:72px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#33364b;font-family:sans-serif;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#ffffff}document-status-indicator .icon{margin-right:15px}document-status-indicator svg{height:24px;width:24px}";
 
 let DocumentStatusIndicator = class {
   constructor(hostRef) {

package/dist/esm/dropdown-menu.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-69a4b693.js';
+import { r as registerInstance, c as createEvent, h } from './index-183a8995.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1741,7 +1741,7 @@ var createPopper = /*#__PURE__*/popperGenerator({
 const SortDown = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#50BE80"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>
 `;
 
-const dropdownMenuCss = ":host{display:block;position:relative}:host([tall]){height:160px}.arrow{width:32px;height:26px;background:#fff;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #ccc;-ms-flex-pack:center;justify-content:center}.arrow svg{fill:#50be80;-webkit-transition:0.3s;transition:0.3s}.items{width:200px;display:none;border-radius:5px;background:#33364b;border:1px solid #654dcb}.items[data-show]{display:block}.option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;padding:10px 20px}.option:hover{cursor:pointer;background:#50be80}.option[disabled]{color:#aaa}.option[disabled]:hover{color:#aaa;cursor:inherit;background:transparent}.open .items{display:block}.open .arrow{background:#4c56cb;border:1px solid #707ae5}.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}";
+const dropdownMenuCss = "dropdown-menu{font-family:sans-serif;font-family:var(--verdocs-font)}dropdown-menu .arrow{width:32px;height:26px;background:#fff;border-radius:4px;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;border:1px solid #ccc;-ms-flex-pack:center;justify-content:center}dropdown-menu .arrow svg{fill:#50be80;-webkit-transition:0.3s;transition:0.3s}dropdown-menu .items{width:200px;display:none;border-radius:5px;background:#33364b;border:1px solid #654dcb}dropdown-menu .items[data-show]{display:block}dropdown-menu .option{width:100%;color:#fff;border:none;display:block;text-align:left;background:none;padding:10px 20px}dropdown-menu .option:hover{cursor:pointer;background:#50be80}dropdown-menu .option[disabled]{color:#aaa}dropdown-menu .option[disabled]:hover{color:#aaa;cursor:inherit;background:transparent}dropdown-menu .open .items{display:block}dropdown-menu .open .arrow{background:#4c56cb;border:1px solid #707ae5}dropdown-menu .open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1);fill:#fff}";
 
 let DropdownMenu = class {
   constructor(hostRef) {