@thednp/shorty 2.0.7 → 2.0.8

package/src/strings/touchcancelEvent.ts

@@ -1,5 +0,0 @@
-/**
- * A global namespace for `touchcancel` event.
- */
-const touchcancelEvent = "touchcancel";
-export default touchcancelEvent;

package/src/strings/touchendEvent.ts

@@ -1,5 +0,0 @@
-/**
- * A global namespace for `touchend` event.
- */
-const touchendEvent = "touchend";
-export default touchendEvent;

package/src/strings/touchmoveEvent.ts

@@ -1,5 +0,0 @@
-/**
- * A global namespace for `touchmove` event.
- */
-const touchmoveEvent = "touchmove";
-export default touchmoveEvent;

package/src/strings/touchstartEvent.ts

@@ -1,5 +0,0 @@
-/**
- * A global namespace for `touchstart` event.
- */
-const touchstartEvent = "touchstart";
-export default touchstartEvent;

package/src/strings/transitionDelay.ts

@@ -1,5 +0,0 @@
-/**
- * A global namespace for 'transitionDelay' string.
- */
-const transitionDelay = "transitionDelay";
-export default transitionDelay;

package/src/strings/transitionDuration.ts

@@ -1,5 +0,0 @@
-/**
- * A global namespace for 'transitionDuration' string.
- */
-const transitionDuration = "transitionDuration";
-export default transitionDuration;

package/src/strings/transitionEndEvent.ts

@@ -1,5 +0,0 @@
-/**
- * A global namespace for 'transitionend' string.
- */
-const transitionEndEvent = "transitionend";
-export default transitionEndEvent;

package/src/strings/transitionProperty.ts

@@ -1,5 +0,0 @@
-/**
- * A global namespace for `transitionProperty` string for modern browsers.
- */
-const transitionProperty = "transitionProperty";
-export default transitionProperty;

package/src/strings/unloadEvent.ts

@@ -1,5 +0,0 @@
-/**
- * A global namespace for `unload` event.
- */
-const unloadEvent = "unload";
-export default unloadEvent;

package/src/strings/userAgent.ts

@@ -1,7 +0,0 @@
-const { userAgent: userAgentString } = navigator;
-
-/**
- * A global namespace for `navigator.userAgent` string.
- */
-const userAgent = userAgentString;
-export default userAgent;

package/src/strings/userAgentData.ts

@@ -1,8 +0,0 @@
-import type { NavigatorUA } from "../interface/navigatorUA";
-
-/**
- * A global namespace for `userAgentData` object.
- */
-const userAgentData: NavigatorUA["userAgentData"] =
-  (navigator as NavigatorUA).userAgentData;
-export default userAgentData;

package/test/att.test.ts

@@ -1,43 +0,0 @@
-import { expect, it, describe, afterEach } from 'vitest';
-import { getExampleDOM } from './fixtures/getExampleDom';
-import * as SHORTY from '../src/index';
-import "./fixtures/style.css";
-
-describe('Shorty Library Tests - ATT', () => {
-  const wrapper = document.createElement('div');
-  afterEach(async () => {
-    wrapper.innerHTML = '';
-  });
-
-  it('Test attr folder', () => {
-    const container = getExampleDOM();
-    wrapper.append(container);
-
-    const {
-      getAttribute,
-      setAttribute,
-      hasAttribute,
-      removeAttribute,
-      getAttributeNS,
-      setAttributeNS,
-      hasAttributeNS,
-      removeAttributeNS,
-      querySelector,
-    } = SHORTY;
-
-    const el = querySelector('.alert', container)!;
-    expect(getAttribute(el, 'class')).to.have.length.above(0);
-    setAttribute(el, 'data-att', 'momo');
-    expect(hasAttribute(el, 'data-att')).to.be.true;
-    removeAttribute(el, 'data-att');
-    expect(hasAttribute(el, 'data-att')).to.be.false;
-
-    const svg = querySelector('svg', container)!;
-    const ns = 'http://www.w3.org/2000/svg';
-    expect(hasAttributeNS(ns, svg, 'transform')).to.be.false;
-    setAttributeNS(ns, svg, 'transform', 'scale(0.99)');
-    expect(getAttributeNS(ns, svg, 'transform')).to.eq('scale(0.99)');
-    removeAttributeNS(ns, svg, 'transform');
-    expect(getAttributeNS(ns, svg, 'transform')).to.be.null;
-  });
-});

package/test/boolean.test.ts

@@ -1,30 +0,0 @@
-import { expect, it, describe } from 'vitest';
-import * as SHORTY from '../src/index';
-
-describe('Shorty Library Tests - BOOL', () => {
-  it('Test boolean folder', () => {
-    const {
-      // these are impossible to test 100% of the branches
-      isApple,
-      isMobile,
-      isFirefox,
-      support3DTransform,
-      supportAnimation,
-      supportPassive,
-      supportTouch,
-      supportTransform,
-      supportTransition,
-      // querySelectorAll, getWindow
-    } = SHORTY;
-
-    expect(isApple(), 'isApple').to.be.false;
-    expect(isMobile(), 'isMobile').to.be.false;
-    expect(isFirefox(), 'isFirefox').to.be.false;
-    expect(support3DTransform(), 'support3DTransform').to.be.true;
-    expect(supportAnimation(), 'supportAnimation').to.be.true;
-    expect(supportPassive(), 'supportPassive').to.be.true;
-    expect(supportTouch(), 'supportTouch').to.be.false;
-    expect(supportTransform(), 'supportTransform').to.be.true;
-    expect(supportTransition(), 'supportTransition').to.be.true;
-  });
-});

package/test/class.test.ts

