mount-observer 0.0.93 → 0.0.94

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mount-observer",
-  "version": "0.0.93",
+  "version": "0.0.94",
   "description": "Observe and act on css matches.",
   "main": "MountObserver.js",
   "module": "MountObserver.js",
@@ -57,6 +57,10 @@
       "default": "./refid/getAdjRefs.js",
       "types": "./refid/getAdjRefs.ts"
     },
+    "./refid/getCount.js": {
+      "default": "./refid/getCount.js",
+      "types": "./refid/getCount.ts"
+    },
     "./refid/joinMatching.js": {
       "default": "./refid/joinMatching.js",
       "types": "./refid/joinMatching.ts"

package/refid/hostish.js

@@ -4,14 +4,14 @@ Element.prototype.hostish = async function () {
     if (closest === null)
         return this.getRootNode().host;
     const { localName } = closest;
-    if (localName.includes('-')) {
-        await customElements.whenDefined(localName);
-        return closest;
-    }
     const itemScopeAttr = closest.getAttribute('itemscope');
     if (itemScopeAttr) {
         const { waitForIsh } = await import('mount-observer/waitForIsh.js');
         return await waitForIsh(closest);
     }
+    if (localName.includes('-')) {
+        await customElements.whenDefined(localName);
+        return closest;
+    }
     return this.getRootNode().host;
 };

package/refid/hostish.ts

@@ -5,14 +5,15 @@ Element.prototype.hostish = async function(){
     const closest = this.closest('[itemscope]') as HTMLElement;
     if(closest === null) return (<any>this.getRootNode()).host;
     const {localName} = closest;
-    if(localName.includes('-')){
-        await customElements.whenDefined(localName);
-        return closest;
-    }
     const itemScopeAttr = closest.getAttribute('itemscope');
     if(itemScopeAttr){
         const {waitForIsh} = await import('mount-observer/waitForIsh.js');
         return await waitForIsh(closest);
     }
+    if(localName.includes('-')){
+        await customElements.whenDefined(localName);
+        return closest;
+    }
+
     return (<any>this.getRootNode()).host;
 }

package/ts-refs/be-switched/types.d.ts

@@ -6,6 +6,10 @@ import {BEAllProps, EMC, IEnhancement} from '../trans-render/be/types';
 //import { Propagator } from "../trans-render/froop/PropSvc";
 import {IPE, Specifier} from '../trans-render/dss/types';
 
+export interface Element{
+    hostish(): Promise<any>
+}
+
 export interface EndUserProps extends IEnhancement<HTMLTemplateElement>{
     lhs?: any,
     rhs?: any,

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

@@ -1,55 +1,14 @@
 import { Scope } from '../lib/types'
 import { CSSQuery } from '../types';
 
-export type DSS = string;
+export type ID = `#${string}`;
+export type Host = `:host()`;
+export type Hostish = ``;
+export type Target = ID | Host | Hostish;
 
-export type DirectionalScopeSigils = 
-    /**
-     * upward direction, non recursive
-     */
-    |'^'  
-    /**
-     * downward direction, next element siblings only
-     */
-    |'Y' 
-    /**
-     * IdRef query
-     * 
-     */ 
-    |'?'
-    /**
-     * self
-     */
-    |'.'
-    /**
-     * modulo
-     */
-    |'%'
-    /**
-     * itemscoped host
-     */
-    |'$'
-    /**
-     * comment scope
-     */
-    |'/**/'
-    ;
-
-export type AttrSigils =
-    /**
-     * Reference to self / local element
-     */
-    '$0' |
-    /**
-     * Reference by ID
-     */
-    '#' | '@' |  '-' | '|' | '%';
-
-export type ElementSigils = '/' | '~';
-
-export type ScopeSigils = '';
-
-export type Sigils = AttrSigils | ElementSigils | ScopeSigils;
+export type MindReadProp = ``;
+export type PropPath = `?.${string}`;
+export type ConstVal = `\`${string}\``;
 
 export type asOptions = 
     | 'number'
@@ -60,100 +19,19 @@ export type asOptions =
     | 'urlpattern'
     | 'boolean|number'
 ;
+export type MindReadType = ``;
+export type TypeQualifier = `as ${asOptions}`;
 
-export interface $copeDetail{
-    ceName?: string,
-    itemProp?: string,
-}
-
-export interface $ScopeHierarchy {
-    home: Element;
-    satellites?: Array<Element>;
-}
-
-// deprecated
-export interface Specifier {
-    /** Directional Scope Sigil */
-    dss?: DirectionalScopeSigils,
-    /**
-     * recursive
-     */
-    rec?: boolean,
-    /**
-     * root node fallback
-     */
-    rnf?: boolean,
-    /**
-     * include siblings in scope search
-     */
-    isiss?: boolean,
-    scopeS?: CSSSelector,
-    elS?: CSSSelector,
-    el?: string,
-    idRefS?: string,
-    s?: Sigils,
-
-    /**
-     * Inferred prop name
-     * This should be the last token word of the DSS expression
-     */
-    prop?: InferredPropName,
-    path?: SubPropPath;
-    /**
-     * Event Name
-     */
-    evt?: EventName;
-
-    /**
-     * RoundAbout Prop events to listen for
-     */
-    raps?: Array<string>;
+export type ValExpression = `${PropPath | ConstVal | MindReadProp}${TypeQualifier | MindReadType}`;
 
-    ms?: MarkerString;
-    self?: boolean;
-    /**
-     * must have a dash in the localName
-     * wait for whenDefined in find
-     */
-    host?: boolean;
-    /**
-     * host prop
-     */
-    hp?: string;
-    /**
-     * host prop fallback
-     */
-    hpf?: string;
-    
-    as?: asOptions
-        
-    /**
-     * is a scope query within the aria-[row|col|row]index[text]
-     */
-    isModulo?: boolean;
-    /**
-     * Specify which aria-[?]index to use
-     */
-    modulo?: Modulo;
+export type MindReadEvent = ``;
 
-    /**
-     * is a scope query within comments
-     */
-    cmtWrap?: boolean;
+export type EvtName = `::${string}`;
 
-    /**
-     * itemscope hierarchy domain specifier
-     */
-    is$cope?: boolean;
+export type DSS = `${Target}${ValExpression}${EvtName}`;
 
-    $copeDetail?: $copeDetail;
-
-    constVal?: any;
 
-    enhBase?: string;
-}
-
-export interface IPE {
+export interface Specifier {
     id?: string,
     prop?: string,
     path?: SubPropPath,
@@ -162,11 +40,11 @@ export interface IPE {
     constVal?: any;
     enhKey?: string;
     ish?: boolean;
+    //element to observe must be a shadowed custom element host.
+    host?: boolean;
 }
 
-export type Modulo = 'aria-rowindex' | 'aria-colindex' | 'aria-rowindextext'
 
-export type InferredPropName = string;
 
 /**
  * can contain dot (.) for sub property access and pipes (|) for method invocations
@@ -175,44 +53,3 @@ export type SubPropPath = string;
 
 export type EventName = string;
 
-export type CSSSelector = string;
-
-/**
- * starts with a dash, typically all kebab case 
- * inferred prop name will be camel cased based on this.
- */
-export type MarkerString = string;
-
-/**
- * PIP stands for Partner in Prop (for now) -- supports bi-directional data flow to property
- * IP stands for In Prop (for now) -- Data only Flow only goes in
- * OP s
- */
-
-export interface GetPIPOptions{
-    //name of event to listen for for when the prop being monitored for changes
-    evtName?: string,
-    isRoundAboutReady?: boolean;
-    prop?: string,
-    sota?: string,
-}
-
-/**
- * Partner In Prop
- */
-export interface PIP<TProp = any, TElement = Element> extends EventListenerObject{
-    readonly propagator: EventTarget;
-    async getValue(el: TElement): Promise<TProp | undefined>;
-    async setValue(el: TElement, val: TProp);
-    async hydrate(el: TElement);
-    syncVal(el: TElement);
-    disconnect();
-    toString(nv: TProp): string;
-    readonly outEvtName: string;
-}
-
-
-
-export interface HasIshList {
-    ishList: Array<any>;
-}

package/ts-refs/trans-render/lib/prs/types.d.ts

@@ -25,13 +25,11 @@ export interface ElO {
 export interface RegExpExt<TStatementGroup = any>{
     regExp: RegExp | string,
     defaultVals: Partial<TStatementGroup>,
-    // deprecated
     dssKeys?: [string, string][],
-    // deprecated
     dssArrayKeys?: [string, string][],
     statementPartParser?: StatementPartParser,
-    ipeKeys?: [string, string][];
-    ipeArrayKeys?: [string, string][];
+    //ipeKeys?: [string, string][];
+   // ipeArrayKeys?: [string, string][];
 }
 
 export interface StatementPartParser {