mdui/src/components/drawer/customAttr.ts

a CSS Framework based on material design

import $ from 'mdui.jq/es/$';
import 'mdui.jq/es/methods/first';
import 'mdui.jq/es/methods/on';
import mdui from '../../mdui';
import '../../global/mutation';
import { parseOptions } from '../../utils/parseOptions';
import './index';

const customAttr = 'mdui-drawer';

type OPTIONS = {
  target: string;
  overlay?: boolean;
  swipe?: boolean;
};

$(() => {
  mdui.mutation(`[${customAttr}]`, function () {
    const $element = $(this);
    const options = parseOptions(this, customAttr) as OPTIONS;
    const selector = options.target;
    // @ts-ignore
    delete options.target;

    const $drawer = $(selector).first();
    const instance = new mdui.Drawer($drawer, options);

    $element.on('click', () => instance.toggle());
  });
});