smoothly 1.26.0 → 1.28.0

package/dist/cjs/smoothly-app_99.cjs.entry.js

@@ -3984,7 +3984,7 @@ const SmoothlyDisplayJsonObject = class {
 };
 SmoothlyDisplayJsonObject.style = SmoothlyDisplayJsonObjectStyle0;
 
-const styleCss$18 = ".sc-smoothly-display-json-primitive-h{font-family:monospace;display:inline;word-wrap:anywhere}[hidden].sc-smoothly-display-json-primitive-h{display:none}.string.sc-smoothly-display-json-primitive-h,.number.sc-smoothly-display-json-primitive-h,.boolean.sc-smoothly-display-json-primitive-h{font-weight:bold}.string.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-primary-color))}.number.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-secondary-color))}.boolean.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-tertiary-color))}.null.sc-smoothly-display-json-primitive-h,.undefined.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-medium-color))}";
+const styleCss$18 = ".sc-smoothly-display-json-primitive-h{font-family:monospace;display:inline;overflow-wrap:anywhere;white-space:pre-wrap}[hidden].sc-smoothly-display-json-primitive-h{display:none}.string.sc-smoothly-display-json-primitive-h,.number.sc-smoothly-display-json-primitive-h,.boolean.sc-smoothly-display-json-primitive-h{font-weight:bold}.string.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-primary-color))}.number.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-secondary-color))}.boolean.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-tertiary-color))}.null.sc-smoothly-display-json-primitive-h,.undefined.sc-smoothly-display-json-primitive-h{color:rgb(var(--smoothly-medium-color))}";
 const SmoothlyDisplayJsonPrimitiveStyle0 = styleCss$18;
 
 const SmoothlyDisplayJsonPrimitive = class {
@@ -12691,14 +12691,19 @@ const SmoothlyTabs = class {
         this.selectedElement = undefined;
     }
     onInputLoad(event) {
+        event.stopPropagation();
         if (event.target instanceof HTMLElement && !this.tabElements.includes(event.target)) {
             this.tabElements = [...this.tabElements, event.target];
         }
     }
+    isSmoothlyTabElement(element) {
+        return (element === null || element === void 0 ? void 0 : element.tagName) == "SMOOTHLY-TAB";
+    }
     openChanged(event) {
-        if (event.target != this.element) {
+        const target = event.target;
+        if (this.isSmoothlyTabElement(target)) {
             event.stopPropagation();
-            this.selectedElement = event.target;
+            this.selectedElement = target;
             this.smoothlyTabOpen.emit(event.detail);
         }
     }
@@ -12707,9 +12712,8 @@ const SmoothlyTabs = class {
             old.open = false;
     }
     render() {
-        return (index.h(index.Host, { key: '6e50615465bcf1c2aa5bd85b6a2fd34903f402b5', class: { "hide-tabs": this.tabs == "multiple" && this.tabElements.length == 1 }, style: { "--tabs": `${this.tabElements.length}` } }, index.h("slot", { key: '86014dd4af9e745534d6b62061581d76fcd2e21c' })));
+        return (index.h(index.Host, { key: 'd723996b7544e6a5c321e29b20d5ed602c397a6c', class: { "hide-tabs": this.tabs == "multiple" && this.tabElements.length == 1 }, style: { "--tabs": `${this.tabElements.length}` } }, index.h("slot", { key: 'f27d95fd35080b58604e50685b5a923e3bbaeb18' })));
     }
-    get element() { return index.getElement(this); }
     static get watchers() { return {
         "selectedElement": ["onSelectedChange"]
     }; }