pseudo-dom 0.9.0 → 0.10.0

package/dist/factories/createDataset.d.ts

@@ -1,10 +1,10 @@
-/**
- * A live DOMStringMap-like object for an element's data-* attributes.
- * @memberOf module:factories
- * @param {*} element The element whose data-* attributes this reflects
- * @returns {Object.<string, string>}
- */
-declare const createDataset: (element: any) => {
-    [key: string]: string;
-};
-export default createDataset;
+/**
+ * A live DOMStringMap-like object for an element's data-* attributes.
+ * @memberOf module:factories
+ * @param {*} element The element whose data-* attributes this reflects
+ * @returns {Object.<string, string>}
+ */
+declare const createDataset: (element: any) => {
+    [key: string]: string;
+};
+export default createDataset;

package/dist/factories/createDataset.js

@@ -1,78 +1,78 @@
-'use strict'
-
-require('core-js/modules/esnext.iterator.constructor.js')
-require('core-js/modules/esnext.iterator.map.js')
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
-/**
- * @file Wraps an element in a Proxy which behaves like the DOM's DOMStringMap (element.dataset): a live view of its
- * data-* attributes, under their camelCase names, backed by the element's own getAttribute / setAttribute /
- * hasAttribute / removeAttribute (nothing is stored separately, so it can never fall out of sync with the
- * attributes).
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- */
-const createStyleDeclaration_1 = require('./createStyleDeclaration')
-const DATA_PREFIX = 'data-'
-const attributeName = property => `${DATA_PREFIX}${(0, createStyleDeclaration_1.camelToKebab)(property)}`
-/**
- * Every data-* attribute name currently on the element, as [attributeName, camelCaseName] pairs.
- * @param {*} element
- * @returns {Array<Array<string>>}
- */
-const dataAttributes = element => {
-  const names = []
-  for (let index = 0; index < element.attributes.length; index++) {
-    const name = element.attributes.item(index).name
-    if (name.indexOf(DATA_PREFIX) === 0 && name.length > DATA_PREFIX.length) {
-      names.push([name, (0, createStyleDeclaration_1.kebabToCamel)(name.slice(DATA_PREFIX.length))])
-    }
-  }
-  return names
-}
-/**
- * A live DOMStringMap-like object for an element's data-* attributes.
- * @memberOf module:factories
- * @param {*} element The element whose data-* attributes this reflects
- * @returns {Object.<string, string>}
- */
-const createDataset = element => new Proxy({}, {
-  get (_target, property) {
-    if (typeof property !== 'string') {
-      return undefined
-    }
-    const value = element.getAttribute(attributeName(property))
-    return value === null ? undefined : value
-  },
-  set (_target, property, value) {
-    if (typeof property !== 'string') {
-      return false
-    }
-    element.setAttribute(attributeName(property), String(value))
-    return true
-  },
-  deleteProperty (_target, property) {
-    if (typeof property === 'string') {
-      element.removeAttribute(attributeName(property))
-    }
-    return true
-  },
-  has (_target, property) {
-    return typeof property === 'string' && element.hasAttribute(attributeName(property))
-  },
-  ownKeys () {
-    return dataAttributes(element).map(([, camelCaseName]) => camelCaseName)
-  },
-  getOwnPropertyDescriptor (_target, property) {
-    if (typeof property !== 'string' || !element.hasAttribute(attributeName(property))) {
-      return undefined
-    }
-    return {
-      enumerable: true,
-      configurable: true,
-      value: element.getAttribute(attributeName(property))
-    }
-  }
-})
-exports.default = createDataset
+'use strict'
+
+require('core-js/modules/esnext.iterator.constructor.js')
+require('core-js/modules/esnext.iterator.map.js')
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})
+/**
+ * @file Wraps an element in a Proxy which behaves like the DOM's DOMStringMap (element.dataset): a live view of its
+ * data-* attributes, under their camelCase names, backed by the element's own getAttribute / setAttribute /
+ * hasAttribute / removeAttribute (nothing is stored separately, so it can never fall out of sync with the
+ * attributes).
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+const createStyleDeclaration_1 = require('./createStyleDeclaration')
+const DATA_PREFIX = 'data-'
+const attributeName = property => `${DATA_PREFIX}${(0, createStyleDeclaration_1.camelToKebab)(property)}`
+/**
+ * Every data-* attribute name currently on the element, as [attributeName, camelCaseName] pairs.
+ * @param {*} element
+ * @returns {Array<Array<string>>}
+ */
+const dataAttributes = element => {
+  const names = []
+  for (let index = 0; index < element.attributes.length; index++) {
+    const name = element.attributes.item(index).name
+    if (name.indexOf(DATA_PREFIX) === 0 && name.length > DATA_PREFIX.length) {
+      names.push([name, (0, createStyleDeclaration_1.kebabToCamel)(name.slice(DATA_PREFIX.length))])
+    }
+  }
+  return names
+}
+/**
+ * A live DOMStringMap-like object for an element's data-* attributes.
+ * @memberOf module:factories
+ * @param {*} element The element whose data-* attributes this reflects
+ * @returns {Object.<string, string>}
+ */
+const createDataset = element => new Proxy({}, {
+  get (_target, property) {
+    if (typeof property !== 'string') {
+      return undefined
+    }
+    const value = element.getAttribute(attributeName(property))
+    return value === null ? undefined : value
+  },
+  set (_target, property, value) {
+    if (typeof property !== 'string') {
+      return false
+    }
+    element.setAttribute(attributeName(property), String(value))
+    return true
+  },
+  deleteProperty (_target, property) {
+    if (typeof property === 'string') {
+      element.removeAttribute(attributeName(property))
+    }
+    return true
+  },
+  has (_target, property) {
+    return typeof property === 'string' && element.hasAttribute(attributeName(property))
+  },
+  ownKeys () {
+    return dataAttributes(element).map(([, camelCaseName]) => camelCaseName)
+  },
+  getOwnPropertyDescriptor (_target, property) {
+    if (typeof property !== 'string' || !element.hasAttribute(attributeName(property))) {
+      return undefined
+    }
+    return {
+      enumerable: true,
+      configurable: true,
+      value: element.getAttribute(attributeName(property))
+    }
+  }
+})
+exports.default = createDataset

