material 1.0.4 → 3.0.0-next.0

package/list.js

@@ -1,35 +0,0 @@
-import add from './src/list/add'
-import build from './src/list/build'
-import click from './src/list/click'
-import create from './src/list/create'
-import display from './src/list/display'
-import empty from './src/list/empty'
-import filter from './src/list/filter'
-import image from './src/list/image'
-import load from './src/list/load'
-import remove from './src/list/remove'
-import render from './src/list/render'
-import request from './src/list/request'
-import search from './src/list/search'
-import select from './src/list/select'
-import status from './src/list/status'
-import update from './src/list/update'
-
-export {
-  add,
-  build,
-  click,
-  create,
-  display,
-  empty,
-  filter,
-  image,
-  load,
-  remove,
-  render,
-  request,
-  search,
-  select,
-  status,
-  update
-}

package/scripts/doccoAssistant.js

@@ -1,25 +0,0 @@
-import fs from 'fs'
-import path from 'path'
-import { fileURLToPath } from 'url'
-
-// Construct __dirname equivalent for ES module
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-
-const doccoOutputDir = path.join(__dirname, '../docs/src') // Path to Docco output directory
-const indexFilePath = path.join(__dirname, '..', 'docs', 'index.html') // Path to your index file
-
-let indexContent = '<html><head><title>Library Index</title></head><body>'
-indexContent += '<h1>Index of Documented Modules</h1><ul>'
-
-fs.readdirSync(doccoOutputDir).forEach(file => {
-  console.log('file', file)
-  if (path.extname(file) === '.html') {
-    const moduleName = path.basename(file, '.html')
-    indexContent += `<li><a href="src/${file}">${moduleName}</a></li>`
-  }
-})
-
-indexContent += '</ul></body></html>'
-
-fs.writeFileSync(indexFilePath, indexContent, 'utf8')
-console.log('Index file generated at:', indexFilePath)

package/src/appbar.js

@@ -1,19 +0,0 @@
-import build from './mixin/build'
-
-class AppBar {
-  static defaults = {
-    class: 'appbar'
-  }
-
-  constructor (options) {
-    this.init(options)
-    this.build()
-  }
-
-  init (options) {
-    this.options = { ...AppBar.defaults, ...options }
-    Object.assign(this, build)
-  }
-}
-
-export default AppBar

package/src/badge.js

@@ -1,34 +0,0 @@
-import Component from './class/component'
-import display from './mixin/display'
-
-const isStringNumber = (str) => !isNaN(parseFloat(str)) && isFinite(str)
-
-class Badge extends Component {
-  static defaults = {
-    class: 'badge',
-    mixins: [display]
-  }
-
-  set (text) {
-    this.element.innerHTML = text || ''
-  }
-
-  get () {
-    return this.element.innerHTML
-  }
-
-  inc (value) {
-    let actual = this.element.innerHTML
-
-    if (actual === '') actual = '0'
-
-    if (isStringNumber(value) && isStringNumber(actual)) {
-      actual = (parseInt(value, 10) + parseInt(actual, 10)).toString()
-    }
-
-    this.element.innerHTML = actual
-    this.show()
-  }
-}
-
-export default Badge

package/src/button.js

@@ -1,171 +0,0 @@
-import Control from './class/control'
-import display from './mixin/display'
-import dataset from './module/dataset'
-import ripple from './module/ripple'
-
-const DEFAULT_TYPE = 'button'
-const DEFAULT_CLASS = 'button'
-
-class Button extends Control {
-  static isComponent () {
-    return true
-  }
-
-  static defaults = {
-    class: 'button',
-    tag: 'button',
-    styles: ['style', 'color'],
-    mixins: [display],
-    ripple: true,
-    stopPropagation: false,
-    events: [
-      ['element.click', 'click'],
-      ['element.mousedown', 'mousedown'],
-      ['element.mouseup', 'mouseup'],
-      ['element.mouseleave', 'mouseup'],
-      ['element.touchstart', 'mousedown'],
-      ['element.touchend', 'mouseup']
-    ]
-  }
-
-  constructor (options) {
-    super(options)
-
-    this.setup()
-  }
-
-  setup () {
-    this.setAttributes()
-    this.styleAttributes()
-
-    if (this.options.text) {
-      this.element.innerHTML = this.element.innerHTML + this.options.text
-    }
-  }
-
-  setAttributes () {
-    const { type, name, value, title, text, label, tooltip, data, case: caseOption } = this.options
-
-    this.element.setAttribute('type', type ?? DEFAULT_TYPE)
-    if (name) this.element.setAttribute('name', name)
-    if (value) this.element.setAttribute('value', value)
-    if (title) this.element.setAttribute('title', title)
-    this.element.setAttribute('aria-label', text ?? label ?? DEFAULT_CLASS)
-    if (tooltip) this.element.setAttribute('data-tooltip', tooltip)
-    if (data) dataset(this.element, data)
-    if (caseOption) this.element.classList.add(`${caseOption}-case`)
-    if (this.options.ripple) ripple(this.element)
-
-    if (this.options.disabled) this.disable()
-  }
-
-  styleAttributes () {
-    const { style, size, color, bold } = this.options
-    if (style) this.element.classList.add(`style-${style}`)
-    if (size) this.element.classList.add(`${size}-size`)
-    if (color) this.element.classList.add(`color-${color}`)
-    if (bold) this.element.classList.add('bold')
-  }
-
-  set (prop, value) {
-    // console.log('set', this.element, prop, value)
-    switch (prop) {
-      case 'value':
-        this.element.value = value
-        break
-      case 'label':
-        this.setLabel(value)
-        break
-      case 'text':
-        this.element.innerHTML = value
-        break
-      case 'icon':
-        if (this.ui.icon) {
-          this.ui.icon.innerHTML = value
-        }
-        break
-      case 'enable':
-        this.element.disabled = false
-        break
-      case 'disable':
-        this.element.disabled = true
-        break
-      default:
-        // console.log('prop', prop)
-        this.element.innerHTML = prop
-    }
-
-    return this
-  }
-
-  setLabel (value) {
-    if (this.ui.label) {
-      this.ui.label.innerHTML = value
-    }
-  }
-
-  setText (value) {
-    if (this.ui.label) {
-      this.setLabel(value)
-    } else {
-      this.element.innerHTML = value
-    }
-  }
-
-  get (prop) {
-    switch (prop) {
-      case 'value':
-        return this.element.value
-      case 'label':
-        return this.getText()
-      case 'text':
-        return this.getText()
-      default:
-        return this.element.value
-    }
-  }
-
-  getText () {
-    if (this.ui.label) {
-      return this.ui.label.innerHTML
-    } else {
-      return this.element.innerHTML
-    }
-  }
-
-  disable () {
-    this.element.disabled = true
-  }
-
-  enable () {
-    this.element.disabled = false
-  }
-
-  click (ev) {
-    if (this.options.stopPropagation === true) {
-      ev.stopPropagation()
-    }
-
-    this.emit('click', ev)
-  }
-
-  select (select) {
-    if (select === null) {
-      this.element.classList.remove('selected')
-      this.selected = null
-    } else {
-      this.element.classList.add('selected')
-      this.selected = true
-    }
-  }
-
-  mousedown (ev) {
-    this.element.classList.add('pushed')
-  }
-
-  mouseup (ev) {
-    this.element.classList.remove('pushed')
-  }
-}
-
-export default Button