Bump element fix tabs.

Author: Templarian

package-lock.json

@@ -25,7 +25,7 @@
     "remarkable": "^2.0.1"
   },
   "devDependencies": {
-    "@pictogrammers/element": "0.0.59",
+    "@pictogrammers/element": "0.0.60",
     "@pictogrammers/element-jest": "^0.1.8",
     "@pictogrammers/element-webpack": "^0.1.49",
     "cross-env": "^7.0.3",

package.json

@@ -29,17 +29,19 @@ export default class PgTabs extends HTMLElement {
       type(tab: any) {
         return PgPartialTab;
       },
-      connect: ($tab, tab, $tabs: PgPartialTab[]) => {
+      connect: ($tab: PgPartialTab, tab) => {
         $tab.addEventListener('select', (e: any) => {
+          const $tabs = Array.from(this.$tabset.children) as PgPartialTab[];
           const { index } = e.detail;
           const elements = this.$slot.assignedElements() as PgTab[];
           elements[this.#selectedTab].hide();
           $tabs[this.#selectedTab].selected = false;
           elements[index].show();
-          $tabs[index].selected = true;
+          $tab.selected = true;
           this.#selectedTab = index;
         });
         $tab.addEventListener('arrowleft', (e: any) => {
+          const $tabs = this.$slot.assignedElements() as PgPartialTab[];
           const { index } = e.detail;
           if (this.tabs.length > 1) {
             if (index === 0) {
@@ -51,6 +53,7 @@ export default class PgTabs extends HTMLElement {
           }
         });
         $tab.addEventListener('arrowright',  (e: any) => {
+          const $tabs = this.$slot.assignedElements() as PgPartialTab[];
           const { index } = e.detail;
           if (this.tabs.length > 1) {
             if (index === this.tabs.length - 1) {