Skip to content

Commit

Permalink
fix imports
Browse files Browse the repository at this point in the history
  • Loading branch information
@finlay-x
finlay-x committed Feb 25, 2024
1 parent 31b57cc commit 28f4325
Show file tree
Hide file tree
Showing 6 changed files with 55 additions and 55 deletions.
2 changes: 1 addition & 1 deletion docs/assets/scripts/app.min.js
View file

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions docs/assets/scripts/app.min.js.map
View file

Large diffs are not rendered by default.

76 changes: 38 additions & 38 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,15 +39,15 @@ <h2 class="is-margin-centered is-text-centered x-l-b f11y-white weight-200 is-it
<span class="x-l-h uses-garamond weight-700">#</span>
<h2 class="h-h uses-garamond">Install</h2>
</div> <h3 class="h-b f11y-white weight-600">Install with npm</h3>
<pre id="pre-js-92471859">
<pre id="pre-js-61441697">
<code class="language-javascript">
npm install f11y
</code>
</pre>
<br>
<br>
<h3 class="h-b f11y-white weight-600">via CDN / Script Tag</h3>
<pre id="pre-js-92471859">
<pre id="pre-js-61441697">
<code class="language-markup no-whitespace-normalization"><!-- </footer>
<script src="https://www.unpkg.com/f11y@latest/umd/f11y.min.js"></script>
</body>--></code></pre>
Expand Down Expand Up @@ -97,16 +97,16 @@ <h3 class="h-b f11y-white weight-600">Default Example</h3>
<div class="f11y--tabs f11y--tabs--code">
<div role="tablist" aria-labelledby="tablist">

<button id="tab-html-39687275" role="tab" aria-selected="false" aria-controls="tabpanel-html-39687275">
<button id="tab-html-26418098" role="tab" aria-selected="false" aria-controls="tabpanel-html-26418098">
HTML
</button>
<button id="tab-js-39687275" role="tab" aria-selected="false" aria-controls="tabpanel-js-39687275">
<button id="tab-js-26418098" role="tab" aria-selected="false" aria-controls="tabpanel-js-26418098">
JavaScript
</button>
</div>

