@shortfuse/materialdesignweb 0.5.0 → 0.7.0

package/docs/_menuoptions.js

@@ -1,183 +0,0 @@
-import { getStorageItem, removeStorageItem, setStorageItem } from './_storage.js';
-
-/**
- * @param {boolean} value
- * @param {Element} [button]
- * @return {void}
- */
-export function setRTLMode(value, button) {
-  if (value) {
-    document.documentElement.dir = 'rtl';
-    setStorageItem('rtlmode', 'true');
-  } else {
-    // Explicit LTR is required for Safari to support repeated toggling
-    document.documentElement.dir = 'ltr';
-    removeStorageItem('rtlmode');
-  }
-  if (button) {
-    button.setAttribute('aria-pressed', value ? 'true' : 'false');
-  }
-}
-
-/** @return {boolean} */
-export function isDarkMode() {
-  const userPreference = getStorageItem('darkmode');
-  if (userPreference == null) {
-    return window.matchMedia('(prefers-color-scheme: dark)').matches;
-  }
-  return userPreference === 'true';
-}
-
-/**
- * @param {boolean} value
- * @param {Element} [button]
- * @return {void}
- */
-export function setDarkMode(value, button) {
-  if (value) {
-    document.documentElement.setAttribute('mdw-dark', '');
-    document.documentElement.removeAttribute('mdw-light');
-  } else {
-    document.documentElement.setAttribute('mdw-light', '');
-    document.documentElement.removeAttribute('mdw-dark');
-  }
-  const stringValue = (value ? 'true' : 'false');
-  if (button) {
-    button.setAttribute('aria-pressed', stringValue);
-  }
-  setStorageItem('darkmode', stringValue);
-}
-
-/**
- * @param {boolean} value
- * @param {Element} [button]
- * @return {void}
- */
-export function setAltTheme(value, button) {
-  const items = document.head.getElementsByTagName('link');
-  for (let i = 0; i < items.length; i += 1) {
-    const stylesheet = items.item(i);
-    if (stylesheet.href.includes(value ? 'theme-colored' : 'theme-default')) {
-      stylesheet.disabled = false;
-    }
-    if (stylesheet.href.includes(value ? 'theme-default' : 'theme-colored')) {
-      stylesheet.disabled = true;
-    }
-  }
-
-  const stringValue = (value ? 'true' : 'false');
-  if (button) {
-    button.setAttribute('aria-pressed', stringValue);
-  }
-  const statusBarAttribute = document.head.getElementsByTagName('meta').namedItem('theme-color');
-  if (statusBarAttribute) {
-    statusBarAttribute.setAttribute('content', value ? '#FF5722' : '#E91E63');
-  }
-
-  setStorageItem('alttheme', stringValue);
-}
-
-/**
- * @param {string} value
- * @param {Element} [button]
- * @return {void}
- */
-export function setFontSize(value, button) {
-  if (value) {
-    document.documentElement.style.setProperty('font-size', value);
-    setStorageItem('fontsize', value);
-  } else {
-    document.documentElement.style.removeProperty('font-size');
-    removeStorageItem('fontsize');
-  }
-  if (button) {
-    button.setAttribute('aria-pressed', value ? 'true' : 'false');
-  }
-}
-
-/**
- * @param {Element} [element]
- * @return {void}
- */
-function setupRTLMode(element) {
-  if (getStorageItem('rtlmode') === 'true') {
-    setRTLMode(true, element);
-  }
-  if (!element) {
-    return;
-  }
-  element.addEventListener('click', () => {
-    if (document.documentElement.dir === 'rtl') {
-      setRTLMode(false, element);
-    } else {
-      setRTLMode(true, element);
-    }
-  });
-}
-
-/**
- * @param {Element} [element]
- * @return {void}
- */
-function setupAltTheme(element) {
-  if (getStorageItem('alttheme') === 'true') {
-    setAltTheme(true, element);
-  }
-  if (!element) {
-    return;
-  }
-  element.addEventListener('click', () => {
-    if (getStorageItem('alttheme') !== 'true') {
-      setAltTheme(true, element);
-    } else {
-      setAltTheme(false, element);
-    }
-  });
-}
-
-/**
- * @param {Element} [element]
- * @return {void}
- */
-function setupDarkMode(element) {
-  if (isDarkMode()) {
-    setDarkMode(true, element);
-  }
-  if (!element) {
-    return;
-  }
-  element.addEventListener('click', () => {
-    if (document.documentElement.hasAttribute('mdw-dark')) {
-      setDarkMode(false, element);
-    } else {
-      setDarkMode(true, element);
-    }
-  });
-}
-
-/**
- * @param {Element} element
- * @return {void}
- */
-function setupLargeFontMode(element) {
-  const fontsize = getStorageItem('fontsize');
-  setFontSize(fontsize, element);
-  if (!element) {
-    return;
-  }
-  element.addEventListener('click', () => {
-    if (document.documentElement.style.getPropertyValue('font-size')) {
-      setFontSize(null, element);
-    } else {
-      setFontSize('200%', element);
-    }
-  });
-}
-
-/** @return {void} */
-export function setupMenuOptions() {
-  setupAltTheme(document.getElementById('altThemeButton'));
-  setupRTLMode(document.getElementById('rtlButton'));
-  setupDarkMode(document.getElementById('darkModeButton'));
-  setupLargeFontMode(document.getElementById('largeFontButton'));
-}

