material 0.9.23 → 0.9.25

package/eslint.config.js

@@ -0,0 +1,63 @@
+import js from '@eslint/js'
+import globals from 'globals'
+
+export default [
+  // Base configuration
+  js.configs.recommended,
+
+  // Standard JS configuration for material library
+  {
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: 'module',
+      globals: {
+        ...globals.browser,
+        ...globals.es2021,
+        // Material library specific globals
+        log: 'readonly',
+        document: 'readonly',
+        window: 'readonly',
+        navigator: 'readonly',
+        Element: 'readonly',
+        HTMLElement: 'readonly',
+        Event: 'readonly',
+        EventTarget: 'readonly',
+        CustomEvent: 'readonly',
+        localStorage: 'readonly',
+        sessionStorage: 'readonly',
+        requestAnimationFrame: 'readonly',
+        cancelAnimationFrame: 'readonly'
+      }
+    },
+    rules: {
+      // Standard JS rules - core formatting
+      'no-var': 'error',
+      'prefer-const': 'error',
+      'semi': ['error', 'never'],
+      'quotes': ['error', 'single', { avoidEscape: true }],
+      'space-before-function-paren': ['error', 'always'],
+      'object-curly-spacing': ['error', 'always'],
+      'comma-spacing': ['error', { before: false, after: true }],
+      'key-spacing': ['error', { beforeColon: false, afterColon: true }],
+      'no-trailing-spaces': 'error',
+      'eol-last': 'error',
+      'no-multiple-empty-lines': ['error', { max: 1 }],
+      'indent': ['error', 2],
+      'comma-dangle': ['error', 'never'],
+      'space-infix-ops': 'error',
+      'keyword-spacing': ['error', { before: true, after: true }],
+      'space-before-blocks': 'error',
+      'arrow-spacing': ['error', { before: true, after: true }]
+    }
+  },
+
+  // Ignore patterns
+  {
+    ignores: [
+      'node_modules/**',
+      'dist/**',
+      'build/**',
+      '*.min.js'
+    ]
+  }
+]

package/index.d.ts