<div id="tabpanel-html-39687275" role="tabpanel" aria-labelledby="tab-html-39687275">
<pre id="pre-html-39687275" class="line-numbers">
<div id="tabpanel-html-26418098" role="tabpanel" aria-labelledby="tab-html-26418098">
<pre id="pre-html-26418098" class="line-numbers">
<code class="language-markup line-numbers"><!--
<div class="f11y--accordion">
<div f11y-accordion-item>
Expand Down Expand Up @@ -139,8 +139,8 @@ <h3 class="h-b f11y-white weight-600">Default Example</h3>
--></code>
</pre>
</div>
<div id="tabpanel-js-39687275" role="tabpanel" aria-labelledby="tab-js-39687275">
<pre id="pre-js-39687275" class="line-numbers">
<div id="tabpanel-js-26418098" role="tabpanel" aria-labelledby="tab-js-26418098">
<pre id="pre-js-26418098" class="line-numbers">
<code class="language-javascript line-numbers">
const accordionElm = document.querySelector(".f11y--accordion");
new f11y.Accordion(
Expand Down Expand Up @@ -192,16 +192,16 @@ <h3 class="h-b f11y-white weight-600">Callback Example</h3>
<div class="f11y--tabs f11y--tabs--code">
<div role="tablist" aria-labelledby="tablist">

<button id="tab-html-30641560" role="tab" aria-selected="false" aria-controls="tabpanel-html-30641560">
<button id="tab-html-87758304" role="tab" aria-selected="false" aria-controls="tabpanel-html-87758304">
HTML
</button>
<button id="tab-js-30641560" role="tab" aria-selected="false" aria-controls="tabpanel-js-30641560">
<button id="tab-js-87758304" role="tab" aria-selected="false" aria-controls="tabpanel-js-87758304">
JavaScript
</button>
</div>

<div id="tabpanel-html-30641560" role="tabpanel" aria-labelledby="tab-html-30641560">
<pre id="pre-html-30641560" class="line-numbers">
<div id="tabpanel-html-87758304" role="tabpanel" aria-labelledby="tab-html-87758304">
<pre id="pre-html-87758304" class="line-numbers">
<code class="language-markup line-numbers"><!--
<div class="f11y--accordion">
<div>
Expand Down Expand Up @@ -229,8 +229,8 @@ <h3 class="h-b f11y-white weight-600">Callback Example</h3>
--></code>
</pre>
</div>
<div id="tabpanel-js-30641560" role="tabpanel" aria-labelledby="tab-js-30641560">
<pre id="pre-js-30641560" class="line-numbers">
<div id="tabpanel-js-87758304" role="tabpanel" aria-labelledby="tab-js-87758304">
<pre id="pre-js-87758304" class="line-numbers">
<code class="language-javascript line-numbers">
const accordionElm = document.querySelector(".f11y--accordion");
const accordionObj = new f11y.Accordion(
Expand Down Expand Up @@ -268,16 +268,16 @@ <h3 class="h-b f11y-white weight-600">Callback Example</h3>

<div class="f11y--tabs f11y--tabs--code f11y--tabs--tables">
<div role="tablist" aria-labelledby="tablist">
<button id="tab-options-30641560" role="tab" aria-selected="false" aria-controls="tabpanel-options-30641560">
<button id="tab-options-87758304" role="tab" aria-selected="false" aria-controls="tabpanel-options-87758304">
Options
</button>
<button id="tab-methods-30641560" role="tab" aria-selected="false" aria-controls="tabpanel-methods-30641560">
<button id="tab-methods-87758304" role="tab" aria-selected="false" aria-controls="tabpanel-methods-87758304">
Methods
</button>
</div>

<div id="tabpanel-options-30641560" role="tabpanel" aria-labelledby="tab-options-30641560">
<table id="f11y--table-options-30641560" class="f11y--table table--js language-javascript">
<div id="tabpanel-options-87758304" role="tabpanel" aria-labelledby="tab-options-87758304">
<table id="f11y--table-options-87758304" class="f11y--table table--js language-javascript">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -322,8 +322,8 @@ <h3 class="h-b f11y-white weight-600">Callback Example</h3>
</tbody>
</table>
</div>
<div id="tabpanel-methods-30641560" role="tabpanel" aria-labelledby="tab-methods-30641560">
<table id="f11y--table-methods-30641560" class="f11y--table table--js language-javascript">
<div id="tabpanel-methods-87758304" role="tabpanel" aria-labelledby="tab-methods-87758304">
<table id="f11y--table-methods-87758304" class="f11y--table table--js language-javascript">
<thead>
<tr>
<th>Name</th>
Expand Down Expand Up @@ -401,16 +401,16 @@ <h3 class="h-b f11y-white weight-600">Default Modal</h3>

<div class="f11y--tabs f11y--tabs--code">
<div role="tablist" aria-labelledby="tablist">
<button id="tab-html-02978903" role="tab" aria-selected="false" aria-controls="tabpanel-html-02978903">
<button id="tab-html-21787215" role="tab" aria-selected="false" aria-controls="tabpanel-html-21787215">
HTML
</button>
<button id="tab-js-02978903" role="tab" aria-selected="false" aria-controls="tabpanel-js-02978903">
<button id="tab-js-21787215" role="tab" aria-selected="false" aria-controls="tabpanel-js-21787215">
JavaScript
</button>
</div>

<div id="tabpanel-html-02978903" role="tabpanel" aria-labelledby="tab-html-02978903">
<pre id="pre-html-02978903" class="line-numbers">
<div id="tabpanel-html-21787215" role="tabpanel" aria-labelledby="tab-html-21787215">
<pre id="pre-html-21787215" class="line-numbers">
<code class="language-markup line-numbers"><!--
<button f11y-layer-open="layer-default">Open Default Modal</button>
<div id="layer-default" aria-hidden="true">
Expand All @@ -429,8 +429,8 @@ <h3 class="h-b f11y-white weight-600">Default Modal</h3>
--></code>
</pre>
</div>
<div id="tabpanel-js-02978903" role="tabpanel" aria-labelledby="tab-js-02978903">
<pre id="pre-js-02978903" class="line-numbers">
<div id="tabpanel-js-21787215" role="tabpanel" aria-labelledby="tab-js-21787215">
<pre id="pre-js-21787215" class="line-numbers">
<code class="language-javascript line-numbers">
const modal = document.querySelector("#layer-default");
new f11y.Layer(modal,
Expand Down Expand Up @@ -480,16 +480,16 @@ <h3 class="h-b f11y-white weight-600">Alert Dialog</h3>
<div class="f11y--tabs f11y--tabs--code">
<div role="tablist" aria-labelledby="tablist">

<button id="tab-html-63820699" role="tab" aria-selected="false" aria-controls="tabpanel-html-63820699">
<button id="tab-html-78448473" role="tab" aria-selected="false" aria-controls="tabpanel-html-78448473">
HTML
</button>
<button id="tab-js-63820699" role="tab" aria-selected="false" aria-controls="tabpanel-js-63820699">
<button id="tab-js-78448473" role="tab" aria-selected="false" aria-controls="tabpanel-js-78448473">
JavaScript
</button>
</div>

<div id="tabpanel-html-63820699" role="tabpanel" aria-labelledby="tab-html-63820699">
<pre id="pre-html-63820699" class="line-numbers">
<div id="tabpanel-html-78448473" role="tabpanel" aria-labelledby="tab-html-78448473">
<pre id="pre-html-78448473" class="line-numbers">
<code class="language-markup line-numbers"><!--
<div class="f11y--accordion">
<div>
Expand Down Expand Up @@ -527,8 +527,8 @@ <h3 class="h-b f11y-white weight-600">Alert Dialog</h3>
--></code>
</pre>
</div>
<div id="tabpanel-js-63820699" role="tabpanel" aria-labelledby="tab-js-63820699">
<pre id="pre-js-63820699" class="line-numbers">
<div id="tabpanel-js-78448473" role="tabpanel" aria-labelledby="tab-js-78448473">
<pre id="pre-js-78448473" class="line-numbers">
<code class="language-javascript line-numbers">
const accordionElm = document.querySelector(".f11y--accordion--programmatic");
const accordionObj = new f11y.Accordion(
Expand Down Expand Up @@ -570,16 +570,16 @@ <h3 class="h-b f11y-white weight-600">Sidebar Shelf</h3>
<div class="f11y--tabs f11y--tabs--code">
<div role="tablist" aria-labelledby="tablist">

<button id="tab-html-13468801" role="tab" aria-selected="false" aria-controls="tabpanel-html-13468801">
<button id="tab-html-57193715" role="tab" aria-selected="false" aria-controls="tabpanel-html-57193715">
HTML
</button>
<button id="tab-js-13468801" role="tab" aria-selected="false" aria-controls="tabpanel-js-13468801">
<button id="tab-js-57193715" role="tab" aria-selected="false" aria-controls="tabpanel-js-57193715">
JavaScript
</button>
</div>

<div id="tabpanel-html-13468801" role="tabpanel" aria-labelledby="tab-html-13468801">
<pre id="pre-html-13468801" class="line-numbers">
<div id="tabpanel-html-57193715" role="tabpanel" aria-labelledby="tab-html-57193715">
<pre id="pre-html-57193715" class="line-numbers">
<code class="language-markup line-numbers"><!--
<div class="f11y--accordion">
<div>
Expand Down Expand Up @@ -617,8 +617,8 @@ <h3 class="h-b f11y-white weight-600">Sidebar Shelf</h3>
--></code>
</pre>
</div>
<div id="tabpanel-js-13468801" role="tabpanel" aria-labelledby="tab-js-13468801">
<pre id="pre-js-13468801" class="line-numbers">
<div id="tabpanel-js-57193715" role="tabpanel" aria-labelledby="tab-js-57193715">
<pre id="pre-js-57193715" class="line-numbers">
<code class="language-javascript line-numbers">
const accordionElm = document.querySelector(".f11y--accordion");
const accordionObj = new f11y.Accordion(
Expand Down
8 changes: 4 additions & 4 deletions docs/package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion docs/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
"browser-sync": "^2.29.3",
"cssnano": "^6.0.1",
"del": "6.1.1",
"f11y": "^0.0.12",
"f11y": "^0.0.13",
"gulp": "^4.0.2",
"gulp-esbuild": "^0.11.2",
"gulp-postcss": "^9.0.1",
Expand Down
16 changes: 8 additions & 8 deletions docs/src/js/app.js
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import f11y from 'f11y';
import { f11yInit } from 'f11y';

console.log(f11y);
const f11y = f11yInit();

const tabLists = document.querySelectorAll(".f11y--tabs--code");
tabLists.forEach(function(tabList) {
const tablistObj = new f11y.TabList(
const tablistObj = new f11yObj.TabList(
tabList,
{
onChange: () => { },
Expand All @@ -16,13 +16,13 @@ tabLists.forEach(function(tabList) {


const accordionDefault = document.querySelector(".f11y--accordion--default");
new f11y.Accordion(
new f11yObj.Accordion(
accordionDefault
);


const accordionCallbackElm = document.querySelector(".f11y--accordion--callback");
const accordionCallbackObj = new f11y.Accordion(
const accordionCallbackObj = new f11yObj.Accordion(
accordionCallbackElm,
{
showMultiple: false,
Expand Down Expand Up @@ -52,12 +52,12 @@ externalCallbackTriggers.forEach(function(trigger) {

const tables = document.querySelectorAll('.f11y--table');
tables.forEach(function(table) {
let myTable = new f11y.Table(table);
let myTable = new f11yObj.Table(table);
});


const layerDefaultModal = document.querySelector("#layer-default");
new f11y.Layer(layerDefaultModal,
new f11yObj.Layer(layerDefaultModal,
{
closeOnBackgroundClick: true,
awaitCloseAnimation: true,
Expand All @@ -67,7 +67,7 @@ new f11y.Layer(layerDefaultModal,


const layerAlertModal = document.querySelector("#layer-alert");
new f11y.Layer(layerAlertModal,
new f11yObj.Layer(layerAlertModal,
{
closeOnBackgroundClick: false,
awaitCloseAnimation: true,
Expand Down

0 comments on commit 28f4325

Please sign in to comment.