package/docs/_partials/_androidnavbar.eta

@@ -1,5 +0,0 @@
-<div class="androidnavbar">
-  <i class="material-icons back-button">&#xE3C8;</i>
-  <i class="material-icons">&#xE836;</i>
-  <i class="material-icons">&#xE835;</i>
-</div>

package/docs/_partials/_androidstatusbar.eta

@@ -1,13 +0,0 @@
-<div <%~ Object.entries({
-  'class': 'androidstatusbar mdw-theme',
-  'mdw-surface': it?.surface,
-  'mdw-light': it?.light,
-  'mdw-dark': it?.dark
-  }).map(([key, value]) => {
-    if (value === true) return key;
-    if (value === false || value == null) return false;
-    return `${key}="${value}"`
-  }).filter(v=>v).join(' ')-%>>
-  <div>12:30</div>
-  <i class="material-icons" style="letter-spacing:2px;padding:0 2px;">&#xE1BA;&#xE1C8;&#xE1A4;</i>
-</div>

package/docs/_partials/_appbar.eta

@@ -1,27 +0,0 @@
-<% var T = '../../templates/index.eta'; %>
-<div <%~ Object.entries({
-  'class': 'mdw-appbar mdw-elevation mdw-theme',
-  'style': 'z-index:4',
-  'mdw-elevation': 4,
-  'mdw-surface': it?.surface,
-  'mdw-light': it?.light,
-  'mdw-dark': it?.dark
-  }).map(([key, value]) => {
-    if (value === true) return key;
-    if (value === false || value == null) return false;
-    return `${key}="${value}"`
-  }).filter(v=>v).join(' ')-%>>
-  <div class="mdw-appbar__start">
-    <%_~ it?.start?.map((icon) => includeFile(T, { button: {
-      class:'material-icons', icon:true, text:icon }})).join(' ') ?? '' _%>
-  </div>
-  <div class="mdw-appbar__title">
-    <%_~ it?.body ?? '' %><%= it?.text ?? '' _%>
-  </div>
-  <div class="mdw-appbar__end">
-    <%_~ it?.end?.map((icon) => includeFile(T, { button:{
-      class:'material-icons', icon:true, text:icon,
-      attributes: { 'mdw-more-button': icon === 'more_vert' }
-    }})).join(' ') ?? '' _%>
-  </div>
-</div>

package/docs/_partials/_buttontest.eta

