ogm-viewer 0.1.0

package/dist/cjs/ogm-viewer.cjs.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var index = require('./index-DQQaalxf.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
+
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+/*
+ Stencil Client Patch Browser v4.31.0 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('ogm-viewer.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["ogm-menubar_4.cjs",[[1,"ogm-viewer",{"recordUrl":[1,"record-url"],"sidebarOpen":[32],"record":[32]},[[0,"sidebarToggled","_toggleSidebar"]],{"recordUrl":["updateRecord"],"record":["addPreview"]}],[1,"ogm-sidebar",{"record":[16],"open":[4]}],[1,"ogm-menubar",{"record":[16]}],[1,"ogm-metadata",{"record":[16],"fieldNames":[16,"field-names"],"filteredRecord":[32]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;
+//# sourceMappingURL=ogm-viewer.cjs.js.map
+
+//# sourceMappingURL=ogm-viewer.cjs.js.map

package/dist/cjs/ogm-viewer.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ogm-viewer.cjs.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.31.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,mQAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/collection/assets/icons/braces.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-braces" viewBox="0 0 16 16">
+  <path d="M2.114 8.063V7.9c1.005-.102 1.497-.615 1.497-1.6V4.503c0-1.094.39-1.538 1.354-1.538h.273V2h-.376C3.25 2 2.49 2.759 2.49 4.352v1.524c0 1.094-.376 1.456-1.49 1.456v1.299c1.114 0 1.49.362 1.49 1.456v1.524c0 1.593.759 2.352 2.372 2.352h.376v-.964h-.273c-.964 0-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6M13.886 7.9v.163c-1.005.103-1.497.616-1.497 1.6v1.798c0 1.094-.39 1.538-1.354 1.538h-.273v.964h.376c1.613 0 2.372-.759 2.372-2.352v-1.524c0-1.094.376-1.456 1.49-1.456V7.332c-1.114 0-1.49-.362-1.49-1.456V4.352C13.51 2.759 12.75 2 11.138 2h-.376v.964h.273c.964 0 1.354.444 1.354 1.538V6.3c0 .984.492 1.497 1.497 1.6"/>
+</svg>

package/dist/collection/assets/icons/c-circle.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-c-circle" viewBox="0 0 16 16">
+  <path d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.146 4.992c-1.212 0-1.927.92-1.927 2.502v1.06c0 1.571.703 2.462 1.927 2.462.979 0 1.641-.586 1.729-1.418h1.295v.093c-.1 1.448-1.354 2.467-3.03 2.467-2.091 0-3.269-1.336-3.269-3.603V7.482c0-2.261 1.201-3.638 3.27-3.638 1.681 0 2.935 1.054 3.029 2.572v.088H9.875c-.088-.879-.768-1.512-1.729-1.512"/>
+</svg>

package/dist/collection/assets/icons/info-circle-fill.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-info-circle-fill" viewBox="0 0 16 16">
+  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2"/>
+</svg>

package/dist/collection/assets/icons/link-45deg.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-link-45deg" viewBox="0 0 16 16">
+  <path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1 1 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4 4 0 0 1-.128-1.287z"/>
+  <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z"/>
+</svg>

package/dist/collection/assets/icons/list.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/>
+</svg>

package/dist/collection/collection-manifest.json

@@ -0,0 +1,15 @@
+{
+  "entries": [
+    "components/ogm-menubar/ogm-menubar.js",
+    "components/ogm-metadata/ogm-metadata.js",
+    "components/ogm-sidebar/ogm-sidebar.js",
+    "components/ogm-viewer/ogm-viewer.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.31.0",
+    "typescriptVersion": "5.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/ogm-menubar/ogm-menubar.css

@@ -0,0 +1,26 @@
+.menubar {
+  display: flex;
+  align-items: center;
+  padding: var(--sl-spacing-x-small);
+  background-color: var(--sl-panel-background-color);
+  border-top: calc(var(--sl-panel-border-width) * 2) solid var(--accent-color);
+  border-bottom: var(--sl-panel-border-width) solid var(--sl-panel-border-color);
+
+  /* shadow above map and sidebar */
+  position: relative;
+  z-index: 701;
+  box-shadow: 0 2px 6px 0px var(--sl-overlay-background-color);
+}
+
+/* Truncate long titles with an ellipsis */
+.title {
+  font-size: var(--sl-font-size-large);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.menu-button {
+  font-size: var(--sl-font-size-x-large);
+  margin-right: var(--sl-spacing-x-small);
+}

package/dist/collection/components/ogm-menubar/ogm-menubar.js

@@ -0,0 +1,70 @@
+import { h } from "@stencil/core";
+export class OgmMenubar {
+    record;
+    sidebarToggled;
+    // Don't render anything if no record is loaded
+    render() {
+        if (!this.record)
+            return;
+        return (h("div", { class: "menubar" }, h("sl-icon-button", { name: "list", label: "Open sidebar", class: "menu-button", onclick: this.sidebarToggled.emit }), h("div", { class: "title" }, this.record.title)));
+    }
+    static get is() { return "ogm-menubar"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ogm-menubar.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ogm-menubar.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "record": {
+                "type": "unknown",
+                "attribute": "record",
+                "mutable": false,
+                "complexType": {
+                    "original": "OgmRecord",
+                    "resolved": "OgmRecord",
+                    "references": {
+                        "OgmRecord": {
+                            "location": "import",
+                            "path": "../../utils/record",
+                            "id": "src/utils/record.ts::OgmRecord"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "sidebarToggled",
+                "name": "sidebarToggled",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=ogm-menubar.js.map

package/dist/collection/components/ogm-menubar/ogm-menubar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ogm-menubar.js","sourceRoot":"","sources":["../../../src/components/ogm-menubar/ogm-menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAUxE,MAAM,OAAO,UAAU;IACb,MAAM,CAAY;IACjB,cAAc,CAAe;IAEtC,+CAA+C;IAC/C,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QACzB,OAAO,CACL,WAAK,KAAK,EAAC,SAAS;YAClB,sBAAgB,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,GAAmB;YACzH,WAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAO,CACxC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, EventEmitter, h, Event } from '@stencil/core';\nimport type { OgmRecord } from '../../utils/record';\n\nimport _SlIconButton from '@shoelace-style/shoelace/dist/components/icon-button/icon-button.component.js';\n\n@Component({\n  tag: 'ogm-menubar',\n  styleUrl: 'ogm-menubar.css',\n  shadow: true,\n})\nexport class OgmMenubar {\n  @Prop() record: OgmRecord;\n  @Event() sidebarToggled: EventEmitter;\n\n  // Don't render anything if no record is loaded\n  render() {\n    if (!this.record) return;\n    return (\n      <div class=\"menubar\">\n        <sl-icon-button name=\"list\" label=\"Open sidebar\" class=\"menu-button\" onclick={this.sidebarToggled.emit}></sl-icon-button>\n        <div class=\"title\">{this.record.title}</div>\n      </div>\n    );\n  }\n}\n"]}