package/dist/factories/createStyleDeclaration.d.ts

@@ -1,30 +1,30 @@
-/**
- * @file Wraps a CSSStyleDeclarationService in a Proxy so arbitrary camelCase CSS properties (element.style.
- * backgroundColor) work like the DOM's, on top of its real methods (getPropertyValue, setProperty, cssText, ...).
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- */
-import { CSSStyleDeclarationService } from '../services/CSSStyleDeclarationService';
-/**
- * kebab-case -> camelCase ("background-color" -> "backgroundColor").
- * @param {string} name
- * @returns {string}
- */
-declare const kebabToCamel: (name: string) => string;
-/**
- * camelCase -> kebab-case ("backgroundColor" -> "background-color").
- * @param {string} name
- * @returns {string}
- */
-declare const camelToKebab: (name: string) => string;
-/**
- * A live CSSStyleDeclaration-like object: its real methods (cssText, getPropertyValue, setProperty, ...) work as
- * declared, and any other property name is treated as a camelCase CSS property (declaration.backgroundColor reads /
- * writes the "background-color" declaration), matching what a real element.style supports.
- * @memberOf module:factories
- * @param {string} [cssText=''] Initial declarations
- * @returns {CSSStyleDeclarationService}
- */
-declare const createStyleDeclaration: (cssText?: string) => CSSStyleDeclarationService;
-export { kebabToCamel, camelToKebab };
-export default createStyleDeclaration;
+/**
+ * @file Wraps a CSSStyleDeclarationService in a Proxy so arbitrary camelCase CSS properties (element.style.
+ * backgroundColor) work like the DOM's, on top of its real methods (getPropertyValue, setProperty, cssText, ...).
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+import { CSSStyleDeclarationService } from '../services/CSSStyleDeclarationService';
+/**
+ * kebab-case -> camelCase ("background-color" -> "backgroundColor").
+ * @param {string} name
+ * @returns {string}
+ */
+declare const kebabToCamel: (name: string) => string;
+/**
+ * camelCase -> kebab-case ("backgroundColor" -> "background-color").
+ * @param {string} name
+ * @returns {string}
+ */
+declare const camelToKebab: (name: string) => string;
+/**
+ * A live CSSStyleDeclaration-like object: its real methods (cssText, getPropertyValue, setProperty, ...) work as
+ * declared, and any other property name is treated as a camelCase CSS property (declaration.backgroundColor reads /
+ * writes the "background-color" declaration), matching what a real element.style supports.
+ * @memberOf module:factories
+ * @param {string} [cssText=''] Initial declarations
+ * @returns {CSSStyleDeclarationService}
+ */
+declare const createStyleDeclaration: (cssText?: string) => CSSStyleDeclarationService;
+export { kebabToCamel, camelToKebab };
+export default createStyleDeclaration;

