npm - @pod-os/elements - Versions diffs - 0.34.1-rc.11e4e07.0 → 0.34.1-rc.4cc8792.0 - Mend

@pod-os/elements 0.34.1-rc.11e4e07.0 → 0.34.1-rc.4cc8792.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

package/dist/cjs/elements.cjs.js CHANGED Viewed

@@ -18,7 +18,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy([["pos-add-new-thing_31.cjs",[[256,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[256,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[257,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":["updateResource"],"os":["updateResource"]}],[257,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[257,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[257,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[257,"pos-app-dashboard"],[257,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[257,"pos-app-settings"],[273,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":["validate"],"selectedTypeUri":["validate"]}],[273,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":["validate"]}],[257,"pos-tool-select",{"selected":[16],"tools":[16]}],[257,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[257,"pos-example-resources"],[257,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":["updateUri"]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[257,"pos-getting-started"],[257,"pos-setting-offline-cache"],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[257,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":["fetchBlob"],"src":["fetchBlob"]}],[257,"pos-upload",{"accept":[16],"uploader":[16]}],[273,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":["setTerms"]}],[257,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[257,"pos-description",{"resource":[32]}],[257,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":["loadResource"],"uri":["loadResource"]}]]],["pos-app-generic.cjs",[[257,"pos-app-generic"]]],["pos-app-ldp-container.cjs",[[257,"pos-app-ldp-container"]]],["pos-app-rdf-document.cjs",[[257,"pos-app-rdf-document"]]],["pos-app-image-viewer.cjs",[[257,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments.cjs",[[257,"pos-tool-attachments",{"os":[32],"resource":[32]}]]],["pos-app-document-viewer.cjs",[[257,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list.cjs",[[256,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-value.cjs",[[257,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments.cjs",[[257,"pos-attachments",{"resource":[32],"attachments":[32]}]]],["pos-container-contents.cjs",[[257,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document.cjs",[[257,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":["fetchBlob"],"src":["fetchBlob"]}]]],["pos-relations_2.cjs",[[257,"pos-relations",{"data":[32]}],[257,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects.cjs",[[257,"pos-subjects",{"data":[32]}]]],["pos-markdown-document.cjs",[[257,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3.cjs",[[257,"pos-container-item",{"resource":[32]}],[257,"pos-container-toolbar"],[257,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3.cjs",[[257,"pos-literals",{"data":[32]}],[257,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[257,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":["setName"]}]]]], options);
+  return index.bootstrapLazy([["pos-add-new-thing_31.cjs",[[256,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[256,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[257,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":["updateResource"],"os":["updateResource"]}],[257,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[257,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[257,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[257,"pos-app-dashboard"],[257,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[257,"pos-app-settings"],[273,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":["validate"],"selectedTypeUri":["validate"]}],[273,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":["validate"]}],[257,"pos-tool-select",{"selected":[16],"tools":[16]}],[257,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[257,"pos-example-resources"],[257,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":["updateUri"]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[257,"pos-getting-started"],[257,"pos-setting-offline-cache"],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[257,"pos-upload",{"accept":[16],"uploader":[16]}],[257,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":["fetchBlob"],"src":["fetchBlob"]}],[273,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":["setTerms"]}],[257,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[257,"pos-description",{"resource":[32]}],[257,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":["loadResource"],"uri":["loadResource"]}]]],["pos-app-generic.cjs",[[257,"pos-app-generic"]]],["pos-app-ldp-container.cjs",[[257,"pos-app-ldp-container"]]],["pos-app-rdf-document.cjs",[[257,"pos-app-rdf-document"]]],["pos-app-image-viewer.cjs",[[257,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments.cjs",[[256,"pos-tool-attachments"]]],["pos-app-document-viewer.cjs",[[257,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list.cjs",[[256,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-value.cjs",[[257,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments.cjs",[[256,"pos-attachments",{"resource":[32],"attachments":[32]}]]],["pos-container-contents.cjs",[[257,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document.cjs",[[257,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":["fetchBlob"],"src":["fetchBlob"]}]]],["pos-relations_2.cjs",[[257,"pos-relations",{"data":[32]}],[257,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects.cjs",[[257,"pos-subjects",{"data":[32]}]]],["pos-markdown-document.cjs",[[257,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3.cjs",[[257,"pos-container-item",{"resource":[32]}],[257,"pos-container-toolbar"],[257,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3.cjs",[[257,"pos-literals",{"data":[32]}],[257,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[257,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":["setName"]}]]]], options);
 });
 exports.setNonce = index.setNonce;

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -5,7 +5,7 @@ var index = require('./index-DNlGkQCu.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["pos-add-new-thing_31.cjs",[[256,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[256,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[257,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":["updateResource"],"os":["updateResource"]}],[257,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[257,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[257,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[257,"pos-app-dashboard"],[257,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[257,"pos-app-settings"],[273,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":["validate"],"selectedTypeUri":["validate"]}],[273,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":["validate"]}],[257,"pos-tool-select",{"selected":[16],"tools":[16]}],[257,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[257,"pos-example-resources"],[257,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":["updateUri"]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[257,"pos-getting-started"],[257,"pos-setting-offline-cache"],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[257,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":["fetchBlob"],"src":["fetchBlob"]}],[257,"pos-upload",{"accept":[16],"uploader":[16]}],[273,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":["setTerms"]}],[257,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[257,"pos-description",{"resource":[32]}],[257,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":["loadResource"],"uri":["loadResource"]}]]],["pos-app-generic.cjs",[[257,"pos-app-generic"]]],["pos-app-ldp-container.cjs",[[257,"pos-app-ldp-container"]]],["pos-app-rdf-document.cjs",[[257,"pos-app-rdf-document"]]],["pos-app-image-viewer.cjs",[[257,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments.cjs",[[257,"pos-tool-attachments",{"os":[32],"resource":[32]}]]],["pos-app-document-viewer.cjs",[[257,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list.cjs",[[256,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-value.cjs",[[257,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments.cjs",[[257,"pos-attachments",{"resource":[32],"attachments":[32]}]]],["pos-container-contents.cjs",[[257,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document.cjs",[[257,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":["fetchBlob"],"src":["fetchBlob"]}]]],["pos-relations_2.cjs",[[257,"pos-relations",{"data":[32]}],[257,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects.cjs",[[257,"pos-subjects",{"data":[32]}]]],["pos-markdown-document.cjs",[[257,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3.cjs",[[257,"pos-container-item",{"resource":[32]}],[257,"pos-container-toolbar"],[257,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3.cjs",[[257,"pos-literals",{"data":[32]}],[257,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[257,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":["setName"]}]]]], options);
+  return index.bootstrapLazy([["pos-add-new-thing_31.cjs",[[256,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[256,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[257,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":["updateResource"],"os":["updateResource"]}],[257,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[257,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[257,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[257,"pos-app-dashboard"],[257,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[257,"pos-app-settings"],[273,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":["validate"],"selectedTypeUri":["validate"]}],[273,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":["validate"]}],[257,"pos-tool-select",{"selected":[16],"tools":[16]}],[257,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[257,"pos-example-resources"],[257,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":["updateUri"]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[257,"pos-getting-started"],[257,"pos-setting-offline-cache"],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[257,"pos-upload",{"accept":[16],"uploader":[16]}],[257,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":["fetchBlob"],"src":["fetchBlob"]}],[273,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":["setTerms"]}],[257,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[257,"pos-description",{"resource":[32]}],[257,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":["loadResource"],"uri":["loadResource"]}]]],["pos-app-generic.cjs",[[257,"pos-app-generic"]]],["pos-app-ldp-container.cjs",[[257,"pos-app-ldp-container"]]],["pos-app-rdf-document.cjs",[[257,"pos-app-rdf-document"]]],["pos-app-image-viewer.cjs",[[257,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments.cjs",[[256,"pos-tool-attachments"]]],["pos-app-document-viewer.cjs",[[257,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list.cjs",[[256,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-value.cjs",[[257,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments.cjs",[[256,"pos-attachments",{"resource":[32],"attachments":[32]}]]],["pos-container-contents.cjs",[[257,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document.cjs",[[257,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":["fetchBlob"],"src":["fetchBlob"]}]]],["pos-relations_2.cjs",[[257,"pos-relations",{"data":[32]}],[257,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects.cjs",[[257,"pos-subjects",{"data":[32]}]]],["pos-markdown-document.cjs",[[257,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3.cjs",[[257,"pos-container-item",{"resource":[32]}],[257,"pos-container-toolbar"],[257,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3.cjs",[[257,"pos-literals",{"data":[32]}],[257,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[257,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":["setName"]}]]]], options);
 };
 exports.setNonce = index.setNonce;

package/dist/cjs/pos-add-new-thing_31.cjs.entry.js CHANGED Viewed

@@ -6248,7 +6248,7 @@ const PosSettingOfflineCache = class {
 };
 PosSettingOfflineCache.style = posSettingOfflineCacheCss;
-const posToolSelectCss = ":host {\n  --button-size: var(--size-16);\n  display: block;\n  position: sticky;\n  align-self: flex-start;\n  top: 0;\n  overflow: auto;\n  min-width: var(--button-size);\n  z-index: var(--layer-1);\n}\n\n[role='tablist'] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  border-right: var(--size-px) solid var(--pos-border-color);\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    position: relative;\n    overflow: hidden;\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    color: var(--pos-normal-text-color);\n    background-color: var(--pos-background-color);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 100%;\n      background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);\n      transform: translate(-50%, -50%);\n      opacity: 1;\n    }\n\n    &:active::after,\n    &:focus::after {\n      width: calc(var(--button-size) * 1.5);\n      height: calc(var(--button-size) * 1.5);\n      opacity: 0;\n      transition:\n        width 0.5s ease-out,\n        height 0.5s ease-out,\n        opacity 1s ease-out;\n    }\n\n    &:focus-visible {\n      border: var(--size-px) solid var(--pos-primary-color);\n    }\n\n    @media (min-width: 640px) {\n      &[aria-selected] {\n        border-right: var(--size-1) solid var(--pos-primary-color);\n      }\n    }\n\n    .text {\n      font-size: var(--size-3);\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n}\n\n@media (max-width: 640px) {\n  :host {\n    position: fixed;\n    top: unset;\n    bottom: 0;\n    width: 100dvw;\n  }\n  [role='tablist'] {\n    flex-direction: row;\n    background-color: var(--pos-background-color);\n\n    border-top: var(--size-px) solid var(--pos-border-color);\n\n    button {\n      &[aria-selected] {\n        border-top: var(--size-1) solid var(--pos-primary-color);\n      }\n    }\n  }\n}\n";
+const posToolSelectCss = ":host {\n  --button-size: var(--size-16);\n  display: block;\n  position: sticky;\n  align-self: flex-start;\n  top: 0;\n  overflow: auto;\n  min-width: var(--button-size);\n  z-index: var(--layer-1);\n}\n\n[role='tablist'] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  border-right: var(--size-px) solid var(--pos-border-color);\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    position: relative;\n    overflow: hidden;\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    &::after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 100%;\n      background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);\n      transform: translate(-50%, -50%);\n      opacity: 1;\n    }\n\n    &:active::after,\n    &:focus::after {\n      width: calc(var(--button-size) * 1.5);\n      height: calc(var(--button-size) * 1.5);\n      opacity: 0;\n      transition:\n        width 0.5s ease-out,\n        height 0.5s ease-out,\n        opacity 1s ease-out;\n    }\n\n    &:focus-visible {\n      border: var(--size-px) solid var(--pos-primary-color);\n    }\n\n    @media (min-width: 640px) {\n      &[aria-selected] {\n        border-right: var(--size-1) solid var(--pos-primary-color);\n      }\n    }\n\n    .text {\n      font-size: var(--size-3);\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n}\n\n@media (max-width: 640px) {\n  :host {\n    position: fixed;\n    top: unset;\n    bottom: 0;\n    width: 100dvw;\n  }\n  [role='tablist'] {\n    flex-direction: row;\n    background-color: var(--pos-background-color);\n\n    border-top: var(--size-px) solid var(--pos-border-color);\n\n    button {\n      &[aria-selected] {\n        border-top: var(--size-1) solid var(--pos-primary-color);\n      }\n    }\n  }\n}\n";
 const PosToolSelect = class {
     constructor(hostRef) {

package/dist/cjs/pos-app-document-viewer.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var index = require('./index-DNlGkQCu.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
-const defaultAppLayoutCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";

package/dist/cjs/pos-app-document-viewer.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-app-document-viewer.entry.cjs.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section ~~{\n &:~~first-of-type {\n flex: 1;\n ~~}\n~~ }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-document-viewer',\n shadow: true,\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <Host>\n <section>\n <pos-document src={this.resource.uri} />\n </section>\n </Host>\n );\n }\n}\n"],"names":["subscribeResource","h","Host"],"mappings":";;;;;AAAA,MAAM,mBAAmB,GAAG,~~ofAAof~~;;~~ACAhhB~~,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AAeF;IArBC,iBAAiB,GAAA;QACfA,+BAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACEC,QAACC,UAAI,EAAA,IAAA,EACHD,OAAA,CAAA,SAAA,EAAA,IAAA,EACEA,OAAc,CAAA,cAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAI,CAAA,CAChC,CACL;;;;;;;"}
1	+ {"version":3,"file":"pos-app-document-viewer.entry.cjs.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section:first-of-type {\n flex: 1;\n }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-document-viewer',\n shadow: true,\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <Host>\n <section>\n <pos-document src={this.resource.uri} />\n </section>\n </Host>\n );\n }\n}\n"],"names":["subscribeResource","h","Host"],"mappings":";;;;;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AAeF;IArBC,iBAAiB,GAAA;QACfA,+BAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACEC,QAACC,UAAI,EAAA,IAAA,EACHD,OAAA,CAAA,SAAA,EAAA,IAAA,EACEA,OAAc,CAAA,cAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAI,CAAA,CAChC,CACL;;;;;;;"}

package/dist/cjs/pos-app-image-viewer.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
 const posAppImageViewerCss = "pos-image{--max-width:100%}";
-const defaultAppLayoutCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";

package/dist/cjs/pos-app-image-viewer.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-app-image-viewer.entry.cjs.js","sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/default-app-layout.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["pos-image {\n --max-width: 100%;\n}\n",":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section ~~{\n &:~~first-of-type {\n flex: 1;\n ~~}\n~~ }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-image-viewer',\n shadow: true,\n styleUrls: ['pos-app-image-viewer.css', '../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppImageViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <Host>\n <section>\n <pos-image src={this.resource.uri} />\n </section>\n <section>\n <article>\n <header>\n <h1>\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"names":["subscribeResource","h","Host"],"mappings":";;;;;AAAA,MAAM,oBAAoB,GAAG,6BAA6B;;ACA1D,MAAM,mBAAmB,GAAG,~~ofAAof~~;;~~ACAhhB~~,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AA0BF;IAhCC,iBAAiB,GAAA;QACfA,+BAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACEC,QAACC,UAAI,EAAA,IAAA,EACHD,OAAA,CAAA,SAAA,EAAA,IAAA,EACEA,OAAW,CAAA,WAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACVA,OAAA,CAAA,SAAA,EAAA,IAAA,EACEA,OAAA,CAAA,SAAA,EAAA,IAAA,EACEA,OAAA,CAAA,QAAA,EAAA,IAAA,EACEA,OAAA,CAAA,IAAA,EAAA,IAAA,EACEA,OAAA,CAAA,WAAA,EAAA,IAAA,CAAa,CACV,EACLA,OAAA,CAAA,iBAAA,EAAA,IAAA,CAAmB,CACZ,EACTA,OAAA,CAAA,cAAA,EAAA,IAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}
1	+ {"version":3,"file":"pos-app-image-viewer.entry.cjs.js","sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/default-app-layout.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["pos-image {\n --max-width: 100%;\n}\n",":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section:first-of-type {\n flex: 1;\n }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-image-viewer',\n shadow: true,\n styleUrls: ['pos-app-image-viewer.css', '../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppImageViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <Host>\n <section>\n <pos-image src={this.resource.uri} />\n </section>\n <section>\n <article>\n <header>\n <h1>\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"names":["subscribeResource","h","Host"],"mappings":";;;;;AAAA,MAAM,oBAAoB,GAAG,6BAA6B;;ACA1D,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AA0BF;IAhCC,iBAAiB,GAAA;QACfA,+BAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACEC,QAACC,UAAI,EAAA,IAAA,EACHD,OAAA,CAAA,SAAA,EAAA,IAAA,EACEA,OAAW,CAAA,WAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACVA,OAAA,CAAA,SAAA,EAAA,IAAA,EACEA,OAAA,CAAA,SAAA,EAAA,IAAA,EACEA,OAAA,CAAA,QAAA,EAAA,IAAA,EACEA,OAAA,CAAA,IAAA,EAAA,IAAA,EACEA,OAAA,CAAA,WAAA,EAAA,IAAA,CAAa,CACV,EACLA,OAAA,CAAA,iBAAA,EAAA,IAAA,CAAmB,CACZ,EACTA,OAAA,CAAA,cAAA,EAAA,IAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}

package/dist/cjs/pos-app-ldp-container.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 var index = require('./index-DNlGkQCu.js');
-const defaultAppLayoutCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";

package/dist/cjs/pos-app-ldp-container.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-app-ldp-container.entry.cjs.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/pos-app-ldp-container/pos-app-ldp-container.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section ~~{\n &:~~first-of-type {\n flex: 1;\n ~~}\n~~ }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-ldp-container',\n shadow: true,\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppLdpContainer {\n render() {\n return (\n <Host>\n <section>\n <pos-container-contents />\n <details>\n <summary>All subjects</summary>\n <pos-subjects />\n </details>\n </section>\n <section>\n <article aria-labelledby=\"container-title\">\n <header>\n <h1 id=\"container-title\">\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,~~ofAAof~~;;~~ACAhhB~~,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,kBAAkB,GAAA,MAAA;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1BA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAA+B,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,cAAA,CAAA,EAC/BA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,EACVA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,iBAAiB,EAAA,EACxCA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACtBA,OAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACLA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACTA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}
1	+ {"version":3,"file":"pos-app-ldp-container.entry.cjs.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/pos-app-ldp-container/pos-app-ldp-container.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section:first-of-type {\n flex: 1;\n }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-ldp-container',\n shadow: true,\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppLdpContainer {\n render() {\n return (\n <Host>\n <section>\n <pos-container-contents />\n <details>\n <summary>All subjects</summary>\n <pos-subjects />\n </details>\n </section>\n <section>\n <article aria-labelledby=\"container-title\">\n <header>\n <h1 id=\"container-title\">\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,kBAAkB,GAAA,MAAA;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1BA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAA+B,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,cAAA,CAAA,EAC/BA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,EACVA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,iBAAiB,EAAA,EACxCA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACtBA,OAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACLA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACTA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}

package/dist/cjs/pos-app-rdf-document.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 var index = require('./index-DNlGkQCu.js');
-const defaultAppLayoutCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";

package/dist/cjs/pos-app-rdf-document.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-app-rdf-document.entry.cjs.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/pos-app-rdf-document/pos-app-rdf-document.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section ~~{\n &:~~first-of-type {\n flex: 1;\n ~~}\n~~ }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-rdf-document',\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n shadow: true,\n})\nexport class PosAppRdfDocument {\n render() {\n return (\n <Host>\n <section>\n <pos-subjects />\n </section>\n <section>\n <article aria-labelledby=\"doc-title\">\n <header>\n <h1 id=\"doc-title\">\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,~~ofAAof~~;;~~ACAhhB~~,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,iBAAiB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,EACVA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,WAAW,EAAA,EAClCA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,WAAW,EAAA,EAChBA,OAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACLA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACTA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}
1	+ {"version":3,"file":"pos-app-rdf-document.entry.cjs.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/pos-app-rdf-document/pos-app-rdf-document.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section:first-of-type {\n flex: 1;\n }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-rdf-document',\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n shadow: true,\n})\nexport class PosAppRdfDocument {\n render() {\n return (\n <Host>\n <section>\n <pos-subjects />\n </section>\n <section>\n <article aria-labelledby=\"doc-title\">\n <header>\n <h1 id=\"doc-title\">\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,iBAAiB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,EACVA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,WAAW,EAAA,EAClCA,OAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,WAAW,EAAA,EAChBA,OAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACLA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACTA,OAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}

package/dist/cjs/pos-attachments.cjs.entry.js CHANGED Viewed

@@ -1,16 +1,26 @@
 'use strict';
 var index = require('./index-DNlGkQCu.js');
-var useResource = require('./useResource-IN7KmaP3.js');
-const posAttachmentsCss = ":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n\n  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-1);\n\n    li {\n      padding: var(--size-1);\n      &:nth-child(even) {\n        background-color: var(--background-color-even);\n      }\n      &:nth-child(odd) {\n        background-color: var(--background-color-odd);\n      }\n    }\n  }\n}\n";
+function useResource(el) {
+    return new Promise(resolve => {
+        el.dispatchEvent(new CustomEvent('pod-os:resource', {
+            bubbles: true,
+            composed: true,
+            cancelable: true,
+            detail: (thing) => {
+                resolve(thing);
+            },
+        }));
+    });
+}
 const PosAttachments = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     async componentWillLoad() {
-        this.resource = await useResource.useResource(this.el);
+        this.resource = await useResource(this.el);
         this.attachments = this.resource.attachments();
     }
     render() {
@@ -21,7 +31,6 @@ const PosAttachments = class {
     }
     get el() { return index.getElement(this); }
 };
-PosAttachments.style = posAttachmentsCss;
 exports.pos_attachments = PosAttachments;
 //# sourceMappingURL=pos-attachments.entry.cjs.js.map

package/dist/cjs/pos-attachments.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-attachments.entry.cjs.js","sources":["src/components/~~pos-attachments~~/~~pos-attachments~~.~~css?tag=pos-attachments&encapsulation=shadow~~","src/components/pos-attachments/pos-attachments.tsx"],"sourcesContent":["~~:host~~ {~~\n --background-base-color:~~ ~~color-mix(in~~ ~~srgb,~~ ~~var(--pos-background-color),~~ ~~var(--color~~-~~grey-800) 10%)~~;\n ~~--background-color-even:~~ ~~hsl~~(~~from~~ ~~var(--background-base-color~~) h ~~s calc(l + 7));\~~n ~~--background-color-odd:~~ ~~hsl(from~~ ~~var~~(~~--background-base-color)~~ h ~~s calc~~(~~l + 10));\~~n ~~--border-color:~~ ~~var~~(~~--background~~-~~base-color);\n\n ul~~ {\n ~~margin~~: ~~0;\~~n ~~padding~~: ~~0;\~~n ~~list-style~~: ~~none;\~~n ~~display~~: ~~flex;\n flex-direction~~: ~~column;\n gap: var(--size-1~~)~~;\n\n li~~ {\n ~~padding: var~~(~~--size-1~~);\n ~~&:nth-child(even) {\n~~ ~~background-color: var(--background-color-even);\~~n }~~\n &:nth-child(odd~~) {\n ~~background-color: var(--background-color-odd~~);\n ~~}\n }\n~~ }\n}\n","import { Component, Element, h, Host, State } from '@stencil/core';\nimport { Attachment, Thing } from '@pod-os/core';\nimport { useResource } from '../events/useResource';\n\n/*\n Lists whatever is attached to the current thing\n */\n@Component({\n tag: 'pos-attachments',\n ~~styleUrl: 'pos-attachments.css',\n shadow: true,\n~~})\nexport class PosAttachments {\n @Element() el: HTMLElement;\n\n @State() resource: Thing;\n @State() attachments: Attachment[];\n\n async componentWillLoad() {\n this.resource = await useResource(this.el);\n this.attachments = this.resource.attachments();\n }\n\n render() {\n if (this.attachments.length === 0) {\n return <Host>No attachments found.</Host>;\n }\n\n return (\n <ul>\n {this.attachments.map(it => (\n <li>\n <pos-rich-link uri={it.uri}></pos-rich-link>\n </li>\n ))}\n </ul>\n );\n }\n}\n"],"names":["~~useResource","~~h","Host"],"mappings":"~~;;;;;AAAA~~,~~MAAM~~,iBAAiB,~~GAAG~~,~~0sBAA0sB~~;;~~MCYvtB~~,cAAc,GAAA,MAAA;;;;AAMzB,IAAA,MAAM,iBAAiB,GAAA;QACrB,IAAI,CAAC,QAAQ,GAAG,~~MAAMA~~,~~uBAAW~~,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;;IAGhD,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,~~OAAOC~~,OAAA,CAACC,UAAI,EAAA,IAAA,EAAA,uBAAA,CAA6B;;AAG3C,QAAA,QACED,OAAA,CAAA,IAAA,EAAA,IAAA,EACG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KACtBA,OAAA,CAAA,IAAA,EAAA,IAAA,EACEA,OAAe,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,EAAE,CAAC,GAAG,EAAkB,CAAA,CACzC,CACN,CAAC,CACC~~;;;;;;;;~~"}
1	+ {"version":3,"file":"pos-attachments.entry.cjs.js","sources":["src/components/events/useResource.ts","src/components/pos-attachments/pos-attachments.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\n\nexport function useResource(el: HTMLElement): Promise<Thing> {\n return new Promise(resolve => {\n el.dispatchEvent(\n new CustomEvent('pod-os:resource', {\n bubbles: true,\n composed: true,\n cancelable: true,\n detail: (thing: Thing) => {\n resolve(thing);\n },\n }),\n );\n });\n}\n","import { Component, Element, h, Host, State } from '@stencil/core';\nimport { Attachment, Thing } from '@pod-os/core';\nimport { useResource } from '../events/useResource';\n\n/*\n Lists whatever is attached to the current thing\n */\n@Component({\n tag: 'pos-attachments',\n})\nexport class PosAttachments {\n @Element() el: HTMLElement;\n\n @State() resource: Thing;\n @State() attachments: Attachment[];\n\n async componentWillLoad() {\n this.resource = await useResource(this.el);\n this.attachments = this.resource.attachments();\n }\n\n render() {\n if (this.attachments.length === 0) {\n return <Host>No attachments found.</Host>;\n }\n\n return (\n <ul>\n {this.attachments.map(it => (\n <li>\n <pos-rich-link uri={it.uri}></pos-rich-link>\n </li>\n ))}\n </ul>\n );\n }\n}\n"],"names":["h","Host"],"mappings":";;;;AAEM,SAAU,WAAW,CAAC,EAAe,EAAA;AACzC,IAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC3B,QAAA,EAAE,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,iBAAiB,EAAE;AACjC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,MAAM,EAAE,CAAC,KAAY,KAAI;gBACvB,OAAO,CAAC,KAAK,CAAC;aACf;AACF,SAAA,CAAC,CACH;AACH,KAAC,CAAC;AACJ;;MCLa,cAAc,GAAA,MAAA;;;;AAMzB,IAAA,MAAM,iBAAiB,GAAA;QACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;;IAGhD,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,OAAOA,OAAA,CAACC,UAAI,EAAA,IAAA,EAAA,uBAAA,CAA6B;;AAG3C,QAAA,QACED,OAAA,CAAA,IAAA,EAAA,IAAA,EACG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KACtBA,OAAA,CAAA,IAAA,EAAA,IAAA,EACEA,OAAe,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,EAAE,CAAC,GAAG,EAAkB,CAAA,CACzC,CACN,CAAC,CACC;;;;;;;"}

package/dist/cjs/pos-tool-attachments.cjs.entry.js CHANGED Viewed

@@ -1,32 +1,15 @@
 'use strict';
 var index = require('./index-DNlGkQCu.js');
-var usePodOS = require('./usePodOS-BnFzjtlx.js');
-var useResource = require('./useResource-IN7KmaP3.js');
-const posToolAttachmentsCss = ":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  h2 {\n    margin: 0;\n    padding: 0;\n    font-size: var(--scale-2);\n  }\n}\n";
-const defaultAppLayoutCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
-const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";
 const PosToolAttachments = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    async componentWillLoad() {
-        this.os = await usePodOS.usePodOS(this.el);
-        this.resource = await useResource.useResource(this.el);
-    }
     render() {
-        var _a;
-        return (index.h(index.Host, { key: '68d1638d8f3d32768c9bb9fd5ec306e2e5cfcedf' }, index.h("section", { key: '12e66c5122bf0150c877317026325acb0ee0e998' }, index.h("article", { key: '502da4a6148d2c3d7c8180dedda9368d8e887fb9' }, index.h("h2", { key: '4a6eb2de72675bbc59644be1c1d926065b3ac618' }, "Attachments"), index.h("pos-attachments", { key: '9dfefe674075e96c6c6c1f9df55fe82840cf0c1e' }))), index.h("section", { key: '70bede1ab47113bd9c1d6321e1dfc8dd1d266503' }, ((_a = this.resource) === null || _a === void 0 ? void 0 : _a.editable) ? (index.h("pos-upload", { accept: ['*/*'], uploader: file => {
-                return this.os.attachments().uploadAndAddAttachment(this.resource, file);
-            } })) : null)));
+        return index.h("pos-attachments", { key: '58f67b724517cfe6eb67b4e3d675aff8da5fa749' });
     }
-    get el() { return index.getElement(this); }
 };
-PosToolAttachments.style = posToolAttachmentsCss + (defaultAppLayoutCss + articleCardCss);
 exports.pos_tool_attachments = PosToolAttachments;
 //# sourceMappingURL=pos-tool-attachments.entry.cjs.js.map

package/dist/cjs/pos-tool-attachments.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-tool-attachments.entry.cjs.js","sources":["src/tools/pos-tool-attachments/pos-tool-attachments.css?tag=pos-tool-attachments&encapsulation=shadow","src/apps/styles/default-app-layout.css?tag=pos-tool-attachments&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-tool-attachments&encapsulation=shadow","src/tools/pos-tool-attachments/pos-tool-attachments.tsx"],"sourcesContent":[":host {\n display: flex;\n flex-direction: column;\n gap: var(--size-1);\n h2 {\n margin: 0;\n padding: 0;\n font-size: var(--scale-2);\n }\n}\n",":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section {\n &:first-of-type {\n flex: 1;\n }\n }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Component, h, ~~Host, Element, State~~ } from '@stencil/core';\~~nimport { PodOS, Thing } from '@pod-os/core';\nimport { usePodOS } from '../../components/events/usePodOS';\nimport { useResource } from '../../components/events/useResource';\~~n\n/*\n A tool to manage attachments of a thing.\n /\n@Component({\n tag: 'pos-tool-attachments',\n ~~styleUrls: [\n './pos-tool-attachments.css',\n '../../apps/styles/default-app-layout.css',\n '../../apps/styles/article-card.css',\n ],\n shadow: true,\n~~})\nexport class PosToolAttachments {\n @Element() el: HTMLElement;\n\n @State() os: PodOS;\n @State() resource: Thing;\n\n async componentWillLoad() {\n this.os = await usePodOS(this.el);\n this.resource = await useResource(this.el);\n }\n\n render() {\n return ~~(\n~~ <~~Host>\n <section>\n <article>\n <h2>Attachments</h2>\n <~~pos-attachments></pos-attachments>\n </article>\n </section>\n <section>\n {this.resource?.editable ? (\n <pos-upload\n accept={['/*']}\n uploader={file => {\n return this.os.attachments().uploadAndAddAttachment(this.resource, file);\n }}\n ></pos-upload>\n ) : null}\n </section>\n </Host>\n );\n }\n}\n"],"names":["~~usePodOS","useResource","~~h"~~,"Host"~~],"mappings":"~~;;;;;;AAAA~~,~~MAAM,qBAAqB,GAAG,gKAAgK;;ACA9L,MAAM,mBAAmB,GAAG,ofAAof;;ACAhhB,MAAM,cAAc,GAAG,0YAA0Y;;MCiBpZ,~~kBAAkB,GAAA,MAAA;;;;~~AAM7B~~,~~IAAA,~~MAAM,~~iBAAiB,~~GAAA;~~QACrB,IAAI,CAAC,EAAE,GAAG,MAAMA,iBAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,MAAMC,uBAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;IAG5C,MAAM,GAAA;;~~QACJ,QACEC,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAoB,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,aAAA,CAAA,EACpBA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmC,CAC3B,CACF,EACVA,OACG,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,CAAA,MAAA,IAAI,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,KACtBA,wBACE,MAAM,EAAE,CAAC,KAAK,CAAC,EACf,QAAQ,EAAE,IAAI,IAAG;AACf,gBAAA,OAAO,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;aACzE,EAAA,CACW,IACZ,IAAI,CACA,CACL;;;;;;;;"}
1	+ {"version":3,"file":"pos-tool-attachments.entry.cjs.js","sources":["src/tools/pos-tool-attachments/pos-tool-attachments.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n/*\n A tool to manage attachments of a thing.\n */\n@Component({\n tag: 'pos-tool-attachments',\n})\nexport class PosToolAttachments {\n render() {\n return <pos-attachments></pos-attachments>;\n }\n}\n"],"names":["h"],"mappings":";;;;MAQa,kBAAkB,GAAA,MAAA;;;;IAC7B,MAAM,GAAA;QACJ,OAAOA,+EAAmC;;;;;;"}

package/dist/collection/apps/styles/default-app-layout.css CHANGED Viewed

@@ -18,10 +18,8 @@ section {
     flex-direction: row;
     flex-wrap: wrap;
-    section {
-      &:first-of-type {
-        flex: 1;
-      }
+    section:first-of-type {
+      flex: 1;
     }
     section:not(:first-of-type) {

package/dist/collection/components/pos-attachments/pos-attachments.js CHANGED Viewed

@@ -15,17 +15,6 @@ export class PosAttachments {
         return (h("ul", null, this.attachments.map(it => (h("li", null, h("pos-rich-link", { uri: it.uri }))))));
     }
     static get is() { return "pos-attachments"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["pos-attachments.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["pos-attachments.css"]
-        };
-    }
     static get states() {
         return {
             "resource": {},

package/dist/collection/components/pos-attachments/pos-attachments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-attachments.js","sourceRoot":"","sources":["../../../../src/components/pos-attachments/pos-attachments.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD;;GAEG;~~AAMH~~,MAAM,OAAO,cAAc;IAMzB,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;IACjD,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAClC,OAAO,EAAC,IAAI,gCAA6B,CAAC;QAC5C,CAAC;QAED,OAAO,CACL,cACG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAC1B;YACE,qBAAe,GAAG,EAAE,EAAE,CAAC,GAAG,GAAkB,CACzC,CACN,CAAC,CACC,CACN,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Element, h, Host, State } from '@stencil/core';\nimport { Attachment, Thing } from '@pod-os/core';\nimport { useResource } from '../events/useResource';\n\n/*\n Lists whatever is attached to the current thing\n */\n@Component({\n tag: 'pos-attachments',\n ~~styleUrl: 'pos-attachments.css',\n shadow: true,\n~~})\nexport class PosAttachments {\n @Element() el: HTMLElement;\n\n @State() resource: Thing;\n @State() attachments: Attachment[];\n\n async componentWillLoad() {\n this.resource = await useResource(this.el);\n this.attachments = this.resource.attachments();\n }\n\n render() {\n if (this.attachments.length === 0) {\n return <Host>No attachments found.</Host>;\n }\n\n return (\n <ul>\n {this.attachments.map(it => (\n <li>\n <pos-rich-link uri={it.uri}></pos-rich-link>\n </li>\n ))}\n </ul>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pos-attachments.js","sourceRoot":"","sources":["../../../../src/components/pos-attachments/pos-attachments.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD;;GAEG;AAIH,MAAM,OAAO,cAAc;IAMzB,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;IACjD,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAClC,OAAO,EAAC,IAAI,gCAA6B,CAAC;QAC5C,CAAC;QAED,OAAO,CACL,cACG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAC1B;YACE,qBAAe,GAAG,EAAE,EAAE,CAAC,GAAG,GAAkB,CACzC,CACN,CAAC,CACC,CACN,CAAC;IACJ,CAAC;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, State } from '@stencil/core';\nimport { Attachment, Thing } from '@pod-os/core';\nimport { useResource } from '../events/useResource';\n\n/*\n Lists whatever is attached to the current thing\n */\n@Component({\n tag: 'pos-attachments',\n})\nexport class PosAttachments {\n @Element() el: HTMLElement;\n\n @State() resource: Thing;\n @State() attachments: Attachment[];\n\n async componentWillLoad() {\n this.resource = await useResource(this.el);\n this.attachments = this.resource.attachments();\n }\n\n render() {\n if (this.attachments.length === 0) {\n return <Host>No attachments found.</Host>;\n }\n\n return (\n <ul>\n {this.attachments.map(it => (\n <li>\n <pos-rich-link uri={it.uri}></pos-rich-link>\n </li>\n ))}\n </ul>\n );\n }\n}\n"]}

package/dist/collection/components/pos-tool-select/pos-tool-select.css CHANGED Viewed

@@ -31,7 +31,6 @@
     min-width: var(--button-size);
     height: var(--button-size);
     min-height: var(--button-size);
-    color: var(--pos-normal-text-color);
     background-color: var(--pos-background-color);
     &::after {

package/dist/collection/tools/pos-tool-attachments/pos-tool-attachments.js CHANGED Viewed

@@ -1,38 +1,11 @@
-import { h, Host } from "@stencil/core";
-import { usePodOS } from "../../components/events/usePodOS";
-import { useResource } from "../../components/events/useResource";
+import { h } from "@stencil/core";
 /**
  * A tool to manage attachments of a thing.
  */
 export class PosToolAttachments {
-    async componentWillLoad() {
-        this.os = await usePodOS(this.el);
-        this.resource = await useResource(this.el);
-    }
     render() {
-        var _a;
-        return (h(Host, { key: '68d1638d8f3d32768c9bb9fd5ec306e2e5cfcedf' }, h("section", { key: '12e66c5122bf0150c877317026325acb0ee0e998' }, h("article", { key: '502da4a6148d2c3d7c8180dedda9368d8e887fb9' }, h("h2", { key: '4a6eb2de72675bbc59644be1c1d926065b3ac618' }, "Attachments"), h("pos-attachments", { key: '9dfefe674075e96c6c6c1f9df55fe82840cf0c1e' }))), h("section", { key: '70bede1ab47113bd9c1d6321e1dfc8dd1d266503' }, ((_a = this.resource) === null || _a === void 0 ? void 0 : _a.editable) ? (h("pos-upload", { accept: ['*/*'], uploader: file => {
-                return this.os.attachments().uploadAndAddAttachment(this.resource, file);
-            } })) : null)));
+        return h("pos-attachments", { key: '58f67b724517cfe6eb67b4e3d675aff8da5fa749' });
     }
     static get is() { return "pos-tool-attachments"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["./pos-tool-attachments.css", "../../apps/styles/default-app-layout.css", "../../apps/styles/article-card.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["pos-tool-attachments.css", "../../apps/styles/default-app-layout.css", "../../apps/styles/article-card.css"]
-        };
-    }
-    static get states() {
-        return {
-            "os": {},
-            "resource": {}
-        };
-    }
-    static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=pos-tool-attachments.js.map

package/dist/collection/tools/pos-tool-attachments/pos-tool-attachments.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-tool-attachments.js","sourceRoot":"","sources":["../../../../src/tools/pos-tool-attachments/pos-tool-attachments.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,~~IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,~~MAAM,eAAe,CAAC;~~AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAElE~~;;GAEG;~~AAUH~~,MAAM,OAAO,kBAAkB;~~IAM7B~~,~~KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,EAAE,GAAG,~~MAAM~~,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC~~;~~QAClC,IAAI,CAAC,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM;;~~QACJ,OAAO,~~CACL,EAAC,IAAI;YACH;gBACE;oBACE,2EAAoB;oBACpB,~~yEAAmC,~~CAC3B,CACF;YACV,kEACG,CAAA,MAAA,IAAI,~~CAAC~~,QAAQ,0CAAE,QAAQ,EAAC,CAAC,CAAC,CACzB,kBACE,MAAM,EAAE,CAAC,KAAK,CAAC,EACf,QAAQ,EAAE,IAAI,CAAC,EAAE~~;~~oBACf~~,~~OAAO,IAAI,~~CAAC~~,EAAE,CAAC,WAAW,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;gBAC3E,CAAC,GACW,CACf,CAAC,CAAC,CAAC,IAAI,CACA,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, h, ~~Host, Element, State~~ } from '@stencil/core';\~~nimport { PodOS, Thing } from '@pod-os/core';\nimport { usePodOS } from '../../components/events/usePodOS';\nimport { useResource } from '../../components/events/useResource';\~~n\n/*\n A tool to manage attachments of a thing.\n /\n@Component({\n tag: 'pos-tool-attachments',\n ~~styleUrls: [\n './pos-tool-attachments.css',\n '../../apps/styles/default-app-layout.css',\n '../../apps/styles/article-card.css',\n ],\n shadow: true,\n~~})\nexport class PosToolAttachments {\n @Element() el: HTMLElement;\n\n @State() os: PodOS;\n @State() resource: Thing;\n\n async componentWillLoad() {\n this.os = await usePodOS(this.el);\n this.resource = await useResource(this.el);\n }\n\n render() {\n return ~~(\n~~ <~~Host>\n <section>\n <article>\n <h2>Attachments</h2>\n <~~pos-attachments></pos-attachments>\n </article>\n </section>\n <section>\n {this.resource?.editable ? (\n <pos-upload\n accept={['/*']}\n uploader={file => {\n return this.os.attachments().uploadAndAddAttachment(this.resource, file);\n }}\n ></pos-upload>\n ) : null}\n </section>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pos-tool-attachments.js","sourceRoot":"","sources":["../../../../src/tools/pos-tool-attachments/pos-tool-attachments.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;GAEG;AAIH,MAAM,OAAO,kBAAkB;IAC7B,MAAM;QACJ,OAAO,yEAAmC,CAAC;IAC7C,CAAC;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n/*\n A tool to manage attachments of a thing.\n */\n@Component({\n tag: 'pos-tool-attachments',\n})\nexport class PosToolAttachments {\n render() {\n return <pos-attachments></pos-attachments>;\n }\n}\n"]}

package/dist/components/pos-app-document-viewer.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { s as subscribeResource } from './ResourceAware.js';
 import { d as defineCustomElement$3 } from './pos-document2.js';
 import { d as defineCustomElement$2 } from './pos-markdown-document2.js';
-const defaultAppLayoutCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";

package/dist/components/pos-app-document-viewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pos-app-document-viewer.js","mappings":";;;;;AAAA,MAAM,mBAAmB,GAAG,~~ofAAof~~;;~~ACAhhB~~,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAA,WAAA,CAAA;AALjC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AAeF;IArBC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAc,CAAA,cAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAI,CAAA,CAChC,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppDocumentViewer","__stencil_proxyCustomElement"],"sources":["src/apps/styles/default-app-layout.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section ~~{\n &:~~first-of-type {\n flex: 1;\n ~~}\n~~ }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-document-viewer',\n shadow: true,\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <Host>\n <section>\n <pos-document src={this.resource.uri} />\n </section>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pos-app-document-viewer.js","mappings":";;;;;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZA,sBAAoB,iBAAAC,kBAAA,CAAA,MAAA,oBAAA,SAAA,WAAA,CAAA;AALjC,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AAeF;IArBC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAc,CAAA,cAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAI,CAAA,CAChC,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppDocumentViewer","__stencil_proxyCustomElement"],"sources":["src/apps/styles/default-app-layout.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section:first-of-type {\n flex: 1;\n }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-document-viewer',\n shadow: true,\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <Host>\n <section>\n <pos-document src={this.resource.uri} />\n </section>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/pos-app-image-viewer.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { d as defineCustomElement$2 } from './pos-type-badges2.js';
 const posAppImageViewerCss = "pos-image{--max-width:100%}";
-const defaultAppLayoutCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";

package/dist/components/pos-app-image-viewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pos-app-image-viewer.js","mappings":";;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,6BAA6B;;ACA1D,MAAM,mBAAmB,GAAG,~~ofAAof~~;;~~ACAhhB~~,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAA,WAAA,CAAA;AAL9B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AA0BF;IAhCC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAA,CAAA,WAAA,EAAA,IAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,IAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,IAAA,CAAgB,CACR,CACF,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppImageViewer","__stencil_proxyCustomElement"],"sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/default-app-layout.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["pos-image {\n --max-width: 100%;\n}\n",":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section ~~{\n &:~~first-of-type {\n flex: 1;\n ~~}\n~~ }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-image-viewer',\n shadow: true,\n styleUrls: ['pos-app-image-viewer.css', '../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppImageViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <Host>\n <section>\n <pos-image src={this.resource.uri} />\n </section>\n <section>\n <article>\n <header>\n <h1>\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pos-app-image-viewer.js","mappings":";;;;;;;;;;AAAA,MAAM,oBAAoB,GAAG,6BAA6B;;ACA1D,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAA,WAAA,CAAA;AAL9B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AA0BF;IAhCC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAA,CAAA,WAAA,EAAA,IAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,IAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,IAAA,CAAgB,CACR,CACF,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppImageViewer","__stencil_proxyCustomElement"],"sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/default-app-layout.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["pos-image {\n --max-width: 100%;\n}\n",":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section:first-of-type {\n flex: 1;\n }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-image-viewer',\n shadow: true,\n styleUrls: ['pos-app-image-viewer.css', '../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppImageViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <Host>\n <section>\n <pos-image src={this.resource.uri} />\n </section>\n <section>\n <article>\n <header>\n <h1>\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/pos-app-ldp-container.js CHANGED Viewed

@@ -14,7 +14,7 @@ import { d as defineCustomElement$4 } from './pos-select-term2.js';
 import { d as defineCustomElement$3 } from './pos-subjects2.js';
 import { d as defineCustomElement$2 } from './pos-type-badges2.js';
-const defaultAppLayoutCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";

package/dist/components/pos-app-ldp-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pos-app-ldp-container.js","mappings":";;;;;;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,~~ofAAof~~;;~~ACAhhB~~,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAA,WAAA,CAAA;;;;;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1B,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA+B,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,cAAA,CAAA,EAC/B,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,iBAAiB,EAAA,EACxC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACtB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppLdpContainer","__stencil_proxyCustomElement"],"sources":["src/apps/styles/default-app-layout.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/pos-app-ldp-container/pos-app-ldp-container.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section ~~{\n &:~~first-of-type {\n flex: 1;\n ~~}\n~~ }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-ldp-container',\n shadow: true,\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppLdpContainer {\n render() {\n return (\n <Host>\n <section>\n <pos-container-contents />\n <details>\n <summary>All subjects</summary>\n <pos-subjects />\n </details>\n </section>\n <section>\n <article aria-labelledby=\"container-title\">\n <header>\n <h1 id=\"container-title\">\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pos-app-ldp-container.js","mappings":";;;;;;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZA,oBAAkB,iBAAAC,kBAAA,CAAA,MAAA,kBAAA,SAAA,WAAA,CAAA;;;;;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1B,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA+B,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,cAAA,CAAA,EAC/B,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,iBAAiB,EAAA,EACxC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACtB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppLdpContainer","__stencil_proxyCustomElement"],"sources":["src/apps/styles/default-app-layout.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/pos-app-ldp-container/pos-app-ldp-container.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section:first-of-type {\n flex: 1;\n }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-ldp-container',\n shadow: true,\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppLdpContainer {\n render() {\n return (\n <Host>\n <section>\n <pos-container-contents />\n <details>\n <summary>All subjects</summary>\n <pos-subjects />\n </details>\n </section>\n <section>\n <article aria-labelledby=\"container-title\">\n <header>\n <h1 id=\"container-title\">\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/pos-app-rdf-document.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { d as defineCustomElement$4 } from './pos-select-term2.js';
 import { d as defineCustomElement$3 } from './pos-subjects2.js';
 import { d as defineCustomElement$2 } from './pos-type-badges2.js';
-const defaultAppLayoutCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";

package/dist/components/pos-app-rdf-document.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pos-app-rdf-document.js","mappings":";;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,~~ofAAof~~;;~~ACAhhB~~,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAA,WAAA,CAAA;;;;;;;;IAC5B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,WAAW,EAAA,EAClC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,WAAW,EAAA,EAChB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppRdfDocument","__stencil_proxyCustomElement"],"sources":["src/apps/styles/default-app-layout.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/pos-app-rdf-document/pos-app-rdf-document.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section ~~{\n &:~~first-of-type {\n flex: 1;\n ~~}\n~~ }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-rdf-document',\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n shadow: true,\n})\nexport class PosAppRdfDocument {\n render() {\n return (\n <Host>\n <section>\n <pos-subjects />\n </section>\n <section>\n <article aria-labelledby=\"doc-title\">\n <header>\n <h1 id=\"doc-title\">\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pos-app-rdf-document.js","mappings":";;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZA,mBAAiB,iBAAAC,kBAAA,CAAA,MAAA,iBAAA,SAAA,WAAA,CAAA;;;;;;;;IAC5B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,WAAW,EAAA,EAClC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,WAAW,EAAA,EAChB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppRdfDocument","__stencil_proxyCustomElement"],"sources":["src/apps/styles/default-app-layout.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/pos-app-rdf-document/pos-app-rdf-document.tsx"],"sourcesContent":[":host {\n --gap-size: var(--size-1);\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n margin: var(--gap-size);\n}\n\nsection {\n display: flex;\n flex-direction: column;\n gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n :host {\n --gap-size: var(--size-4);\n flex-direction: row;\n flex-wrap: wrap;\n\n section:first-of-type {\n flex: 1;\n }\n\n section:not(:first-of-type) {\n flex: 0 0 30%;\n }\n }\n}\n","article {\n padding: var(--size-2);\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n outline: var(--pos-border-solid);\n border-radius: var(--radius-sm);\n box-shadow: var(--shadow-md);\n background-color: var(--pos-card-background);\n\n header {\n display: flex;\n flex-direction: column;\n gap: var(--size-2);\n h1 {\n margin: 0;\n }\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-rdf-document',\n styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n shadow: true,\n})\nexport class PosAppRdfDocument {\n render() {\n return (\n <Host>\n <section>\n <pos-subjects />\n </section>\n <section>\n <article aria-labelledby=\"doc-title\">\n <header>\n <h1 id=\"doc-title\">\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <pos-literals />\n </article>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}