@internetarchive/ia-topnav 1.3.9 → 1.3.10-webdev-7394.1

package/.prettierignore

@@ -0,0 +1 @@
+coverage

package/README.md

@@ -5,7 +5,7 @@ https://git.archive.org/www/offshoot/-/blob/main/guides/update-top-nav.md
 ## Installation
 
 ```bash
-yarn add @internetarchive/ia-topnav
+npm i -S @internetarchive/ia-topnav
 ```
 
 ## Usage
@@ -13,7 +13,7 @@ yarn add @internetarchive/ia-topnav
 @see [www/index.html](www/index.html) for the simplest example with all the defaults
 
 * Demo app is in another directory: `/www/index.html`
-  * `npm|yarn start` - runs local server in Demo directory which is in `/www` folder
+  * `npm run start` - runs local server in Demo directory which is in `/www` folder
   * you can also just use your preferred server
   * open demo: `http://localhost:8000/www/index.html`
 
@@ -118,30 +118,30 @@ Please see [src/data/menus.js](the menu objects) for our valid `menus` property.
 ## Prerequisite
 
 ```bash
-yarn install
+npm install
 ```
 
 ## Start Development Server
 
 ```bash
-yarn start  // start development server and typescript compiler
+npm run start  // start development server and typescript compiler
 ```
 then open demo - http://localhost:8000/www/index.html
 
 ## Testing
 
 ```bash
-yarn test
+npm run test
 ```
 
 ## Testing via browserstack
 
 ```bash
-yarn test:bs
+npm run test:bs
 ```
 
 ## Linting
 
 ```bash
-yarn lint
+npm run lint
 ```

package/demo/app-root.ts

@@ -0,0 +1,186 @@
+import { html, css, LitElement, TemplateResult } from 'lit';
+import { customElement, query } from 'lit/decorators.js';
+import '../src/ia-topnav';
+import type TopNav from '../src/ia-topnav';
+
+@customElement('app-root')
+export class AppRoot extends LitElement {
+  @query('ia-topnav')
+  private topnav!: TopNav;
+
+  render() {
+    return html`
+      <ia-topnav> </ia-topnav>
+
+      ${this.devTools}
+    `;
+  }
+
+  private get devTools(): TemplateResult {
+    return html`
+      <div id="dev-tools">
+        <h1>Dev Tools</h1>
+
+        <h2>Username</h2>
+        <fieldset>
+          <button
+            @click=${() => {
+              this.topnav.screenName = 'brewster';
+              this.topnav.username = '@brewster';
+            }}
+          >
+            Switch username to brewster
+          </button>
+
+          <br />
+
+          <button
+            @click=${() => {
+              this.topnav.screenName = 'a😊b😊c😊d😊e😊f😊g😊h😊i😊';
+              this.topnav.username = '@test';
+            }}
+          >
+            Switch username to a😊b😊c😊d😊e😊f😊g😊h😊i😊
+          </button>
+
+          <br />
+
+          <button
+            @click=${() => {
+              this.topnav.screenName =
+                'الدكتور محمالدكتور محمد العجوز محمالدكتور محمد العجوز';
+              this.topnav.username = '@test';
+            }}
+          >
+            Switch username to محمالدكتور محمد العجوز الدكتور محمالدكتور محمد
+            العجوز
+          </button>
+
+          <br />
+
+          <button
+            @click=${() => {
+              this.topnav.username = '';
+              this.topnav.screenName = '';
+            }}
+          >
+            Switch to logged out
+          </button>
+        </fieldset>
+
+        <h2>Local Links</h2>
+        <fieldset>
+          <button
+            @click=${() => {
+              this.topnav.localLinks = false;
+            }}
+          >
+            Disable local links
+          </button>
+          <button
+            @click=${() => {
+              this.topnav.localLinks = true;
+            }}
+          >
+            Enable local links
+          </button>
+        </fieldset>
+
+        <h2>Wayback Count</h2>
+        <fieldset>
+          <button
+            @click=${() => {
+              this.topnav.waybackPagesArchived = 'many, MAAAANNNY';
+            }}
+          >
+            Change WB pages count
+          </button>
+
+          <button
+            @click=${() => {
+              this.topnav.waybackPagesArchived = '740 billion';
+            }}
+          >
+            Reset WB pages count
+          </button>
+        </fieldset>
+
+        <h2>Search</h2>
+        <fieldset>
+          <button
+            @click=${() => {
+              this.topnav.hideSearch = true;
+            }}
+          >
+            Hide Top Row Search button, like on mobile
+          </button>
+          <button
+            @click=${() => {
+              this.topnav.hideSearch = false;
+            }}
+          >
+            Show Top Row Search button, like on mobile
+          </button>
+        </fieldset>
+      </div>
+    `;
+  }
+
+  static styles = css`
+    :host {
+      display: block;
+      font-family: sans-serif;
+    }
+
+    #dev-tools {
+      margin: 1rem;
+    }
+  `;
+}
+
+// <center>
+//   <h1>demo </h1>
+
+//   < button
+// onclick = "document.querySelector('ia-topnav').setAttribute('screenname', 'brewster'); document.querySelector('ia-topnav').setAttribute('username', '@brewster')" >
+//     switch username to brewster
+//   </button>
+//   < br />
+//   <button
+//     onclick="document.querySelector('ia-topnav').setAttribute('screenname', 'a😊b😊c😊d😊e😊f😊g😊h😊i😊'); document.querySelector('ia-topnav').setAttribute('username', '@test')" >
+//     switch username to a😊b😊c😊d😊e😊f😊g😊h😊i😊
+// </button>
+//   < br />
+//   <button
+//     onclick="document.querySelector('ia-topnav').setAttribute('screenname', 'الدكتور محمالدكتور محمد العجوز محمالدكتور محمد العجوز'); document.querySelector('ia-topnav').setAttribute('username', '@test')" >
+//     switch username to محمالدكتور محمد العجوز الدكتور محمالدكتور محمد العجوز
+//   </button>
+//   < br />
+//   <br />
+//   < button onclick = "document.querySelector('ia-topnav').removeAttribute('username')" >
+//     switch to un - logged -in
+//   </button>
+
+//   < hr />
+
+//   <button onclick="document.querySelector('ia-topnav').setAttribute('localLinks', false)" >
+//     switch localLinks false(change to https://archive.org)
+//     </button>
+//     < br />
+//     <button onclick="document.querySelector('ia-topnav').removeAttribute('localLinks')" >
+//     switch to localLinks(default, change links to start with /)
+// </button>
+
+//   < hr />
+//   <button onclick="document.querySelector('ia-topnav').setAttribute('waybackPagesArchived', 'many, MAAAANNNY')" >
+//     change WB pages count
+//       </button>
+
+//       < hr />
+//       <button onclick="document.querySelector('ia-topnav').setAttribute('hideSearch', true)" >
+//         HIDE Top Row Search button, like on mobile
+//           </button>
+//           < button onclick = "document.querySelector('ia-topnav').removeAttribute('hideSearch')" >
+//             SHOW Top Row Search button, like on mobile
+//               </button>
+//               </center>