@@ -1,31 +0,0 @@
-<% var T = '../../templates/index.eta'; %>
-<div class="display-flex flex-wrap">
-  <%~ includeFile(T, {button: { text: 'Text' }}) %>
-  <%~ includeFile(T, {button: { raised:true, text: 'Contained' }}) %>
-  <%~ includeFile(T, {button: { raised:true, disabled:true, text: 'Disabled' }}) %>
-  <%~ includeFile(T, {button: { borderInk:'default', text: 'Outlined' }}) %>
-</div>
-<div style="height:24px;"></div>
-<div class="display-flex flex-wrap">
-  <%~ includeFile(T, {button: { ink:'primary', text:'Text' }})  %>
-  <%~ includeFile(T, {button: { ink:'primary', raised:true, text: 'Contained' }})  %>
-  <%~ includeFile(T, {button: { ink:'primary', raised:true, disabled:true, text:'Disabled' }})  %>
-  <%~ includeFile(T, {button: { ink:'secondary', text:'Secondary' }})  %>
-  <%~ includeFile(T, {button: { ink:'secondary', borderInk:true, text:'Outlined' }})  %>
-</div>
-<div style="height:24px;"></div>
-<div class="display-flex flex-wrap">
-  <%~ includeFile(T, { button: { surface:'primary 500', dark:true, text:'Text' }}) %>
-  <%~ includeFile(T, { button: { surface:'primary 500', dark:true, raised:true, text:'Contained' }}) %>
-  <%~ includeFile(T, { button: { surface:'primary 500', dark:true, raised:true, disabled:true, text:'Disabled' }}) %>
-  <%~ includeFile(T, { button: { surface:'secondary 100', light:true, raised:true, text:'Outlined' }}) %>
-</div>
-<div style="height:24px;"></div>
-<div class="display-flex flex-wrap">
-  <%~ includeFile(T, { button: { class:'material-icons', text:'favorite', icon:true }}) %>
-  <%~ includeFile(T, { button: { class:'material-icons', text:'favorite', ink:"warn", dark:true, icon:true }}) %>
-  <%~ includeFile(T, { button: { class:'material-icons', text:'favorite', surface:"warn 500", dark:true, icon:true }}) %>
-  <%~ includeFile(T, { button: { class:'material-icons', text:'favorite', surface:"warn 500", dark:true, icon:true, raised:true }}) %>
-  <%~ includeFile(T, { button: { class:'material-icons', text:'favorite', surface:"warn 500", dark:true, icon:true, raised:true, disabled:true }}) %>
-  <%~ includeFile(T, { button: { class:'material-icons', text:'favorite', icon:true, disabled:true }}) %>
-</div>

package/docs/_partials/_header.eta