@@ -1,26 +0,0 @@
-import { expect, it, describe, beforeEach, vi, afterEach } from 'vitest';
-import { getExampleDOM } from './fixtures/getExampleDom';
-import * as SHORTY from '../src/index';
-import "./fixtures/style.css";
-
-describe('Shorty Library Tests - CLASS', () => {
-  const wrapper = document.createElement('div');
-  document.body.append(wrapper);
-  afterEach(async () => {
-    wrapper.innerHTML = '';
-  });
-
-  it('Test class folder', () => {
-    const { addClass, hasClass, removeClass, querySelector } = SHORTY;
-    const container = getExampleDOM();
-    wrapper.append(container);
-
-    const alert = querySelector('.alert', container);
-    if (!alert) return;
-
-    addClass(alert, 'to-be-removed');
-    expect(hasClass(alert, 'to-be-removed')).to.be.true;
-    removeClass(alert, 'show');
-    expect(hasClass(alert, 'show')).to.be.false;
-  });
-});

package/test/event.test.ts

@@ -1,39 +0,0 @@
-import { expect, it, describe, afterEach, beforeEach, vi } from 'vitest';
-import { getExampleDOM } from './fixtures/getExampleDom';
-import * as SHORTY from '../src/index';
-import "./fixtures/style.css";
-
-describe('Shorty Library Tests - EVENT', () => {
-  const wrapper = document.createElement('div');
-  document.body.append(wrapper);
-  afterEach(async () => {
-    wrapper.innerHTML = '';
-  });
-
-  it('Test event folder', () => {
-    const {
-      // on, off are called by one
-      one,
-      querySelector,
-    } = SHORTY;
-    const container = getExampleDOM();
-    wrapper.append(container);
-
-    const el = querySelector('.alert', container);
-    const btn = querySelector('button', container);
-
-    if (!el || !btn) return;
-
-    one(el, 'click', function handle(e) {
-      el.innerText += 'click fired for ' + (e.currentTarget as HTMLElement).tagName;
-      expect(el.innerText).toContain('click fired for DIV')
-
-    });
-
-    one(btn, 'click', function handle(e) {
-      el.innerText += 'click fired for ' + (e.target as HTMLElement).tagName;
-      expect(el.innerText).toContain('click fired for BUTTON')
-    });
-    btn.click();
-  });
-});

package/test/fixtures/custom-elem.js

@@ -1,18 +0,0 @@
-const CEP = document.createElement('p');
-CEP.innerText = 'Sample Custom Element';
-
-export default class CustomElem extends HTMLElement {
-  constructor() {
-    super();
-
-    this.attachShadow({ mode: 'open' });
-  }
-  connectedCallback() {
-    this.shadowRoot.append(CEP);
-  }
-  disconnectedCallback() {
-    this.shadowRoot.innerHTML = '';
-  }
-}
-
-customElements.define('custom-elem', CustomElem);

package/test/fixtures/getExampleDom.ts

@@ -1,52 +0,0 @@
-const markup = `<div class="p-5">
-<div id="alertDemo" class="alert alert-warning alert-dismissible fade show" data-bs-op1="false" data-bs-op2="true" data-bs-op3="10" data-bs-title="" role="alert">
-    <button role="button" type="button" class="btn-close bg-none" data-bs-target="alertDemo" data-bs-dismiss="alert" aria-label="Close">
-      <svg viewBox="0 0 16 16" class="align-top">
-        <title>Delete</title>
-        <path name="x" d="M4.646 4.646a0.5 0.5 0 0 1 0.708 0L8 7.293l2.646 -2.647a0.5 0.5 0 0 1 0.708 0.708L8.707 8l2.647 2.646a0.5 0.5 0 0 1 -0.708 0.708L8 8.707l-2.646 2.647A0.5 0.5 0 0 1 4.646 10.646L7.293 8L4.646 5.354a0.5 0.5 0 0 1 0 -0.708z"></path>
-      </svg>
-    </button>
-    <p><b>Holy guacamole!</b> Best check yo self, you're not looking too good.</p>
-    <button class="btn btn-outline-secondary">
-      ReadMore
-    </button>
-
-    <img src="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgNDMiIHdpZHRoPSI4MCIgaGVpZ2h0PSI0MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICAgICAgICAgICAgICAgIDxyZWN0IGZpbGw9IndoaXRlIiBzdHJva2U9IiNjY2MiIHN0cm9rZS13aWR0aD0iMSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgcng9IjUiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgIDx0ZXh0IGRpcmVjdGlvbj0ibHRyIiBmaWxsPSIjMzMzIiB4PSIyNSIgeT0iMjUiIGZvbnQtc2l6ZT0iMTQiPklNRzwvdGV4dD4NCiAgICAgICAgICAgICAgICA8L3N2Zz4=" alt="Image">
-</div>
-  <table class="table">
-    <thead>
-      <tr>
-        <th>Event Type</th>
-        <th>Description</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td><code>show.bs.tooltip</code></td>
-        <td>This event fires immediately when the <code>show</code> instance method is called.<br>
-          <b>This event can be default prevented.</b></td>
-      </tr>
-      <tr>
-        <td><code>shown.bs.tooltip</code></td>
-        <td>This event is fired when the tooltip has been made visible to the user.</td>
-      </tr>
-      <tr>
-        <td><code>hide.bs.tooltip</code></td>
-        <td>This event is fired immediately when the <code>hide</code> instance method has been called.<br>
-          <b>This event can be default prevented.</b></td>
-      </tr>
-      <tr>
-        <td><code>hidden.bs.tooltip</code></td>
-        <td>This event is fired when the tooltip has finished being hidden from the user.</td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-`;
-
-export const getExampleDOM = () => {
-  const tempDocument = new DOMParser().parseFromString(markup, 'text/html');
-  const container = tempDocument.body.querySelector('div')!;
-
-  return container;
-};