package/demo/index.html

@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en-GB">
+
+<head>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta charset="utf-8">
+  <style>
+    html {
+      font-size: 10px;
+    }
+
+    body {
+      background: #fafafa;
+      margin: 0;
+      padding: 0;
+    }
+  </style>
+</head>
+
+<body>
+  <app-root></app-root>
+
+  <script type="module" src="../dist/demo/app-root.js">
+  </script>
+</body>
+
+</html>

package/dist/demo/app-root.d.ts

@@ -0,0 +1,8 @@
+import { LitElement, TemplateResult } from 'lit';
+import '../src/ia-topnav';
+export declare class AppRoot extends LitElement {
+    private topnav;
+    render(): TemplateResult<1>;
+    private get devTools();
+    static styles: import("lit").CSSResult;
+}

package/dist/demo/app-root.js

@@ -0,0 +1,181 @@
+import { __decorate } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, query } from 'lit/decorators.js';
+import '../src/ia-topnav';
+let AppRoot = class AppRoot extends LitElement {
+    render() {
+        return html `
+      <ia-topnav> </ia-topnav>
+
+      ${this.devTools}
+    `;
+    }
+    get devTools() {
+        return html `
+      <div id="dev-tools">
+        <h1>Dev Tools</h1>
+
+        <h2>Username</h2>
+        <fieldset>
+          <button
+            @click=${() => {
+            this.topnav.screenName = 'brewster';
+            this.topnav.username = '@brewster';
+        }}
+          >
+            Switch username to brewster
+          </button>
+
+          <br />
+
+          <button
+            @click=${() => {
+            this.topnav.screenName = 'a😊b😊c😊d😊e😊f😊g😊h😊i😊';
+            this.topnav.username = '@test';
+        }}
+          >
+            Switch username to a😊b😊c😊d😊e😊f😊g😊h😊i😊
+          </button>
+
+          <br />
+
+          <button
+            @click=${() => {
+            this.topnav.screenName =
+                'الدكتور محمالدكتور محمد العجوز محمالدكتور محمد العجوز';
+            this.topnav.username = '@test';
+        }}
+          >
+            Switch username to محمالدكتور محمد العجوز الدكتور محمالدكتور محمد
+            العجوز
+          </button>
+
+          <br />
+
+          <button
+            @click=${() => {
+            this.topnav.username = '';
+            this.topnav.screenName = '';
+        }}
+          >
+            Switch to logged out
+          </button>
+        </fieldset>
+
+        <h2>Local Links</h2>
+        <fieldset>
+          <button
+            @click=${() => {
+            this.topnav.localLinks = false;
+        }}
+          >
+            Disable local links
+          </button>
+          <button
+            @click=${() => {
+            this.topnav.localLinks = true;
+        }}
+          >
+            Enable local links
+          </button>
+        </fieldset>
+
+        <h2>Wayback Count</h2>
+        <fieldset>
+          <button
+            @click=${() => {
+            this.topnav.waybackPagesArchived = 'many, MAAAANNNY';
+        }}
+          >
+            Change WB pages count
+          </button>
+
+          <button
+            @click=${() => {
+            this.topnav.waybackPagesArchived = '740 billion';
+        }}
+          >
+            Reset WB pages count
+          </button>
+        </fieldset>
+
+        <h2>Search</h2>
+        <fieldset>
+          <button
+            @click=${() => {
+            this.topnav.hideSearch = true;
+        }}
+          >
+            Hide Top Row Search button, like on mobile
+          </button>
+          <button
+            @click=${() => {
+            this.topnav.hideSearch = false;
+        }}
+          >
+            Show Top Row Search button, like on mobile
+          </button>
+        </fieldset>
+      </div>
+    `;
+    }
+};
+AppRoot.styles = css `
+    :host {
+      display: block;
+      font-family: sans-serif;
+    }
+
+    #dev-tools {
+      margin: 1rem;
+    }
+  `;
+__decorate([
+    query('ia-topnav')
+], AppRoot.prototype, "topnav", void 0);
+AppRoot = __decorate([
+    customElement('app-root')
+], AppRoot);
+export { AppRoot };
+// <center>
+//   <h1>demo </h1>
+//   < button
+// onclick = "document.querySelector('ia-topnav').setAttribute('screenname', 'brewster'); document.querySelector('ia-topnav').setAttribute('username', '@brewster')" >
+//     switch username to brewster
+//   </button>
+//   < br />
+//   <button
+//     onclick="document.querySelector('ia-topnav').setAttribute('screenname', 'a😊b😊c😊d😊e😊f😊g😊h😊i😊'); document.querySelector('ia-topnav').setAttribute('username', '@test')" >
+//     switch username to a😊b😊c😊d😊e😊f😊g😊h😊i😊
+// </button>
+//   < br />
+//   <button
+//     onclick="document.querySelector('ia-topnav').setAttribute('screenname', 'الدكتور محمالدكتور محمد العجوز محمالدكتور محمد العجوز'); document.querySelector('ia-topnav').setAttribute('username', '@test')" >
+//     switch username to محمالدكتور محمد العجوز الدكتور محمالدكتور محمد العجوز
+//   </button>
+//   < br />
+//   <br />
+//   < button onclick = "document.querySelector('ia-topnav').removeAttribute('username')" >
+//     switch to un - logged -in
+//   </button>
+//   < hr />
+//   <button onclick="document.querySelector('ia-topnav').setAttribute('localLinks', false)" >
+//     switch localLinks false(change to https://archive.org)
+//     </button>
+//     < br />
+//     <button onclick="document.querySelector('ia-topnav').removeAttribute('localLinks')" >
+//     switch to localLinks(default, change links to start with /)
+// </button>
+//   < hr />
+//   <button onclick="document.querySelector('ia-topnav').setAttribute('waybackPagesArchived', 'many, MAAAANNNY')" >
+//     change WB pages count
+//       </button>
+//       < hr />
+//       <button onclick="document.querySelector('ia-topnav').setAttribute('hideSearch', true)" >
+//         HIDE Top Row Search button, like on mobile
+//           </button>
+//           < button onclick = "document.querySelector('ia-topnav').removeAttribute('hideSearch')" >
+//             SHOW Top Row Search button, like on mobile
+//               </button>
+//               </center>
+//# sourceMappingURL=app-root.js.map