@@ -0,0 +1,77 @@
+declare module "material" {
+  // Base classes
+  export class Component {
+    constructor(options?: any);
+    options: any;
+    element: HTMLElement;
+    ui: any;
+    underlay?: HTMLElement;
+    position(target: HTMLElement): void;
+    destroy(): Promise<void>;
+    static defaults: any;
+  }
+
+  export class Control extends Component {}
+
+  export class Element {
+    constructor(options?: any);
+    static isElement(): boolean;
+  }
+
+  // Components
+  export class AppBar extends Component {}
+  export class Badge extends Component {}
+  export class Button extends Component {}
+  export class Card extends Component {}
+  export class Checkbox extends Component {}
+  export class ColorPicker extends Component {}
+  export class DateHour extends Component {}
+  export class Dialog extends Component {}
+  export class Drawer extends Component {}
+  export class File extends Component {}
+  export class Form extends Component {}
+  export class Image extends Component {}
+  export class List extends Component {}
+  export class Loading extends Component {}
+  export class Menu extends Component {}
+  export class Navigation extends Component {}
+  export class Progress extends Component {}
+  export class Select extends Component {}
+  export class Selecter extends Component {}
+  export class Snackbar extends Component {}
+  export class Slider extends Component {}
+  export class Switch extends Component {}
+  export class Switcher extends Component {}
+  export class Tabs extends Component {}
+  export class TabView extends Component {}
+  export class Text extends Component {}
+  export class Textfield extends Component {}
+  export class Toolbar extends Component {}
+  export class Tooltip extends Component {}
+  export class View extends Component {}
+
+  // Mixins
+  export const EventEmitter: any;
+  export const display: any;
+  export const build: any;
+  export const position: {
+    position(target: HTMLElement, position?: any): any;
+  };
+
+  // Modules
+  export const attributes: any;
+  export const clone: any;
+  export const create: any;
+  export const dataset: any;
+  export const device: any;
+  export const emitter: any;
+  export const events: any;
+  export const jsonToHTML: any;
+  export const mediator: any;
+  export const merge: any;
+  export const observer: any;
+  export const request: any;
+  export const ripple: any;
+  export const smoothscroll: any;
+  export function touch(): boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "material",
-  "version": "0.9.23",
+  "version": "0.9.25",
   "description": "A lightweight implementation of Material Design Components for the web - ES6",
   "main": "index.js",
   "type": "module",

package/src/class/component.js

@@ -19,7 +19,6 @@ class Component {
   }
 
   async destroy () {
-    console.log('destroy')
     if (this.options.transition && this.element) {
       this.element.classList.remove('show')
       if (this.underlay) {
@@ -36,6 +35,8 @@ class Component {
       dom.destroy(this.element)
       if (this.underlay) dom.destroy(this.underlay)
     }
+
+    // this.emit('destroy')
   }
 }
 

package/src/class/control.js

@@ -31,7 +31,7 @@ class Control extends Component {
     }
 
     // Clean up emitter subscriptions
-    this.removeAll()
+    // this.removeAll()
 
     // Emit destroy event before DOM removal
     this.emit('destroy')

package/src/module/events.js

@@ -59,21 +59,22 @@ const events = {
   },
 
   detach (eventsArray, context) {
+    // console.log('this', this)
     const uid = context._uid
     if (!this.eventHandlers[uid]) return
 
     eventsArray.forEach(([eventDef, funcDef, option]) => {
       const e = extract.e(context, eventDef)
       const handler = this.eventHandlers[uid][eventDef]
-      if (handler) {
+
+      if (handler && e?.element?.removeEventListener) {
         e.element.removeEventListener(e.name, handler)
-      } else if (e.element.off) {
+        delete this.eventHandlers[uid][eventDef]
+      } else if (e?.element?.off) {
         e.element.off(e.name, handler)
+        delete this.eventHandlers[uid][eventDef]
       }
-
-      delete this.eventHandlers[uid][eventDef]
-    }
-    )
+    })
   },
 
   list (context) {

package/src/module/extract.js

@@ -1,42 +1,43 @@
-
 /**
  * extract.e extract a event and the context
  * @param  {[type]} str [description]
  * @return {[type]}     [description]
  */
 const e = (instance, ev) => {
-  if (!ev) return instance
+  if (!ev) return instance;
   else if (!ev.match(/\./)) {
     return {
       element: instance,
-      name: ev
-    }
+      name: ev,
+    };
   }
 
-  let iteration
-  const obj = {}
-  let element
+  let iteration;
+  const obj = {};
+  let element;
 
-  const keys = ev.split('.')
+  const keys = ev.split(".");
 
-  if (keys[0] === 'window') {
-    element = window
+  if (keys[0] === "window") {
+    element = window;
+  } else if (keys[0] === "document") {
+    element = document;
   } else {
     for (let i = 0, l = keys.length; i <= l; i++) {
-      const key = keys[i]
-      iteration = iteration || instance
-      iteration = iteration[key]
+      const key = keys[i];
+      iteration = iteration || instance;
+      iteration = iteration[key];
 
       if (i === keys.length - 2) {
-        element = iteration
+        element = iteration;
       }
     }
   }
 
-  obj.element = element
-  obj.name = keys[keys.length - 1]
-  return obj
-}
+  obj.element = element;
+  obj.name = keys[keys.length - 1];
+  return obj;
+};
 
 /**
  * extract.f extract a function from a string using dot
@@ -44,22 +45,22 @@ const e = (instance, ev) => {
  * @return {function}      The function
  */
 const f = (instance, func) => {
-  if (!func) return
+  if (!func) return;
 
-  if (typeof func === 'function') {
-    return func
-  } else if (!func.match(/\./)) return instance[func]
-  let iteration
+  if (typeof func === "function") {
+    return func;
+  } else if (!func.match(/\./)) return instance[func];
+  let iteration;
 
-  const keys = func.split('.')
+  const keys = func.split(".");
   for (let i = 0, l = keys.length; i < l; i++) {
-    const key = keys[i]
+    const key = keys[i];
 
-    iteration = iteration || instance
-    iteration = iteration[key]
+    iteration = iteration || instance;
+    iteration = iteration[key];
   }
 
-  return iteration
-}
+  return iteration;
+};
 
-export default { e, f }
+export default { e, f };

package/src/module/request.js

@@ -64,7 +64,22 @@ const request = async (
       if (debug) {
         console.error('Response error:', response.status, response.statusText)
       }
-      throw new Error(`HTTP error! status: ${response.status}`)
+
+      // Try to parse error response as JSON to preserve backend error data
+      let errorData
+      try {
+        errorData = await response.json()
+      } catch (jsonError) {
+        // If JSON parsing fails, throw basic error (backward compatible)
+        throw { error: `HTTP error! status: ${response.status}` }
+      }
+
+      // If we successfully parsed JSON, throw it with all data
+      // If we successfully parsed JSON, throw it with all data
+      throw {
+        error: errorData.error || `HTTP error! status: ${response.status}`,
+        ...errorData
+      }
     }
 
     // Handle response based on Accept header
@@ -77,7 +92,12 @@ const request = async (
     if (headers.Accept === 'text/xml') {
       throw error
     } else {
-      throw { error: error.message || 'Request failed' }
+      // If error is already an object with error field, preserve it
+      if (typeof error === 'object' && error.error) {
+        throw error
+      } else {
+        throw { error: error.message || 'Request failed' }
+      }
     }
   }
 }