@lordfokas/yrframe 0.2.0 → 0.3.0

package/dist/Component.d.ts

@@ -23,7 +23,7 @@ export declare class Component<A extends Attributes> extends HTMLElement {
     /** Redraw this component. Works by deleting all children, calling render() and appending the results. */
     redraw(): void;
     /** Called after redraw() to do special manipulation of children nodes. */
-    inject(): void;
+    onRedraw(): void;
     /** Get this component's real width in pixels. */
     width(): number;
     /** Get this component's real height in pixels. */

package/dist/Component.js

@@ -67,10 +67,10 @@ export class Component extends HTMLElement {
                 ComponentFactory.appendChildren(this, child);
             }
         }
-        this.inject();
+        this.onRedraw();
     }
     /** Called after redraw() to do special manipulation of children nodes. */
-    inject() { }
+    onRedraw() { }
     /** Get this component's real width in pixels. */
     width() {
         return parseFloat(getComputedStyle(this, null).width.replace("px", ""));

package/dist/ComponentEvents.d.ts

@@ -35,8 +35,8 @@ export declare class ComponentEvents {
      * If the target configuration has no path, the whole event is stopped instead.
      */
     attachRemover<T extends Event, K1 extends keyof T>(target: EventTarget<T, K1> | undefined, predicate: Source<boolean>, name: string, optional?: Optional): void;
-    /** Attach a listener that disables a component based on a boolean event field. */
-    attachDisabler<T extends Event, K1 extends keyof T>(target: EventTarget<T, K1> | undefined, source: Source<HTMLElement>, name: string, optional?: Optional): void;
+    /** Attach a listener that adds or removes a flag attribute from a component based on a boolean event field. */
+    attachFlagger<T extends Event, K1 extends keyof T>(target: EventTarget<T, K1> | undefined, source: Source<HTMLElement>, flag: string, ref: boolean, name: string, optional?: Optional): void;
     /** Create a function that will fire an event and process data from it. */
     attachSource<T extends Event, K1 extends keyof T>(target: EventTarget<T, K1> | undefined, name: string, optional?: Optional): void;
     /** Create a fake source function that supplies a static or local value. */

package/dist/ComponentEvents.js

@@ -94,19 +94,19 @@ export class ComponentEvents {
                 throw new Error("Unsupported path length > 1 for removers");
         }, nice).named(name, this.owner));
     }
-    /** Attach a listener that disables a component based on a boolean event field. */
-    attachDisabler(target, source, name, optional) {
-        if (this.skip(target, name, "disabler", optional))
+    /** Attach a listener that adds or removes a flag attribute from a component based on a boolean event field. */
+    attachFlagger(target, source, flag, ref, name, optional) {
+        if (this.skip(target, name, "flagger", optional))
             return;
         this.createListener(target, name, (value, _) => {
             if (typeof value !== "boolean")
                 return;
             const element = source.call(this);
-            if (value) {
-                element.setAttribute("disabled", "");
+            if (value === ref) {
+                element.setAttribute(flag, "");
             }
             else {
-                element.removeAttribute("disabled");
+                element.removeAttribute(flag);
             }
         });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lordfokas/yrframe",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "A Typescript class-based WebComponents library using Material Design.",
   "main": "dist/yrframe.js",
   "scripts": {
@@ -20,6 +20,6 @@
     "typescript": "^5.3.3"
   },
   "dependencies": {
-    "@lordfokas/event-bus": "^1.0.4"
+    "@lordfokas/event-bus": "^1.0.22"
   }
 }