package/dist/demo/app-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-root.js","sourceRoot":"","sources":["../../demo/app-root.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,kBAAkB,CAAC;AAInB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAIrC,MAAM;QACJ,OAAO,IAAI,CAAA;;;QAGP,IAAI,CAAC,QAAQ;KAChB,CAAC;IACJ,CAAC;IAED,IAAY,QAAQ;QAClB,OAAO,IAAI,CAAA;;;;;;;qBAOM,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;YACpC,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,WAAW,CAAC;QACrC,CAAC;;;;;;;;qBAQQ,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,6BAA6B,CAAC;YACvD,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,OAAO,CAAC;QACjC,CAAC;;;;;;;;qBAQQ,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,CAAC,UAAU;gBACpB,uDAAuD,CAAC;YAC1D,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,OAAO,CAAC;QACjC,CAAC;;;;;;;;;qBASQ,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,CAAC,QAAQ,GAAG,EAAE,CAAC;YAC1B,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,EAAE,CAAC;QAC9B,CAAC;;;;;;;;;qBASQ,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC;QACjC,CAAC;;;;;qBAKQ,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC;QAChC,CAAC;;;;;;;;;qBASQ,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,CAAC,oBAAoB,GAAG,iBAAiB,CAAC;QACvD,CAAC;;;;;;qBAMQ,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,CAAC,oBAAoB,GAAG,aAAa,CAAC;QACnD,CAAC;;;;;;;;;qBASQ,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC;QAChC,CAAC;;;;;qBAKQ,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC;QACjC,CAAC;;;;;;KAMR,CAAC;IACJ,CAAC;;AAEM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;GASlB,AATY,CASX;AAjIM;IADP,KAAK,CAAC,WAAW,CAAC;uCACK;AAFb,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAoInB;;AAED,WAAW;AACX,mBAAmB;AAEnB,aAAa;AACb,sKAAsK;AACtK,kCAAkC;AAClC,cAAc;AACd,YAAY;AACZ,YAAY;AACZ,uLAAuL;AACvL,qDAAqD;AACrD,YAAY;AACZ,YAAY;AACZ,YAAY;AACZ,iNAAiN;AACjN,+EAA+E;AAC/E,cAAc;AACd,YAAY;AACZ,WAAW;AACX,2FAA2F;AAC3F,gCAAgC;AAChC,cAAc;AAEd,YAAY;AAEZ,8FAA8F;AAC9F,6DAA6D;AAC7D,gBAAgB;AAChB,cAAc;AACd,4FAA4F;AAC5F,kEAAkE;AAClE,YAAY;AAEZ,YAAY;AACZ,oHAAoH;AACpH,4BAA4B;AAC5B,kBAAkB;AAElB,gBAAgB;AAChB,iGAAiG;AACjG,qDAAqD;AACrD,sBAAsB;AACtB,qGAAqG;AACrG,yDAAyD;AACzD,0BAA0B;AAC1B,0BAA0B","sourcesContent":["import { html, css, LitElement, TemplateResult } from 'lit';\nimport { customElement, query } from 'lit/decorators.js';\nimport '../src/ia-topnav';\nimport type TopNav from '../src/ia-topnav';\n\n@customElement('app-root')\nexport class AppRoot extends LitElement {\n  @query('ia-topnav')\n  private topnav!: TopNav;\n\n  render() {\n    return html`\n      <ia-topnav> </ia-topnav>\n\n      ${this.devTools}\n    `;\n  }\n\n  private get devTools(): TemplateResult {\n    return html`\n      <div id=\"dev-tools\">\n        <h1>Dev Tools</h1>\n\n        <h2>Username</h2>\n        <fieldset>\n          <button\n            @click=${() => {\n              this.topnav.screenName = 'brewster';\n              this.topnav.username = '@brewster';\n            }}\n          >\n            Switch username to brewster\n          </button>\n\n          <br />\n\n          <button\n            @click=${() => {\n              this.topnav.screenName = 'a😊b😊c😊d😊e😊f😊g😊h😊i😊';\n              this.topnav.username = '@test';\n            }}\n          >\n            Switch username to a😊b😊c😊d😊e😊f😊g😊h😊i😊\n          </button>\n\n          <br />\n\n          <button\n            @click=${() => {\n              this.topnav.screenName =\n                'الدكتور محمالدكتور محمد العجوز محمالدكتور محمد العجوز';\n              this.topnav.username = '@test';\n            }}\n          >\n            Switch username to محمالدكتور محمد العجوز الدكتور محمالدكتور محمد\n            العجوز\n          </button>\n\n          <br />\n\n          <button\n            @click=${() => {\n              this.topnav.username = '';\n              this.topnav.screenName = '';\n            }}\n          >\n            Switch to logged out\n          </button>\n        </fieldset>\n\n        <h2>Local Links</h2>\n        <fieldset>\n          <button\n            @click=${() => {\n              this.topnav.localLinks = false;\n            }}\n          >\n            Disable local links\n          </button>\n          <button\n            @click=${() => {\n              this.topnav.localLinks = true;\n            }}\n          >\n            Enable local links\n          </button>\n        </fieldset>\n\n        <h2>Wayback Count</h2>\n        <fieldset>\n          <button\n            @click=${() => {\n              this.topnav.waybackPagesArchived = 'many, MAAAANNNY';\n            }}\n          >\n            Change WB pages count\n          </button>\n\n          <button\n            @click=${() => {\n              this.topnav.waybackPagesArchived = '740 billion';\n            }}\n          >\n            Reset WB pages count\n          </button>\n        </fieldset>\n\n        <h2>Search</h2>\n        <fieldset>\n          <button\n            @click=${() => {\n              this.topnav.hideSearch = true;\n            }}\n          >\n            Hide Top Row Search button, like on mobile\n          </button>\n          <button\n            @click=${() => {\n              this.topnav.hideSearch = false;\n            }}\n          >\n            Show Top Row Search button, like on mobile\n          </button>\n        </fieldset>\n      </div>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      display: block;\n      font-family: sans-serif;\n    }\n\n    #dev-tools {\n      margin: 1rem;\n    }\n  `;\n}\n\n// <center>\n//   <h1>demo </h1>\n\n//   < button\n// onclick = \"document.querySelector('ia-topnav').setAttribute('screenname', 'brewster'); document.querySelector('ia-topnav').setAttribute('username', '@brewster')\" >\n//     switch username to brewster\n//   </button>\n//   < br />\n//   <button\n//     onclick=\"document.querySelector('ia-topnav').setAttribute('screenname', 'a😊b😊c😊d😊e😊f😊g😊h😊i😊'); document.querySelector('ia-topnav').setAttribute('username', '@test')\" >\n//     switch username to a😊b😊c😊d😊e😊f😊g😊h😊i😊\n// </button>\n//   < br />\n//   <button\n//     onclick=\"document.querySelector('ia-topnav').setAttribute('screenname', 'الدكتور محمالدكتور محمد العجوز محمالدكتور محمد العجوز'); document.querySelector('ia-topnav').setAttribute('username', '@test')\" >\n//     switch username to محمالدكتور محمد العجوز الدكتور محمالدكتور محمد العجوز\n//   </button>\n//   < br />\n//   <br />\n//   < button onclick = \"document.querySelector('ia-topnav').removeAttribute('username')\" >\n//     switch to un - logged -in\n//   </button>\n\n//   < hr />\n\n//   <button onclick=\"document.querySelector('ia-topnav').setAttribute('localLinks', false)\" >\n//     switch localLinks false(change to https://archive.org)\n//     </button>\n//     < br />\n//     <button onclick=\"document.querySelector('ia-topnav').removeAttribute('localLinks')\" >\n//     switch to localLinks(default, change links to start with /)\n// </button>\n\n//   < hr />\n//   <button onclick=\"document.querySelector('ia-topnav').setAttribute('waybackPagesArchived', 'many, MAAAANNNY')\" >\n//     change WB pages count\n//       </button>\n\n//       < hr />\n//       <button onclick=\"document.querySelector('ia-topnav').setAttribute('hideSearch', true)\" >\n//         HIDE Top Row Search button, like on mobile\n//           </button>\n//           < button onclick = \"document.querySelector('ia-topnav').removeAttribute('hideSearch')\" >\n//             SHOW Top Row Search button, like on mobile\n//               </button>\n//               </center>\n"]}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+import IATopNav from './src/ia-topnav';
+export default IATopNav;

package/dist/index.js

@@ -0,0 +1,3 @@
+import IATopNav from './src/ia-topnav';
+export default IATopNav;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,eAAe,QAAQ,CAAC","sourcesContent":["import IATopNav from './src/ia-topnav';\n\nexport default IATopNav;\n"]}

package/dist/src/assets/img/hamburger.d.ts

@@ -0,0 +1,7 @@
+import Icon from './icon';
+export declare class HamBurger extends Icon {
+    static get styles(): import("lit").CSSResult;
+    static get closed(): import("lit").TemplateResult<1>;
+    static get opened(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/src/assets/img/hamburger.js

@@ -0,0 +1,51 @@
+var HamBurger_1;
+import { __decorate } from "tslib";
+import { html, css } from 'lit';
+import Icon from './icon';
+import icons from './icons';
+import { customElement } from 'lit/decorators.js';
+let HamBurger = HamBurger_1 = class HamBurger extends Icon {
+    static get styles() {
+        return css `
+      svg {
+        display: block;
+        height: 4rem;
+        width: 4rem;
+      }
+      .fill-color {
+        fill: var(--activeColor);
+      }
+    `;
+    }
+    static get closed() {
+        return html `
+      <svg
+        viewBox="0 0 40 40"
+        xmlns="http://www.w3.org/2000/svg"
+        aria-labelledby="hamburgerTitleID hamburgerDescID"
+      >
+        <title id="hamburgerTitleID">Hamburger icon</title>
+        <desc id="hamburgerDescID">
+          An icon used to represent a menu that can be toggled by interacting
+          with this icon.
+        </desc>
+        <path
+          d="m30.5 26.5c.8284271 0 1.5.6715729 1.5 1.5s-.6715729 1.5-1.5 1.5h-21c-.82842712 0-1.5-.6715729-1.5-1.5s.67157288-1.5 1.5-1.5zm0-8c.8284271 0 1.5.6715729 1.5 1.5s-.6715729 1.5-1.5 1.5h-21c-.82842712 0-1.5-.6715729-1.5-1.5s.67157288-1.5 1.5-1.5zm0-8c.8284271 0 1.5.6715729 1.5 1.5s-.6715729 1.5-1.5 1.5h-21c-.82842712 0-1.5-.6715729-1.5-1.5s.67157288-1.5 1.5-1.5z"
+          fill="#999"
+          fill-rule="evenodd"
+        />
+      </svg>
+    `;
+    }
+    static get opened() {
+        return icons.close;
+    }
+    render() {
+        return this.active ? HamBurger_1.opened : HamBurger_1.closed;
+    }
+};
+HamBurger = HamBurger_1 = __decorate([
+    customElement('icon-hamburger')
+], HamBurger);
+export { HamBurger };
+//# sourceMappingURL=hamburger.js.map

package/dist/src/assets/img/hamburger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hamburger.js","sourceRoot":"","sources":["../../../../src/assets/img/hamburger.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,SAAS,iBAAf,MAAM,SAAU,SAAQ,IAAI;IACjC,MAAM,KAAK,MAAM;QACf,OAAO,GAAG,CAAA;;;;;;;;;KAST,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;KAiBV,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,KAAK,CAAC,KAAK,CAAC;IACrB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,WAAS,CAAC,MAAM,CAAC,CAAC,CAAC,WAAS,CAAC,MAAM,CAAC;IAC3D,CAAC;CACF,CAAA;AA1CY,SAAS;IADrB,aAAa,CAAC,gBAAgB,CAAC;GACnB,SAAS,CA0CrB","sourcesContent":["import { html, css } from 'lit';\nimport Icon from './icon';\nimport icons from './icons';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('icon-hamburger')\nexport class HamBurger extends Icon {\n  static get styles() {\n    return css`\n      svg {\n        display: block;\n        height: 4rem;\n        width: 4rem;\n      }\n      .fill-color {\n        fill: var(--activeColor);\n      }\n    `;\n  }\n\n  static get closed() {\n    return html`\n      <svg\n        viewBox=\"0 0 40 40\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-labelledby=\"hamburgerTitleID hamburgerDescID\"\n      >\n        <title id=\"hamburgerTitleID\">Hamburger icon</title>\n        <desc id=\"hamburgerDescID\">\n          An icon used to represent a menu that can be toggled by interacting\n          with this icon.\n        </desc>\n        <path\n          d=\"m30.5 26.5c.8284271 0 1.5.6715729 1.5 1.5s-.6715729 1.5-1.5 1.5h-21c-.82842712 0-1.5-.6715729-1.5-1.5s.67157288-1.5 1.5-1.5zm0-8c.8284271 0 1.5.6715729 1.5 1.5s-.6715729 1.5-1.5 1.5h-21c-.82842712 0-1.5-.6715729-1.5-1.5s.67157288-1.5 1.5-1.5zm0-8c.8284271 0 1.5.6715729 1.5 1.5s-.6715729 1.5-1.5 1.5h-21c-.82842712 0-1.5-.6715729-1.5-1.5s.67157288-1.5 1.5-1.5z\"\n          fill=\"#999\"\n          fill-rule=\"evenodd\"\n        />\n      </svg>\n    `;\n  }\n\n  static get opened() {\n    return icons.close;\n  }\n\n  render() {\n    return this.active ? HamBurger.opened : HamBurger.closed;\n  }\n}\n"]}

package/dist/src/assets/img/ia-icon.d.ts

@@ -0,0 +1,7 @@
+import { LitElement, TemplateResult } from 'lit';
+import './icons';
+export declare class IAIcon extends LitElement {
+    icon: string;
+    static get icons(): Record<string, TemplateResult>;
+    render(): TemplateResult;
+}

package/dist/src/assets/img/ia-icon.js

@@ -0,0 +1,33 @@
+var IAIcon_1;
+import { __decorate } from "tslib";
+import { LitElement, html } from 'lit';
+import './icons';
+import { customElement, property } from 'lit/decorators.js';
+let IAIcon = IAIcon_1 = class IAIcon extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = '';
+    }
+    static get icons() {
+        return {
+            audio: html `<icon-audio></icon-audio>`,
+            ellipses: html `<icon-ellipses></icon-ellipses>`,
+            images: html `<icon-images></icon-images>`,
+            software: html `<icon-software></icon-software>`,
+            texts: html `<icon-texts></icon-texts>`,
+            video: html `<icon-video></icon-video>`,
+            web: html `<icon-web></icon-web>`,
+        };
+    }
+    render() {
+        return IAIcon_1.icons[this.icon];
+    }
+};
+__decorate([
+    property({ type: String })
+], IAIcon.prototype, "icon", void 0);
+IAIcon = IAIcon_1 = __decorate([
+    customElement('ia-icon')
+], IAIcon);
+export { IAIcon };
+//# sourceMappingURL=ia-icon.js.map

package/dist/src/assets/img/ia-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ia-icon.js","sourceRoot":"","sources":["../../../../src/assets/img/ia-icon.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AACvD,OAAO,SAAS,CAAC;AACjB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,MAAM,cAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QACuB,SAAI,GAAG,EAAE,CAAC;IAiBxC,CAAC;IAfC,MAAM,KAAK,KAAK;QACd,OAAO;YACL,KAAK,EAAE,IAAI,CAAA,2BAA2B;YACtC,QAAQ,EAAE,IAAI,CAAA,iCAAiC;YAC/C,MAAM,EAAE,IAAI,CAAA,6BAA6B;YACzC,QAAQ,EAAE,IAAI,CAAA,iCAAiC;YAC/C,KAAK,EAAE,IAAI,CAAA,2BAA2B;YACtC,KAAK,EAAE,IAAI,CAAA,2BAA2B;YACtC,GAAG,EAAE,IAAI,CAAA,uBAAuB;SACjC,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,QAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;CACF,CAAA;AAjB6B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAAW;AAD3B,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAkBlB","sourcesContent":["import { LitElement, TemplateResult, html } from 'lit';\nimport './icons';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('ia-icon')\nexport class IAIcon extends LitElement {\n  @property({ type: String }) icon = '';\n\n  static get icons(): Record<string, TemplateResult> {\n    return {\n      audio: html`<icon-audio></icon-audio>`,\n      ellipses: html`<icon-ellipses></icon-ellipses>`,\n      images: html`<icon-images></icon-images>`,\n      software: html`<icon-software></icon-software>`,\n      texts: html`<icon-texts></icon-texts>`,\n      video: html`<icon-video></icon-video>`,\n      web: html`<icon-web></icon-web>`,\n    };\n  }\n\n  render() {\n    return IAIcon.icons[this.icon];\n  }\n}\n"]}

package/dist/src/assets/img/icon-audio.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").TemplateResult<1>;
+export default _default;

package/dist/src/assets/img/icon-audio.js

@@ -0,0 +1,28 @@
+import { html } from 'lit';
+export default html `
+  <svg
+    width="40px"
+    height="40px"
+    viewBox="0 0 40 40"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby="audioTitleID audioDescID"
+  >
+    <title id="audioTitleID">Audio icon</title>
+    <desc id="audioDescID">An illustration of an audio speaker.</desc>
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+      <g transform="translate(10, 8)" class="fill-color">
+        <path
+          d="M19.4264564,11.8585048 L19.4264564,20.7200433 C19.4264564,22.3657576 18.8838179,23.2519114 16.8489237,23.2519114 C12.2364969,23.125318 7.75972977,23.125318 3.14730298,23.2519114 C1.24806842,23.2519114 0.569770368,22.492351 0.569770368,20.7200433 L0.569770368,2.74377955 C0.569770368,1.09806526 1.11240881,0.211911416 3.14730298,0.211911416 C7.75972977,0.338504822 12.2364969,0.338504822 16.8489237,0.211911416 C18.7481583,0.211911416 19.4264564,0.971471855 19.4264564,2.74377955 C19.2907967,5.78202131 19.4264564,8.82026306 19.4264564,11.8585048 L19.4264564,11.8585048 Z M10.0659432,2.74377955 C8.16670861,2.74377955 6.67445288,4.13630702 6.67445288,5.90861471 C6.67445288,7.6809224 8.16670861,9.07344988 10.0659432,9.07344988 C11.9651777,9.07344988 13.4574335,7.6809224 13.4574335,5.90861471 C13.4574335,4.13630702 11.8295181,2.74377955 10.0659432,2.74377955 L10.0659432,2.74377955 Z M10.0659432,11.4787246 C7.21709133,11.4787246 5.04653754,13.6308125 5.04653754,16.1626806 C5.04653754,18.8211422 7.35275094,20.8466367 10.0659432,20.8466367 C12.914795,20.8466367 15.0853488,18.6945488 15.0853488,16.1626806 C15.0853488,13.6308125 12.7791354,11.4787246 10.0659432,11.4787246 L10.0659432,11.4787246 Z"
+        ></path>
+        <ellipse
+          cx="10.2016028"
+          cy="16.5690777"
+          rx="1.35659611"
+          ry="1.34075134"
+        ></ellipse>
+      </g>
+    </g>
+  </svg>
+`;
+//# sourceMappingURL=icon-audio.js.map

package/dist/src/assets/img/icon-audio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-audio.js","sourceRoot":"","sources":["../../../../src/assets/img/icon-audio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE3B,eAAe,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC","sourcesContent":["import { html } from 'lit';\n\nexport default html`\n  <svg\n    width=\"40px\"\n    height=\"40px\"\n    viewBox=\"0 0 40 40\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-labelledby=\"audioTitleID audioDescID\"\n  >\n    <title id=\"audioTitleID\">Audio icon</title>\n    <desc id=\"audioDescID\">An illustration of an audio speaker.</desc>\n    <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n      <g transform=\"translate(10, 8)\" class=\"fill-color\">\n        <path\n          d=\"M19.4264564,11.8585048 L19.4264564,20.7200433 C19.4264564,22.3657576 18.8838179,23.2519114 16.8489237,23.2519114 C12.2364969,23.125318 7.75972977,23.125318 3.14730298,23.2519114 C1.24806842,23.2519114 0.569770368,22.492351 0.569770368,20.7200433 L0.569770368,2.74377955 C0.569770368,1.09806526 1.11240881,0.211911416 3.14730298,0.211911416 C7.75972977,0.338504822 12.2364969,0.338504822 16.8489237,0.211911416 C18.7481583,0.211911416 19.4264564,0.971471855 19.4264564,2.74377955 C19.2907967,5.78202131 19.4264564,8.82026306 19.4264564,11.8585048 L19.4264564,11.8585048 Z M10.0659432,2.74377955 C8.16670861,2.74377955 6.67445288,4.13630702 6.67445288,5.90861471 C6.67445288,7.6809224 8.16670861,9.07344988 10.0659432,9.07344988 C11.9651777,9.07344988 13.4574335,7.6809224 13.4574335,5.90861471 C13.4574335,4.13630702 11.8295181,2.74377955 10.0659432,2.74377955 L10.0659432,2.74377955 Z M10.0659432,11.4787246 C7.21709133,11.4787246 5.04653754,13.6308125 5.04653754,16.1626806 C5.04653754,18.8211422 7.35275094,20.8466367 10.0659432,20.8466367 C12.914795,20.8466367 15.0853488,18.6945488 15.0853488,16.1626806 C15.0853488,13.6308125 12.7791354,11.4787246 10.0659432,11.4787246 L10.0659432,11.4787246 Z\"\n        ></path>\n        <ellipse\n          cx=\"10.2016028\"\n          cy=\"16.5690777\"\n          rx=\"1.35659611\"\n          ry=\"1.34075134\"\n        ></ellipse>\n      </g>\n    </g>\n  </svg>\n`;\n"]}

package/dist/src/assets/img/icon-close.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").TemplateResult<1>;
+export default _default;