@studiometa/ui 0.1.0 → 0.1.1

package/Accordion/Accordion.d.ts

@@ -34,6 +34,7 @@ export default class Accordion extends Base {
      */
     static config: {
         name: string;
+        emits: string[];
         options: {
             autoclose: BooleanConstructor;
             item: {

package/Accordion/Accordion.js

@@ -2,6 +2,7 @@ import { Base } from '@studiometa/js-toolkit';
 export default class Accordion extends Base {
   static config = {
     name: 'Accordion',
+    emits: ['open', 'close'],
     options: {
       autoclose: Boolean,
       item: {

package/Accordion/AccordionItem.d.ts

@@ -44,6 +44,7 @@ export default class AccordionItem extends Base {
     static config: {
         name: string;
         refs: string[];
+        emits: string[];
         options: {
             isOpen: BooleanConstructor;
             styles: {

package/Accordion/AccordionItem.js

@@ -7,6 +7,7 @@ export default class AccordionItem extends Base {
   static config = {
     name: 'AccordionItem',
     refs: ['btn', 'content', 'container'],
+    emits: ['open', 'close'],
     options: {
       isOpen: Boolean,
       styles: {

package/Accordion/index.d.ts

@@ -14,6 +14,7 @@ declare class Accordion extends AccordionCore {
             AccordionItem: typeof AccordionItem;
         };
         name: string;
+        emits: string[];
         options: {
             autoclose: BooleanConstructor;
             item: {

package/Modal.d.ts

@@ -40,6 +40,7 @@ export default class Modal extends Base {
     static config: {
         name: string;
         refs: string[];
+        emits: string[];
         options: {
             move: StringConstructor;
             autofocus: {
@@ -80,9 +81,9 @@ export default class Modal extends Base {
      */
     mounted(): ModalInterface;
     isOpen: boolean;
-    refModalPlaceholder: Comment;
-    refModalParentBackup: any;
-    refModalUnbindGetRefFilter: any;
+    __refsBackup: import("@studiometa/js-toolkit/Base/managers/RefsManager").default & ModalRefs;
+    __refModalPlaceholder: Comment;
+    __refModalParentBackup: HTMLElement;
     /**
      * Unbind all events on destroy.
      *

package/Modal.js

@@ -5,6 +5,7 @@ export default class Modal extends Base {
   static config = {
     name: 'Modal',
     refs: ['close', 'container', 'content', 'modal', 'open', 'overlay'],
+    emits: ['open', 'close'],
     options: {
       move: String,
       autofocus: {
@@ -44,33 +45,42 @@ export default class Modal extends Base {
 
     if (this.$options.move) {
       const target = document.querySelector(this.$options.move) || document.body;
-      const refsBackup = this.$refs;
-      this.refModalPlaceholder = document.createComment('');
-      this.refModalParentBackup = this.$refs.modal.parentElement || this.$el;
-      this.refModalParentBackup.insertBefore(this.refModalPlaceholder, this.$refs.modal);
-      this.refModalUnbindGetRefFilter = this.$on('get:refs', refs => {
-        Object.entries(refsBackup).forEach(([key, ref]) => {
-          if (!refs[key]) {
-            refs[key] = ref;
-          }
-        });
-      });
+      this.__refsBackup = this.$refs;
+      this.__refModalPlaceholder = document.createComment('');
+      this.__refModalParentBackup = this.$refs.modal.parentElement || this.$el;
+
+      this.__refModalParentBackup.insertBefore(this.__refModalPlaceholder, this.$refs.modal);
+
       target.appendChild(this.$refs.modal);
     }
 
     return this;
   }
 
+  get $refs() {
+    const $refs = super.$refs;
+
+    if (this.$options.move && this.__refsBackup) {
+      Object.entries(this.__refsBackup).forEach(([key, ref]) => {
+        if (!$refs[key]) {
+          $refs[key] = ref;
+        }
+      });
+    }
+
+    return $refs;
+  }
+
   destroyed() {
     this.close();
 
-    if (this.$options.move && this.refModalParentBackup) {
-      this.refModalParentBackup.insertBefore(this.$refs.modal, this.refModalPlaceholder);
-      this.refModalUnbindGetRefFilter();
-      this.refModalPlaceholder.remove();
-      delete this.refModalPlaceholder;
-      delete this.refModalParentBackup;
-      delete this.refModalUnbindGetRefFilter;
+    if (this.$options.move && this.__refModalParentBackup) {
+      this.__refModalParentBackup.insertBefore(this.$refs.modal, this.__refModalPlaceholder);
+
+      this.__refModalPlaceholder.remove();
+
+      delete this.__refModalPlaceholder;
+      delete this.__refModalParentBackup;
     }
 
     return this;

package/Tabs.d.ts

@@ -40,6 +40,7 @@ export default class Tabs extends Base {
     static config: {
         name: string;
         refs: string[];
+        emits: string[];
         options: {
             styles: {
                 type: ObjectConstructor;

package/Tabs.js

@@ -4,6 +4,7 @@ export default class Tabs extends Base {
   static config = {
     name: 'Tabs',
     refs: ['btn[]', 'content[]'],
+    emits: ['enable', 'disable'],
     options: {
       styles: {
         type: Object,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A set of opiniated, unstyled and accessible components",
   "publishConfig": {
     "access": "public"
@@ -29,8 +29,8 @@
   },
   "homepage": "https://github.com/studiometa/ui#readme",
   "dependencies": {
-    "@studiometa/js-toolkit": "^2.0.0-alpha.8",
+    "@studiometa/js-toolkit": "^2.0.0-beta.8",
     "deepmerge": "^4.2.2",
-    "motion": "^10.2.1"
+    "motion": "^10.5.0"
   }
 }