@@ -1,146 +0,0 @@
-<% var T = '../../templates/index.eta' -%>
-<!DOCTYPE html>
-<html class="mdw-layout mdw-theme" lang="en" mdw-surface="binary" mdw-light>
-
-<head>
-  <title>Material Design Web</title>
-  <meta charset="utf-8">
-  <meta content="IE=edge" http-equiv="X-UA-Compatible">
-  <meta content="Material Design Web - CSS/JS Framework" name="description">
-  <meta content="width=device-width,initial-scale=1,viewport-fit=cover" name="viewport">
-  <meta name="theme-color" content="#C2185B">
-  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <meta name="apple-mobile-web-app-capable" content="yes">
-
-  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather:300,400,500">
-  <link rel="stylesheet" href="docs.min.css">
-  <link rel="stylesheet" href="framework.min.css">
-  <link rel="stylesheet" href="theme-default.min.css" title="Default Theme">
-  <link rel="stylesheet" disabled href="theme-colored.min.css" title="Colored Theme">
-  <script src="prerender.min.js"></script>
-</head>
-
-<body class="mdw-layout__body mdw-theme" mdw-surface="background" mdw-sidesheet-toggle="dismissible" mdw-sidesheet-style="modal">
-  <div class="mdw-layout__menus"></div>
-  <div class="mdw-layout__dialogs"></div>
-  <nav class="mdw-layout__navdrawer" id="docs-navdrawer">
-    <div class="mdw-layout__sheet-content mdw-theme" mdw-surface="background" mdw-border-ink>
-      <ul class="mdw-list" style="padding-bottom:64px;">
-        <li class="mdw-list__item">
-          <a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" <%~ it.page === 'Home' ? 'aria-current="page"' : '' %> aria-selected="<%~ it.page === 'Home'%>" href="index.html" mdw-ink="default">
-            <div class="mdw-list__text">Home</div>
-          </a>
-        </li>
-        <li class="mdw-list__item" aria-expanded="true">
-          <div class="mdw-list__content mdw-list__subheader">
-            <div class="mdw-list__text mdw-theme" mdw-ink="medium">Core</div>
-            <div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div>
-          </div>
-          <ul class="mdw-list">
-            <%~ includeFile('../_partials/_navlistitem.eta', {key: 'color', icon: 'compare', name: 'Color', page: it.page, color: 'primary contrast'}) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key: 'overlay', icon: 'tonality', name: 'Overlay', page: it.page, color: 'primary contrast'}) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key: 'ripple', icon: 'center_focus_strong', name: 'Ripple', page: it.page, color: 'primary contrast'}) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key: 'transition', icon: 'dynamic_feed', name: 'Transition', page: it.page, color: 'primary contrast'}) %>
-          </ul>
-        </li>
-        <li class="mdw-list__item mdw-theme" aria-expanded="true">
-          <div class="mdw-list__content mdw-list__subheader">
-            <div class="mdw-list__text mdw-theme" mdw-ink="medium">Components</div>
-            <div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div>
-          </div>
-          <ul class="mdw-list">
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'appbar', icon: 'web_asset', name: 'App Bar', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'bottomnav', icon: 'call_to_action', name: 'Bottom Navigation', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'button', icon: 'crop_landscape', name: 'Button', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'card', icon: 'crop_square', name: 'Card', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'chip', icon: 'check_circle', name: 'Chip', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'datatable', icon: 'format_align_justify', name: 'Data Table', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'dialog', icon: 'select_all', name: 'Dialog', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'elevation', icon: 'layers', name: 'Elevation', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'fab', icon: 'add_circle', name: 'Floating Action Button', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'grid', icon: 'view_compact', name: 'Grid', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'layout', icon: 'view_quilt', name: 'Layout', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'list', icon: 'view_list', name: 'List', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'menu', icon: 'picture_in_picture', name: 'Menu', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'progress', icon: 'timelapse', name: 'Progress', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'selection', icon: 'toggle_on', name: 'Selection', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'slider', icon: 'tune', name: 'Slider', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'snackbar', icon: 'video_label', name: 'Snackbar', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'tab', icon: 'tab', name: 'Tab', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'textfield', icon: 'text_fields', name: 'Text Field', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'tooltip', icon: 'info', name: 'Tooltip', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'type', icon: 'font_download', name: 'Typography', page: it.page }) %>
-          </ul>
-        </li>
-        <li class="mdw-list__item" aria-expanded="true">
-          <div class="mdw-list__content mdw-list__subheader">
-            <div class="mdw-list__text mdw-theme" mdw-ink="medium">Adapters</div>
-            <div class="mdw-list__secondary mdw-theme material-icons" mdw-ink="medium">expand_more</div>
-          </div>
-          <ul class="mdw-list">
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'dom', icon:'calendar_view_day', name:'DOM', page: it.page }) %>
-            <%~ includeFile('../_partials/_navlistitem.eta', {key:'search', icon:'search', name:'Search', page: it.page }) %>
-          </ul>
-        </li>
-      </ul>
-    </div>
-  </nav>
-  <a class="mdw-layout__scrim" href="#" tabindex="-1"></a>
-  <div class="mdw-layout__appbar mdw-appbar mdw-theme" mdw-autohide="mobile tablet" mdw-surface="secondary 500" mdw-dark>
-    <div class="mdw-layout__appbar-shape"></div>
-    <div class="mdw-appbar__start">
-      <div class="mdw-tooltip__wrapper">
-        <%~ includeFile(T, { button: {
-              class: 'mdw-tooltip__target material-icons mdw-layout__navdrawer-toggle',
-              text:'menu', icon:true, attributes: { href:"#docs-navdrawer" },
-          }}) %>
-        <div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="start">Menu</div>
-      </div>
-    </div>
-    <div class="mdw-appbar__title"><%~ it.page %></div>
-    <div class="mdw-appbar__end" id="docs-menu-buttons">
-      <div class="mdw-tooltip__wrapper">
-        <%~ includeFile(T, { button: {
-            id: 'altThemeButton', class: 'mdw-tooltip__target material-icons',
-            text:'palette', icon:true,  attributes: { 'mdw-overlay-default':'medium', 'mdw-overlay-off':'activated', 'aria-pressed':'false' }, 
-          }}) %>
-        <div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Alt Theme</div>
-      </div>
-      <div class="mdw-tooltip__wrapper">
-        <%~ includeFile(T, { button: {
-            id: 'darkModeButton', class: 'mdw-tooltip__target material-icons',
-            text: 'brightness_3', icon: true, attributes: { 'mdw-overlay-default':'medium', 'mdw-overlay-off':'activated', 'aria-pressed':'false' },
-          }}) %>
-        <div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Dark Mode</div>
-      </div>
-      <div class="mdw-tooltip__wrapper">
-        <%~ includeFile(T, { button: {
-            id: 'rtlButton', class: 'mdw-tooltip__target material-icons',
-            text: 'format_align_right', icon: true, attributes: { 'mdw-overlay-default': 'medium', 'mdw-overlay-off':'activated', 'aria-pressed':'false' },
-          }}) %>
-        <div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">Right-to-Left</div>
-      </div>
-      <div class="mdw-tooltip__wrapper">
-        <%~ includeFile(T, { button: {
-            id: 'largeFontButton', class: 'mdw-tooltip__target material-icons',
-            text: 'format_size', icon: true, attributes: { 'mdw-overlay-default': 'medium', 'mdw-overlay-off':'activated', 'aria-pressed':'false' },
-          }}) %>
-        <div class="mdw-tooltip mdw-theme" mdw-surface="background 700" mdw-dark mdw-align="end">200% Text</div>
-      </div>
-    </div>
-  </div>
-  <div class="mdw-layout__fab"></div>
-  <div class="mdw-layout__snackbar"></div>
-  <div class="mdw-layout__content">
-    <div class="mdw-layout__content-page">
-      <%~ it?.body ?? '' %>
-    </div>
-  </div>
-</body>
-<script src="postrender.min.js"></script>
-<script src="entire-framework.min.js"></script>
-<script src="docs.common.min.js"></script>
-
-</html>

