lookbook 1.0.0.beta.0 → 1.0.0.beta.3

data/public/lookbook-assets/js/lookbook.js

@@ -7047,10 +7047,10 @@ function $45e94a9374456304$export$2e2bcd8739ae039(Alpine, { prefix: prefix  }) {
 function $6a63819b7ed6d0ed$export$2e2bcd8739ae039(Alpine, { prefix: prefix  }) {
     return {
         minVerticalSplitWidth: 800,
-        preview: {
-            activeTab: Alpine.$persist("").as($7ae6ae39c2ec9059$export$2ce3c33e50a76e49("inspector-preview-active-tab", prefix)),
-            width: Alpine.$persist("100%").as($7ae6ae39c2ec9059$export$2ce3c33e50a76e49("inspector-preview-width", prefix)),
-            height: Alpine.$persist("100%").as($7ae6ae39c2ec9059$export$2ce3c33e50a76e49("inspector-preview-height", prefix)),
+        main: {
+            activeTab: Alpine.$persist("").as($7ae6ae39c2ec9059$export$2ce3c33e50a76e49("inspector-main-active-tab", prefix)),
+            width: Alpine.$persist("100%").as($7ae6ae39c2ec9059$export$2ce3c33e50a76e49("inspector-main-width", prefix)),
+            height: Alpine.$persist("100%").as($7ae6ae39c2ec9059$export$2ce3c33e50a76e49("inspector-main-height", prefix)),
             lastWidth: null,
             lastHeight: null,
             resizing: false
@@ -7849,7 +7849,7 @@ function $5439cede634b2921$var$toCamel(s) {
 }
 
 
-var $b40b0b74537cbda1$exports = {};
+var $e44b48ce5635d6e0$exports = {};
 var $cbd28b10fa9798c7$exports = {};
 
 $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -11579,20 +11579,23 @@ function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
         width: 0,
         height: 0,
         resizing: false,
+        target: null,
         init () {
-            const target = document.querySelector(targetSelector);
-            this.width = Math.round(target.clientWidth);
-            this.height = Math.round(target.clientHeight);
-            this.createObserver();
+            this.target = document.querySelector(targetSelector);
+            if (this.target) {
+                this.width = Math.round(this.target.clientWidth);
+                this.height = Math.round(this.target.clientHeight);
+                this.createObserver();
+            }
         },
         createObserver () {
-            this.observer = $9930d46698775b42$export$a2214cc2adb2dc44(document.querySelector(targetSelector), ({ width: width , height: height  })=>{
+            if (this.target) this.observer = $9930d46698775b42$export$a2214cc2adb2dc44(document.querySelector(targetSelector), ({ width: width , height: height  })=>{
                 this.width = width;
                 this.height = height;
             });
         },
         tearDown () {
-            this.observer.disconnect();
+            if (this.observer) this.observer.disconnect();
         }
     };
 }
@@ -12463,31 +12466,6 @@ function $e1f51f020443edd4$export$2e2bcd8739ae039(id, embedStore) {
 }
 
 
-var $e9904a14dabf652d$exports = {};
-
-$parcel$defineInteropFlag($e9904a14dabf652d$exports);
-
-$parcel$export($e9904a14dabf652d$exports, "default", () => $e9904a14dabf652d$export$2e2bcd8739ae039);
-function $e9904a14dabf652d$export$2e2bcd8739ae039(store) {
-    return {
-        focussed: false,
-        get active () {
-            return store.active;
-        },
-        get text () {
-            return store.text;
-        },
-        clear () {
-            if (store.raw === "") this.$refs.input.blur();
-            else store.raw = "";
-        },
-        focus () {
-            this.$refs.input.focus();
-        }
-    };
-}
-
-
 var $36506012e0c6e9e3$exports = {};
 
 $parcel$defineInteropFlag($36506012e0c6e9e3$exports);
@@ -12542,6 +12520,31 @@ function $d92d9d5253f84566$export$2e2bcd8739ae039(store) {
 }
 
 
+var $e9904a14dabf652d$exports = {};
+
+$parcel$defineInteropFlag($e9904a14dabf652d$exports);
+
+$parcel$export($e9904a14dabf652d$exports, "default", () => $e9904a14dabf652d$export$2e2bcd8739ae039);
+function $e9904a14dabf652d$export$2e2bcd8739ae039(store) {
+    return {
+        focussed: false,
+        get active () {
+            return store.active;
+        },
+        get text () {
+            return store.text;
+        },
+        clear () {
+            if (store.raw === "") this.$refs.input.blur();
+            else store.raw = "";
+        },
+        focus () {
+            this.$refs.input.focus();
+        }
+    };
+}
+
+
 var $b63b9c6d236b3f65$exports = {};
 
 $parcel$defineInteropFlag($b63b9c6d236b3f65$exports);
@@ -12560,6 +12563,33 @@ function $b63b9c6d236b3f65$export$2e2bcd8739ae039() {
 }
 
 
+var $a87dacf5139b5e2f$exports = {};
+
+$parcel$defineInteropFlag($a87dacf5139b5e2f$exports);
+
+$parcel$export($a87dacf5139b5e2f$exports, "default", () => $a87dacf5139b5e2f$export$2e2bcd8739ae039);
+function $a87dacf5139b5e2f$export$2e2bcd8739ae039(store) {
+    return {
+        get store () {
+            return store || this;
+        },
+        get id () {
+            return this.$root.id;
+        },
+        get panels () {
+            return Array.from(this.$refs.panels.children);
+        },
+        isActive (el) {
+            return this.store.activeTab === this._getRef(el);
+        },
+        // protected
+        _getRef (el) {
+            return el.getAttribute("x-ref");
+        }
+    };
+}
+
+
 var $506dabb2bf255b38$exports = {};
 
 $parcel$defineInteropFlag($506dabb2bf255b38$exports);
@@ -13113,30 +13143,6 @@ function $506dabb2bf255b38$var$sizeSplits(sizes) {
 }
 
 
-var $d69ee878996183ed$exports = {};
-
-$parcel$defineInteropFlag($d69ee878996183ed$exports);
-
-$parcel$export($d69ee878996183ed$exports, "default", () => $d69ee878996183ed$export$2e2bcd8739ae039);
-function $d69ee878996183ed$export$2e2bcd8739ae039(store) {
-    return {
-        get id () {
-            return this.$root.id;
-        },
-        get sections () {
-            return Array.from(this.$refs.sections.children);
-        },
-        isActive (el) {
-            return store.activeTab === this._getRef(el);
-        },
-        // protected
-        _getRef (el) {
-            return el.getAttribute("x-ref");
-        }
-    };
-}
-
-
 var $0db07828cadc68e0$exports = {};
 
 $parcel$defineInteropFlag($0db07828cadc68e0$exports);
@@ -13147,13 +13153,16 @@ $parcel$export($0db07828cadc68e0$exports, "default", () => $0db07828cadc68e0$exp
 
 
 function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
-    const initial = store.activeTab || null;
+    const initial1 = store ? store.activeTab : null;
     let dropdown = null;
     return {
         visibleTabsCount: 0,
         triggerLeft: 0,
+        get store () {
+            return store || this;
+        },
         get tabs () {
-            return Array.from(this.$refs.tabs.children);
+            return this.$refs.tabs ? Array.from(this.$refs.tabs.children) : [];
         },
         get dropdownTabs () {
             return Array.from(this.$refs.tabsDropdown ? this.$refs.tabsDropdown.children : []);
@@ -13171,11 +13180,12 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
                     theme: "menu",
                     interactive: true,
                     trigger: "click",
+                    placement: "bottom",
                     appendTo: this.$root
                 });
-                const initialTab = initial ? this.tabs.find((t)=>this._getRef(t) === initial
+                const initialTab = initial1 ? this.tabs.find((t)=>this._getRef(t) === initial1
                 ) : this.tabs[0];
-                this.selectTab(initialTab);
+                this.selectTab(initialTab, true);
                 this.parentObserver = $9930d46698775b42$export$a2214cc2adb2dc44(this.$root.parentElement, (/*@__PURE__*/$parcel$interopDefault($d3ec6a576bb30dc9$exports))(this.handleResize.bind(this), 10));
                 this.$watch("visibleTabsCount", (value)=>{
                     this.debug(`'#${this.$root.id}' visible tabs count:`, value);
@@ -13202,12 +13212,15 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
             this.triggerLeft = triggerLeft;
             this._lastMeasuredWidth = width;
         },
-        selectTab (el) {
-            store.activeTab = this._getRef(el);
+        selectTab (el, initial = false) {
+            this.store.activeTab = this._getRef(el);
             dropdown.hide();
+            if (!initial) this.$dispatch("tabs:change", {
+                tabs: this
+            });
         },
         isSelected (el) {
-            return store.activeTab === this._getRef(el);
+            return this.store.activeTab === this._getRef(el);
         },
         isDisabled (el) {
             return el.getAttribute("data-disabled") == "true";
@@ -13351,18 +13364,18 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
 }
 
 
-$b40b0b74537cbda1$exports = {
+$e44b48ce5635d6e0$exports = {
     "button": $cbd28b10fa9798c7$exports,
     "code": $99486586f6691564$exports,
     "copy_button": $47a1c62621be0c54$exports,
     "dimensions_display": $e398acaded942bbe$exports,
     "embed": $e1f51f020443edd4$exports,
-    "filter": $e9904a14dabf652d$exports,
     "icon": $36506012e0c6e9e3$exports,
     "nav": $d92d9d5253f84566$exports,
+    "filter": $e9904a14dabf652d$exports,
     "params_editor": $b63b9c6d236b3f65$exports,
+    "tab_panels": $a87dacf5139b5e2f$exports,
     "split_layout": $506dabb2bf255b38$exports,
-    "tabbed_content": $d69ee878996183ed$exports,
     "tabs": $0db07828cadc68e0$exports,
     "viewport": $6d64716f0b34fdf4$exports
 };
@@ -13511,7 +13524,7 @@ $caa9439642c6336c$export$2e2bcd8739ae039.store("settings", $96e0343bbb13096b$exp
 // Components
 $caa9439642c6336c$export$2e2bcd8739ae039.data("app", $d709d0f4027033b2$export$2e2bcd8739ae039);
 [
-    $b40b0b74537cbda1$exports,
+    $e44b48ce5635d6e0$exports,
     $e4eab7529959b73b$exports,
     $4979d2d897a1c01f$exports
 ].forEach((scripts)=>{