@pod-os/elements 0.36.0 → 0.37.0-rc.0b98c3c.0

package/dist/types/stencil-public-runtime.d.ts

@@ -125,8 +125,27 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsOptions {
+    /**
+     * Initial custom states to set on the ElementInternals.states CustomStateSet.
+     * Each key is the state name and the value is the initial boolean state.
+     *
+     * These states can be targeted with the CSS `:state()` pseudo-class.
+     *
+     * @example
+     * ```tsx
+     * @AttachInternals({ states: { open: true, active: false } })
+     * internals: ElementInternals;
+     * ```
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+     */
+    states?: {
+        [stateName: string]: boolean;
+    };
+}
 export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
+    (opts?: AttachInternalsOptions): PropertyDecorator;
 }
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
@@ -618,7 +637,7 @@ export interface FunctionalUtilities {
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
-    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
+    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[] | null;
 }
 /**
  * A Child VDOM node
@@ -673,6 +692,35 @@ export declare function h(sel: any, text: string): VNode;
 export declare function h(sel: any, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsx mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsx(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxmode with multiple children.
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsxs(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxdev mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsxdev".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @param isStaticChildren indicates if the children are static
+ * @param source source information
+ * @param self reference to the component instance
+ * @returns a jsx vnode
+ */
+export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
 /**
  * A virtual DOM node

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pod-os/elements",
-  "version": "0.36.0",
+  "version": "0.37.0-rc.0b98c3c.0",
   "description": "Custom elements for usage with Solid Pods",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -21,9 +21,9 @@
     "generate": "stencil generate"
   },
   "dependencies": {
-    "@pod-os/core": "^0.25.0",
+    "@pod-os/core": "v0.26.0-rc.0b98c3c.0",
     "@shoelace-style/shoelace": "^2.20.1",
-    "@stencil/core": "^4.39.0",
+    "@stencil/core": "^4.43.0",
     "@stencil/store": "^2.2.2",
     "@testing-library/user-event": "^14.6.1",
     "@tiptap/core": "^3.14.0",
@@ -50,7 +50,8 @@
     "jest": "^30.2.0",
     "jest-cli": "^30.2.0",
     "jest-when": "^3.7.0",
-    "prettier": "^3.5.3"
+    "prettier": "^3.5.3",
+    "url-template": "^3.1.1"
   },
   "license": "MIT",
   "repository": {

package/dist/elements/p-0a087865.entry.js

@@ -1 +0,0 @@
-import{r as a,h as e,e as i,a as s}from"./p-VMHzF3uY.js";import{u as r}from"./p-D0uCfr1-.js";import{u as t}from"./p-yVO4JQ9P.js";const o=class{constructor(e){a(this,e)}async componentWillLoad(){this.os=await r(this.el),this.resource=await t(this.el)}render(){var a;return e(i,{key:"c7670fa2c000099af02d33a702a404e9889d4552"},e("section",{key:"1b3ce82d5101ec4c0b6e6df26ede473c7287b747"},e("article",{key:"b9929952d801ab53a848985af7ed08c18072a662"},e("h2",{key:"dc39c20da1730c6ea01b32a99dc8b0680a33b6c2"},"Attachments"),e("pos-attachments",{key:"65fd33e592be78e1a15ac9c2238321973a3f8612",ref:a=>this.attachmentsElement=a}))),e("section",{key:"4ebe089659ed2c517440a9ff06141f332e44c56d"},(null===(a=this.resource)||void 0===a?void 0:a.editable)?e("pos-upload",{accept:["*/*"],uploader:a=>{const e=this.os.attachments().uploadAndAddAttachment(this.resource,a);return e.map((e=>{this.attachmentsElement.addToList({uri:e.url,label:a.name})})),e}}):null))}get el(){return s(this)}};o.style=":host{display:flex;flex-direction:column;gap:var(--size-1);h2{margin:0;padding:0;font-size:var(--scale-2)}}: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{flex:1}}section:not(:first-of-type){flex:0 0 30%}}}article{padding:var(--size-2);display:flex;flex-direction:column;gap:var(--size-2);outline:var(--pos-border-solid);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background-color:var(--pos-card-background);header{display:flex;flex-direction:column;gap:var(--size-2);h1{margin:0}}}";export{o as pos_tool_attachments}