@pod-os/elements 0.29.1-rc.c8e652b.0 → 0.29.1-rc.cb2ed9a.0

package/dist/esm/{ion-icon_32.entry.js → ion-icon_33.entry.js}

@@ -14,9 +14,79 @@ import { P as PodOS, N as NoOfflineCache, L as LabelIndex } from './index-5561d4
 import { s as subscribeResource } from './ResourceAware-5f237305.js';
 import './gesture-controller-958242a2.js';
 import { s as subscribePodOs } from './PodOsAware-132573cd.js';
+import { g as getBasePath } from './chunk.3Y6SB6QS-ff2f5b55.js';
 import './hardware-back-button-87b1549b.js';
 import './framework-delegate-65b5c396.js';
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __await$1 = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
+  } else {
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw") throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await$1(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object)) __typeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
+  }
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
+
 let CACHED_MAP;
 const getIconMap = () => {
   if (typeof window === 'undefined') {
@@ -2665,8 +2735,8 @@ function __values(o) {
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
 
-function __await$1(v) {
-    return this instanceof __await$1 ? (this.v = v, this) : new __await$1(v);
+function __await(v) {
+    return this instanceof __await ? (this.v = v, this) : new __await(v);
 }
 
 function __asyncGenerator(thisArg, _arguments, generator) {
@@ -2675,7 +2745,7 @@ function __asyncGenerator(thisArg, _arguments, generator) {
     return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
     function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
     function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-    function step(r) { r.value instanceof __await$1 ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
     function fulfill(value) { resume("next", value); }
     function reject(value) { resume("throw", value); }
     function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
@@ -2729,11 +2799,11 @@ function readableStreamLikeToAsyncGenerator(readableStream) {
         const reader = readableStream.getReader();
         try {
             while (true) {
-                const { value, done } = yield __await$1(reader.read());
+                const { value, done } = yield __await(reader.read());
                 if (done) {
-                    return yield __await$1(void 0);
+                    return yield __await(void 0);
                 }
-                yield yield __await$1(value);
+                yield yield __await(value);
             }
         }
         finally {
@@ -5452,7 +5522,7 @@ const PosApp = class {
     }
 };
 
-const posAppBrowserCss = "pos-router {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\npos-navigation {\n  max-width: var(--width-lg);\n  margin: 0;\n  min-width: var(--size-32);\n  flex-shrink: 1; /* Ensure navigation can shrink */\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto;\n  flex-shrink: 0; /* Ensure those items don't shrink */\n}\n\nheader,\nfooter {\n  display: flex;\n  gap: var(--size-1);\n  height: auto;\n  justify-content: center;\n  align-items: center;\n  padding: var(--size-1);\n}\n\nfooter svg {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\nfooter {\n  font-size: var(--scale-fluid-000);\n\n  .settings {\n    padding: 0 var(--size-1);\n    text-decoration: none;\n    background-color: var(--pos-background-color);\n    border: 1px solid var(--pos-secondary-border-color);\n    color: var(--pos-secondary-border-color);\n    border-radius: var(--radius-xs);\n\n    &:hover {\n      background-color: var(--pos-secondary-border-color);\n      color: var(--pos-background-color);\n    }\n  }\n}\n\nheader {\n  flex-wrap: nowrap;\n  padding: var(--size-1) var(--size-8);\n}\n\nmain {\n  flex: 1;\n  max-height: 100vh;\n  overflow: auto;\n}\n\n@media (max-width: 640px) {\n  header {\n    padding: var(--size-1);\n    justify-content: space-between;\n  }\n}\n";
+const posAppBrowserCss = "pos-router {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\npos-navigation {\n  max-width: var(--width-lg);\n  margin: 0;\n  min-width: var(--size-32);\n  flex-shrink: 1; /* Ensure navigation can shrink */\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto;\n  flex-shrink: 0; /* Ensure those items don't shrink */\n}\n\nheader,\nfooter {\n  display: flex;\n  gap: var(--size-1);\n  height: auto;\n  justify-content: center;\n  align-items: center;\n  padding: var(--size-1);\n}\n\nfooter svg {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\nfooter {\n  font-size: var(--scale-fluid-000);\n\n  .settings {\n    padding: 0 var(--size-1);\n    text-decoration: none;\n    background-color: var(--pos-background-color);\n    border: 1px solid var(--pos-secondary-border-color);\n    color: var(--pos-secondary-border-color);\n    border-radius: var(--radius-xs);\n\n    &:hover {\n      background-color: var(--pos-secondary-border-color);\n      color: var(--pos-background-color);\n    }\n  }\n}\n\nheader {\n  flex-wrap: nowrap;\n  padding: var(--size-1) var(--size-8);\n}\n\nmain {\n  flex: 1;\n  max-height: 100vh;\n  overflow: auto;\n}\n\n@media (max-width: 640px) {\n  header {\n    padding: var(--size-1);\n    justify-content: space-between;\n  }\n  footer {\n    display: none;\n  }\n}\n";
 const PosAppBrowserStyle0 = posAppBrowserCss;
 
 const PosAppBrowser = class {
@@ -5872,75 +5942,6 @@ var dropdown_styles_default = i$4`
   }
 `;
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __await = function(promise, isYieldStar) {
-  this[0] = promise;
-  this[1] = isYieldStar;
-};
-var __yieldStar = (value) => {
-  var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
-  if (obj == null) {
-    obj = value[__knownSymbol("iterator")]();
-    method = (k) => it[k] = (x) => obj[k](x);
-  } else {
-    obj = obj.call(value);
-    method = (k) => it[k] = (v) => {
-      if (isAwait) {
-        isAwait = false;
-        if (k === "throw") throw v;
-        return v;
-      }
-      isAwait = true;
-      return {
-        done: false,
-        value: new __await(new Promise((resolve) => {
-          var x = obj[k](v);
-          if (!(x instanceof Object)) __typeError("Object expected");
-          resolve(x);
-        }), 1)
-      };
-    };
-  }
-  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
-    throw x;
-  }, "return" in obj && method("return"), it;
-};
-
 // src/internal/active-elements.ts
 function* activeElements(activeElement = document.activeElement) {
   if (activeElement === null || activeElement === void 0) return;
@@ -10077,31 +10078,6 @@ function getTextContent(slot) {
   return text;
 }
 
-// src/utilities/base-path.ts
-var basePath = "";
-function setBasePath(path) {
-  basePath = path;
-}
-function getBasePath(subpath = "") {
-  if (!basePath) {
-    const scripts = [...document.getElementsByTagName("script")];
-    const configScript = scripts.find((script) => script.hasAttribute("data-shoelace"));
-    if (configScript) {
-      setBasePath(configScript.getAttribute("data-shoelace"));
-    } else {
-      const fallbackScript = scripts.find((s) => {
-        return /shoelace(\.min)?\.js($|\?)/.test(s.src) || /shoelace-autoloader(\.min)?\.js($|\?)/.test(s.src);
-      });
-      let path = "";
-      if (fallbackScript) {
-        path = fallbackScript.getAttribute("src");
-      }
-      setBasePath(path.split("/").slice(0, -1).join("/"));
-    }
-  }
-  return basePath.replace(/\/$/, "") + (subpath ? `/${subpath.replace(/^\//, "")}` : ``);
-}
-
 // src/components/icon/library.default.ts
 var library = {
   name: "default",
@@ -11422,39 +11398,76 @@ const PosSettingOfflineCache = class {
 };
 PosSettingOfflineCache.style = PosSettingOfflineCacheStyle0;
 
-var AvailableApps;
-(function (AvailableApps) {
-    AvailableApps["Generic"] = "pos-app-generic";
-    AvailableApps["RdfDocument"] = "pos-app-rdf-document";
-    AvailableApps["DocumentViewer"] = "pos-app-document-viewer";
-    AvailableApps["ImageViewer"] = "pos-app-image-viewer";
-    AvailableApps["LdpContainer"] = "pos-app-ldp-container";
-})(AvailableApps || (AvailableApps = {}));
+SlIcon.define("sl-icon");
+
+const posToolSelectCss = ":host {\n  --button-size: var(--size-14);\n  display: block;\n  position: sticky;\n  align-self: flex-start;\n  top: 0;\n  overflow: auto;\n  min-width: var(--button-size);\n}\n\naside {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  button {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    font-size: var(--size-6);\n    .text {\n      font-size: var(--size-3);\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      width: 100%;\n      overflow: hidden;\n    }\n    outline: none;\n    border: none;\n    width: var(--button-size);\n    min-width: var(--button-size);\n    height: var(--button-size);\n    min-height: var(--button-size);\n    background-color: var(--pos-background-color);\n  }\n}\n\n@media (max-width: 640px) {\n  :host {\n    position: fixed;\n    top: unset;\n    bottom: 0;\n    width: 100dvw;\n  }\n  aside {\n    flex-direction: row;\n    background-color: var(--pos-background-color);\n  }\n}\n";
+const PosToolSelectStyle0 = posToolSelectCss;
+
+const PosToolSelect = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tools = [];
+    }
+    render() {
+        console.log('toos', this.tools);
+        if (this.tools.length > 1) {
+            return (h$4("aside", null, this.tools.map(it => (h$4("button", null, h$4("sl-icon", { name: "list-ul" }), h$4("span", { class: "text" }, it.label))))));
+        }
+        return null;
+    }
+};
+PosToolSelect.style = PosToolSelectStyle0;
+
+const AvailableTools = {
+    Generic: {
+        element: 'pos-app-generic',
+        label: 'Generic',
+    },
+    RdfDocument: {
+        element: 'pos-app-rdf-document',
+        label: 'RDF Document',
+    },
+    DocumentViewer: {
+        element: 'pos-app-document-viewer',
+        label: 'Document',
+    },
+    ImageViewer: {
+        element: 'pos-app-image-viewer',
+        label: 'Image',
+    },
+    LdpContainer: {
+        element: 'pos-app-ldp-container',
+        label: 'Container',
+    },
+};
 // TODO: remove duplication with pos-container-contents/selectIconForTypes
 function containsType(types, typeUri) {
     return types.some(type => type.uri === typeUri);
 }
-function selectAppForTypes(types) {
+function selectToolsForTypes(types) {
     if (containsType(types, 'http://www.w3.org/ns/ldp#Container')) {
-        return AvailableApps.LdpContainer;
+        return [AvailableTools.LdpContainer];
     }
     else if (containsType(types, 'http://www.w3.org/2007/ont/link#RDFDocument')) {
-        return AvailableApps.RdfDocument;
+        return [AvailableTools.RdfDocument];
     }
     else if (containsType(types, 'http://www.w3.org/ns/iana/media-types/application/pdf#Resource')) {
-        return AvailableApps.DocumentViewer;
+        return [AvailableTools.DocumentViewer];
     }
     else if (containsType(types, 'http://purl.org/dc/terms/Image')) {
-        return AvailableApps.ImageViewer;
+        return [AvailableTools.ImageViewer];
     }
     else if (containsType(types, 'http://www.w3.org/2007/ont/link#Document')) {
-        return AvailableApps.DocumentViewer;
+        return [AvailableTools.DocumentViewer];
     }
     else {
-        return AvailableApps.Generic;
+        return [AvailableTools.Generic];
     }
 }
 
+const posTypeRouterCss = "section {\n  display: flex;\n  flex-direction: row;\n}\n\nsection > :last-child {\n  flex-grow: 1;\n}\n\n@media (max-width: 640px) {\n  section {\n    --toolbar-size: var(--size-14);\n    flex-direction: column-reverse;\n    padding-bottom: var(--toolbar-size);\n    pos-tool-select {\n      --button-size: var(--toolbar-size);\n    }\n  }\n}\n";
+const PosTypeRouterStyle0 = posTypeRouterCss;
+
 const PosTypeRouter = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -11470,10 +11483,12 @@ const PosTypeRouter = class {
         return this.types ? this.renderApp() : null;
     }
     renderApp() {
-        const App = selectAppForTypes(this.types);
-        return h$4(App, null);
+        const availableTools = selectToolsForTypes(this.types);
+        const SelectedTool = availableTools[0].element;
+        return (h$4("section", null, h$4("pos-tool-select", { tools: availableTools }), h$4(SelectedTool, null)));
     }
 };
+PosTypeRouter.style = PosTypeRouterStyle0;
 
 // src/components/avatar/avatar.styles.ts
 var avatar_styles_default = i$4`
@@ -11703,6 +11718,6 @@ const PosUserMenu = class {
 };
 PosUserMenu.style = PosUserMenuStyle0;
 
-export { Icon as ion_icon, ProgressBar as ion_progress_bar, RippleEffect as ion_ripple_effect, SkeletonText as ion_skeleton_text, Toast as ion_toast, PosAddNewThing as pos_add_new_thing, PosApp as pos_app, PosAppBrowser as pos_app_browser, PosAppDashboard as pos_app_dashboard, PosAppSettings as pos_app_settings, PosDescription as pos_description, PosDialog as pos_dialog, PosErrorToast as pos_error_toast, PosExampleResources as pos_example_resources, PosGettingStarted as pos_getting_started, PosImage as pos_image, PosInternalRouter as pos_internal_router, PosLabel as pos_label, PosLogin as pos_login, PosLoginForm as pos_login_form, PosMakeFindable as pos_make_findable, PosNavigation as pos_navigation, PosNavigationBar as pos_navigation_bar, PosNewThingForm as pos_new_thing_form, PosPicture as pos_picture, PosResource as pos_resource, PosRichLink as pos_rich_link, PosRouter as pos_router, PosSelectTerm as pos_select_term, PosSettingOfflineCache as pos_setting_offline_cache, PosTypeRouter as pos_type_router, PosUserMenu as pos_user_menu };
+export { Icon as ion_icon, ProgressBar as ion_progress_bar, RippleEffect as ion_ripple_effect, SkeletonText as ion_skeleton_text, Toast as ion_toast, PosAddNewThing as pos_add_new_thing, PosApp as pos_app, PosAppBrowser as pos_app_browser, PosAppDashboard as pos_app_dashboard, PosAppSettings as pos_app_settings, PosDescription as pos_description, PosDialog as pos_dialog, PosErrorToast as pos_error_toast, PosExampleResources as pos_example_resources, PosGettingStarted as pos_getting_started, PosImage as pos_image, PosInternalRouter as pos_internal_router, PosLabel as pos_label, PosLogin as pos_login, PosLoginForm as pos_login_form, PosMakeFindable as pos_make_findable, PosNavigation as pos_navigation, PosNavigationBar as pos_navigation_bar, PosNewThingForm as pos_new_thing_form, PosPicture as pos_picture, PosResource as pos_resource, PosRichLink as pos_rich_link, PosRouter as pos_router, PosSelectTerm as pos_select_term, PosSettingOfflineCache as pos_setting_offline_cache, PosToolSelect as pos_tool_select, PosTypeRouter as pos_type_router, PosUserMenu as pos_user_menu };
 
-//# sourceMappingURL=ion-icon_32.entry.js.map
+//# sourceMappingURL=ion-icon_33.entry.js.map