flinker-dom 1.0.7 → 1.0.8

package/dist/esm/processor.js

@@ -75,11 +75,16 @@ export class StyleSheetProcessor {
     constructor(styleSheet) {
         this.hash = new Map();
         this.list = Array.of();
-        this.list.push(new NoPseudoClass(styleSheet));
-        this.list.push(new HoverPseudoClass(styleSheet));
-        this.list.push(new FocusPseudoClass(styleSheet));
-        this.list.push(new PlaceholderPseudoClass(styleSheet));
-        this.list.forEach(c => this.hash.set(c.type, c));
+        ['none', 'hover', 'focus', 'placeholder', 'active', 'visited', 'link'].forEach(t => {
+            switch (t) {
+                case ('hover'):
+                    this.hash.set('hover', new HoverPseudoClass(styleSheet));
+                    break;
+                default:
+                    this.hash.set(t, new PseudoClass(t, styleSheet));
+                    break;
+            }
+        });
     }
     setValue(to, key, value, priority, appendToClassName = true) {
         const pseudoClass = this.hash.get(to);
@@ -108,7 +113,10 @@ export class PseudoClass {
         this.hashSum = '';
     }
     insertRule(className, tag) {
-        throw new Error('Abstract method PseudoClass:insertRule should be overwritten');
+        if (this.style) {
+            const rule = tag + '.' + className + (this.type === 'none' ? '' : ':' + this.type) + '{' + this.style + '}';
+            this.styleSheet.insertRule(rule);
+        }
     }
     setValue(key, value, priority, appendToClassName = true) {
         if (value === undefined)
@@ -129,17 +137,6 @@ export class PseudoClass {
         this.style = '';
     }
 }
-class NoPseudoClass extends PseudoClass {
-    constructor(styleSheet) {
-        super('none', styleSheet);
-    }
-    insertRule(className, tag) {
-        if (this.style) {
-            const rule = tag + '.' + className + '{' + this.style + '}';
-            this.styleSheet.insertRule(rule);
-        }
-    }
-}
 class HoverPseudoClass extends PseudoClass {
     constructor(styleSheet) {
         super('hover', styleSheet);
@@ -152,24 +149,3 @@ class HoverPseudoClass extends PseudoClass {
         }
     }
 }
-class FocusPseudoClass extends PseudoClass {
-    constructor(styleSheet) {
-        super('focus', styleSheet);
-    }
-    insertRule(className, tag) {
-        if (this.style) {
-            const rule = tag + '.' + className + ':focus{' + this.style + '}';
-            this.styleSheet.insertRule(rule);
-        }
-    }
-}
-class PlaceholderPseudoClass extends PseudoClass {
-    constructor(styleSheet) {
-        super('placeholder', styleSheet);
-    }
-    insertRule(className, tag) {
-        if (this.style) {
-            this.styleSheet.insertRule(tag + '.' + className + '::placeholder{' + this.style + '}');
-        }
-    }
-}

package/dist/types/processor.d.ts

@@ -8,7 +8,7 @@ export declare class StyleSheetProcessor {
     insertRule(className: string, tag: string): void;
     clearValues(): void;
 }
-export type PseudoClassType = 'none' | 'hover' | 'focus' | 'placeholder';
+export type PseudoClassType = 'none' | 'hover' | 'focus' | 'placeholder' | 'active' | 'visited' | 'link';
 export declare class PseudoClass {
     readonly type: PseudoClassType;
     readonly styleSheet: CSSStyleSheet;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "flinker-dom",
   "description": "Free TypeScript library for writing frontend apps",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Dittner/FlinkerDOM.git"