mount-observer 0.0.47 → 0.0.48

package/MountObserver.js

@@ -57,6 +57,7 @@ export class MountObserver extends EventTarget {
         this.#calculatedSelector = calculatedSelector;
         return this.#calculatedSelector;
     }
+    //This method is called publicly from outside mount-observer -- keep it public
     async composeFragment(fragment, level) {
         const bis = fragment.querySelectorAll(`${inclTemplQry},${itemscopeQry}`);
         for (const bi of bis) {

package/MountObserver.ts

@@ -68,6 +68,7 @@ export class MountObserver extends EventTarget implements IMountObserver{
         return this.#calculatedSelector;
     }
 
+    //This method is called publicly from outside mount-observer -- keep it public
     async composeFragment(fragment: DocumentFragment, level: number){
         const bis = fragment.querySelectorAll(`${inclTemplQry},${itemscopeQry}`) as NodeListOf<HTMLTemplateElement>;
         for(const bi of bis){

package/Newish.js

@@ -41,6 +41,25 @@ export class Newish {
             });
             this.#assignGingerly();
         }
+        //attach any itemref references
+        if (enhancedElement.hasAttribute('itemref')) {
+            const itemref = enhancedElement.getAttribute('itemref');
+            const itemrefList = itemref.split(' ');
+            let nextSibling = enhancedElement.nextElementSibling;
+            while (nextSibling) {
+                if (itemrefList.includes(nextSibling.id)) {
+                    this.#ce.inScopeCallback(nextSibling);
+                    itemrefList.splice(itemrefList.indexOf(nextSibling.id), 1);
+                }
+                if (itemrefList.length === 0)
+                    break;
+                nextSibling = nextSibling.nextElementSibling;
+            }
+            if (itemrefList.length > 0) {
+                //TODO add an observer queue for the id found elsewhere
+                throw 'NI';
+            }
+        }
         this.isResolved = true;
         enhancedElement.dispatchEvent(new Event('ishAttached'));
     }

package/Newish.ts

@@ -43,7 +43,24 @@ export class Newish{
             });
             this.#assignGingerly();
         }
-        
+        //attach any itemref references
+        if(enhancedElement.hasAttribute('itemref')){
+            const itemref = enhancedElement.getAttribute('itemref')!;
+            const itemrefList = itemref.split(' ');
+            let nextSibling = enhancedElement.nextElementSibling;
+            while(nextSibling){
+                if(itemrefList.includes(nextSibling.id)){
+                    (<any>this.#ce).inScopeCallback(nextSibling);
+                    itemrefList.splice(itemrefList.indexOf(nextSibling.id), 1);
+                }
+                if(itemrefList.length === 0) break;
+                nextSibling = nextSibling.nextElementSibling;
+            }
+            if(itemrefList.length > 0){
+                //TODO add an observer queue for the id found elsewhere
+                throw 'NI';
+            }
+        }
         this.isResolved = true;
         enhancedElement.dispatchEvent(new Event('ishAttached'));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mount-observer",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",

package/ts-refs/per-each/types.d.ts

@@ -0,0 +1,24 @@
+import {IEnhancement, BEAllProps} from '../trans-render/be/types';
+
+export interface EndUserProps extends IEnhancement{
+    statement: string;
+}
+
+export interface AllProps extends EndUserProps{
+    listProp: string;
+    itemProp: string;
+}
+
+export type AP = AllProps;
+
+export type PAP = Partial<AP>;
+
+export type ProPAP = Promise<PAP>;
+
+export type BAP = AP & BEAllProps;
+
+export interface Actions{
+    parse(self: BAP): PAP;
+    hydrate(self: BAP): ProPAP;
+}
+

package/ts-refs/trans-render/froop/types.d.ts

@@ -170,10 +170,9 @@ export interface WCConfig<TProps = any, TActions = TProps, TPropInfo = PropInfo,
     
 }
 
-export type PropLookup<TProps = any> = Partial<{[key in keyof TProps]: PropInfo}>;
-
-export interface OConfig<TProps = any, TActions = TProps, ETProps = TProps>{
-
+export type PropLookup<TProps = any, TActions = any> = Partial<{[key in keyof TProps]: PropInfo<TProps, TActions>}>;
+export type IshPropLookup<TProps = any, TActions = any> = Partial<{[key in keyof TProps]: IshPropInfo<TProps, TActions>}>;
+export interface IshConfig<TProps = any, TActions = TProps, ETProps = TProps>{
     propDefaults?: Partial<{[key in keyof TProps]: TProps[key]}>;
     propInfo?: Partial<{[key in keyof TProps]: PropInfo}>;
     wrappers?: Partial<{[key in keyof TProps]: WrapperConfig<TProps>}>;
@@ -186,8 +185,13 @@ export interface OConfig<TProps = any, TActions = TProps, ETProps = TProps>{
     hitch?: Hitches<TProps, TActions>;
     handlers?: Handlers<ETProps, TActions>;
     positractions?: Positractions<TProps, TActions>;
-    mainTemplate?: string | HTMLTemplateElement;
+    
     isSleepless?: boolean;
+    xform?: XForm<TProps, TActions>;
+    inScopeXForms?: Array<XForm<TProps, TActions>>;
+}
+export interface OConfig<TProps = any, TActions = TProps, ETProps = TProps> extends IshConfig<TProps, TActions, ETProps>{
+    mainTemplate?: string | HTMLTemplateElement;
 }
 
 export type Positractions<TProps = any, TActions = TProps> = 
@@ -287,14 +291,26 @@ export interface IActionProcessor{
 }
 
 type PropInfoTypes = "String" | "Number" | "Boolean" | "Object" | "RegExp";
-export interface PropInfo{
+
+export interface IshPropInfo<TProps = any, TActions = any>{
     type?: PropInfoTypes;
     dry?: boolean;
-    parse?: boolean;
     ro?: boolean;
+    propName?: string;
+    /**
+     * Allow for discarding what is passed in favor of a modified value such as a formatted value
+     * or filtered list
+     */
+    adjuster?: 
+        |keyof TActions & string 
+        |((nv: any) => any)
+}
+
+export interface PropInfo<TProps=any, TActions=any> extends IshPropInfo<TProps, TActions>{
+
+    parse?: boolean;
     def?: any;
     attrName?: string;
-    propName?: string;
     /**
      * form associated read only property
      * https://web.dev/articles/more-capable-form-controls#:~:text=Form-associated%20custom%20elements%20aim%20to%20bridge%20the%20gap,associated%20with%20the%20form%2C%20like%20a%20browser-provided%20control.
@@ -317,6 +333,8 @@ export interface PropInfo{
      * examples: role, ariaRole
      */
     ip?: boolean;
+
+
 }
 
 export type ConstString = string;

package/waitForIsh.js

@@ -1,6 +1,7 @@
 export function waitForIsh(el) {
     return new Promise((resolve, reject) => {
-        const ish = el['ish'];
+        const ish = el['ish']; // [TODO] should we make this something that can
+        // be passed in, more generic function -- waitForProperty?
         if (ish) {
             resolve(ish);
         }

package/waitForIsh.ts

@@ -1,6 +1,7 @@
 export function waitForIsh(el: Element){
     return new Promise((resolve, reject) => {
-        const ish = (<any>el)['ish'];
+        const ish = (<any>el)['ish']; // [TODO] should we make this something that can
+        // be passed in, more generic function -- waitForProperty?
         if (ish) {
             resolve(ish);
         } else {