package/docs/_partials/_navlistitem.eta

@@ -1,16 +0,0 @@
-<li class="mdw-list__item">
-  <a class="mdw-list__content mdw-overlay mdw-ripple mdw-theme" <%_~ [
-    it.page === it.key ? 'aria-current="page"' : '',
-    `aria-selected="${it.page === it.key}"`,
-    `href="${it.key}.html"`,
-    `mdw-ink="${it.color ?? 'secondary contrast'}"`,
-  ].filter(v=>v).join(' ')
-  %>>
-    <% if (it.icon) { %>
-    <div class="mdw-list__icon mdw-theme material-icons" mdw-ink="medium"><%= it.icon ?? '' %></div>
-    <% } %>
-    <div class="mdw-list__text">
-      <div class="mdw-list__text-block"><%= it.name ?? '' %></div>
-    </div>
-  </a>
-</li>

package/docs/_partials/_target.eta

@@ -1 +0,0 @@
-<div class="target" style="background-image:url(<%~ it.url %>)"></div>

package/docs/_sample-utils.js

@@ -1,88 +0,0 @@
-/**
- * @param {Element|HTMLElement} element
- * @param {boolean} [pug=false]
- * @param {string} [linePrefix='']
- * @return {string}
- */
-function convertElementToCode(element, pug = false, linePrefix = '') {
-  const htmlType = element.tagName.toLowerCase();
-  /** @type {string[]} */
-  const attributes = [];
-  /** @type {string[]} */
-  const classes = [];
-  for (const c of element.classList) {
-    classes.push(c);
-  }
-  for (const attr of element.attributes) {
-    if (attr.name === 'class') {
-      continue;
-    }
-    if (attr.value.length) {
-      attributes.push(`${attr.name}="${attr.value}"`);
-    } else {
-      attributes.push(attr.name);
-    }
-  }
-  attributes.sort();
-  const syntaxItems = [
-    htmlType,
-    classes.length ? `class="${classes.join(' ')}"` : '',
-    attributes.join(' '),
-  ];
-  const openingHTMLLine = pug
-    ? `${htmlType === 'div' && classes.length ? '' : htmlType}${classes.length ? `.${classes.join('.')}` : ''}${attributes.length ? `(${attributes.join(' ')})` : ''}`
-    : `<${syntaxItems.filter(Boolean).join(' ').trim()}>`;
-  const closingHTMLLine = pug ? '' : `</${htmlType}>`;
-  const lines = [openingHTMLLine];
-  /** @type {string[]} */
-  const innerLines = [];
-  let onlyText = true;
-  for (const child of element.childNodes) {
-    let lineText;
-    if (child instanceof HTMLElement) {
-      lineText = convertElementToCode(child, pug, `  ${linePrefix}`);
-      if (lineText.trim()) {
-        onlyText = false;
-      }
-    } else if (child.nodeValue && pug) {
-      lineText = `  ${child.nodeValue}`;
-    }
-    if (lineText && lineText.trim()) {
-      innerLines.push(lineText);
-    }
-  }
-  if (onlyText) {
-    if (pug) {
-      return `${linePrefix + lines.join('')} ${innerLines.join('').trim()}`;
-    }
-    return linePrefix + lines.join('') + innerLines.join('').trim() + closingHTMLLine;
-  }
-  lines.push(...innerLines, linePrefix + closingHTMLLine);
-  return linePrefix + lines.filter((line) => line.trim()).join('\n');
-}
-
-/**
- * @param {Element} element
- * @param {string} tagname
- * @return {Element}
- */
-function changeElementTagName(element, tagname) {
-  const newElement = document.createElement(tagname);
-  let i = element.attributes.length;
-  while (i--) {
-    const attr = element.attributes.item(i);
-    const clonedAttr = /** @type {Attr} */ (attr.cloneNode());
-    newElement.attributes.setNamedItem(clonedAttr);
-  }
-  while (element.firstChild) {
-    newElement.appendChild(element.firstChild);
-  }
-
-  element.replaceWith(newElement);
-  return newElement;
-}
-
-export {
-  convertElementToCode,
-  changeElementTagName,
-};

package/docs/_storage.js

@@ -1,33 +0,0 @@
-/**
- * @param {string} key
- * @return {string}
- */
-export function getStorageItem(key) {
-  if (!window.localStorage) {
-    return null;
-  }
-  return localStorage.getItem(key);
-}
-
-/**
- * @param {string} key
- * @param {string} value
- * @return {void}
- */
-export function setStorageItem(key, value) {
-  if (!window.localStorage) {
-    return;
-  }
-  localStorage.setItem(key, value);
-}
-
-/**
- * @param {string} key
- * @return {void}
- */
-export function removeStorageItem(key) {
-  if (!window.localStorage) {
-    return;
-  }
-  localStorage.removeItem(key);
-}