package/dist/factories/createStyleDeclaration.js

@@ -1,64 +1,64 @@
-'use strict'
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
-exports.camelToKebab = exports.kebabToCamel = void 0
-/**
- * @file Wraps a CSSStyleDeclarationService in a Proxy so arbitrary camelCase CSS properties (element.style.
- * backgroundColor) work like the DOM's, on top of its real methods (getPropertyValue, setProperty, cssText, ...).
- * @author Joshua Heagle <joshuaheagle@gmail.com>
- * @version 1.0.0
- */
-const CSSStyleDeclarationService_1 = require('../services/CSSStyleDeclarationService')
-const isIndex = property => /^\d+$/.test(property)
-/**
- * kebab-case -> camelCase ("background-color" -> "backgroundColor").
- * @param {string} name
- * @returns {string}
- */
-const kebabToCamel = name => name.replace(/-([a-z0-9])/gi, (_match, letter) => letter.toUpperCase())
-exports.kebabToCamel = kebabToCamel
-/**
- * camelCase -> kebab-case ("backgroundColor" -> "background-color").
- * @param {string} name
- * @returns {string}
- */
-const camelToKebab = name => name.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`)
-exports.camelToKebab = camelToKebab
-/**
- * A live CSSStyleDeclaration-like object: its real methods (cssText, getPropertyValue, setProperty, ...) work as
- * declared, and any other property name is treated as a camelCase CSS property (declaration.backgroundColor reads /
- * writes the "background-color" declaration), matching what a real element.style supports.
- * @memberOf module:factories
- * @param {string} [cssText=''] Initial declarations
- * @returns {CSSStyleDeclarationService}
- */
-const createStyleDeclaration = (cssText = '') => {
-  const target = new CSSStyleDeclarationService_1.CSSStyleDeclarationService(cssText)
-  return new Proxy(target, {
-    get (declaration, property, receiver) {
-      if (typeof property !== 'string') {
-        return Reflect.get(declaration, property, receiver)
-      }
-      if (isIndex(property)) {
-        return declaration.item(Number(property))
-      }
-      if (property in declaration) {
-        return Reflect.get(declaration, property, receiver)
-      }
-      return declaration.getPropertyValue(camelToKebab(property))
-    },
-    set (declaration, property, value) {
-      if (typeof property !== 'string' || property === 'cssText') {
-        return Reflect.set(declaration, property, value)
-      }
-      declaration.setProperty(camelToKebab(property), value === null || typeof value === 'undefined' ? '' : String(value))
-      return true
-    },
-    has (declaration, property) {
-      return typeof property === 'string' && (property in declaration || declaration.getPropertyValue(camelToKebab(property)) !== '')
-    }
-  })
-}
-exports.default = createStyleDeclaration
+'use strict'
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})
+exports.camelToKebab = exports.kebabToCamel = void 0
+/**
+ * @file Wraps a CSSStyleDeclarationService in a Proxy so arbitrary camelCase CSS properties (element.style.
+ * backgroundColor) work like the DOM's, on top of its real methods (getPropertyValue, setProperty, cssText, ...).
+ * @author Joshua Heagle <joshuaheagle@gmail.com>
+ * @version 1.0.0
+ */
+const CSSStyleDeclarationService_1 = require('../services/CSSStyleDeclarationService')
+const isIndex = property => /^\d+$/.test(property)
+/**
+ * kebab-case -> camelCase ("background-color" -> "backgroundColor").
+ * @param {string} name
+ * @returns {string}
+ */
+const kebabToCamel = name => name.replace(/-([a-z0-9])/gi, (_match, letter) => letter.toUpperCase())
+exports.kebabToCamel = kebabToCamel
+/**
+ * camelCase -> kebab-case ("backgroundColor" -> "background-color").
+ * @param {string} name
+ * @returns {string}
+ */
+const camelToKebab = name => name.replace(/[A-Z]/g, letter => `-${letter.toLowerCase()}`)
+exports.camelToKebab = camelToKebab
+/**
+ * A live CSSStyleDeclaration-like object: its real methods (cssText, getPropertyValue, setProperty, ...) work as
+ * declared, and any other property name is treated as a camelCase CSS property (declaration.backgroundColor reads /
+ * writes the "background-color" declaration), matching what a real element.style supports.
+ * @memberOf module:factories
+ * @param {string} [cssText=''] Initial declarations
+ * @returns {CSSStyleDeclarationService}
+ */
+const createStyleDeclaration = (cssText = '') => {
+  const target = new CSSStyleDeclarationService_1.CSSStyleDeclarationService(cssText)
+  return new Proxy(target, {
+    get (declaration, property, receiver) {
+      if (typeof property !== 'string') {
+        return Reflect.get(declaration, property, receiver)
+      }
+      if (isIndex(property)) {
+        return declaration.item(Number(property))
+      }
+      if (property in declaration) {
+        return Reflect.get(declaration, property, receiver)
+      }
+      return declaration.getPropertyValue(camelToKebab(property))
+    },
+    set (declaration, property, value) {
+      if (typeof property !== 'string' || property === 'cssText') {
+        return Reflect.set(declaration, property, value)
+      }
+      declaration.setProperty(camelToKebab(property), value === null || typeof value === 'undefined' ? '' : String(value))
+      return true
+    },
+    has (declaration, property) {
+      return typeof property === 'string' && (property in declaration || declaration.getPropertyValue(camelToKebab(property)) !== '')
+    }
+  })
+}
+exports.default = createStyleDeclaration

package/dist/interfaces/PseudoCSSStyleDeclaration.d.ts

@@ -1,14 +1,14 @@
-/**
- * @file Substitute for the DOM CSSStyleDeclaration Class. Real instances (from createStyleDeclaration) also accept
- * arbitrary camelCase CSS property names (declaration.backgroundColor), which cannot be expressed in an interface.
- */
-export interface PseudoCSSStyleDeclaration {
-    get length(): number;
-    get cssText(): string;
-    set cssText(cssText: string);
-    item(index: number): string;
-    getPropertyValue(property: string): string;
-    getPropertyPriority(property: string): string;
-    setProperty(property: string, value: string, priority: string): void;
-    removeProperty(property: string): string;
-}
+/**
+ * @file Substitute for the DOM CSSStyleDeclaration Class. Real instances (from createStyleDeclaration) also accept
+ * arbitrary camelCase CSS property names (declaration.backgroundColor), which cannot be expressed in an interface.
+ */
+export interface PseudoCSSStyleDeclaration {
+    get length(): number;
+    get cssText(): string;
+    set cssText(cssText: string);
+    item(index: number): string;
+    getPropertyValue(property: string): string;
+    getPropertyPriority(property: string): string;
+    setProperty(property: string, value: string, priority: string): void;
+    removeProperty(property: string): string;
+}

package/dist/interfaces/PseudoCSSStyleDeclaration.js

@@ -1,5 +1,5 @@
-'use strict'
-
-Object.defineProperty(exports, '__esModule', {
-  value: true
-})
+'use strict'
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+})