@beeq/core 1.7.0 → 1.8.0-beta.0

package/dist/components/bq-textarea.js

@@ -130,15 +130,15 @@ const BqTextarea$1 = /*@__PURE__*/ proxyCustomElement(class BqTextarea extends H
     // ===================================
     render() {
         var _a, _b;
-        return (h("div", { key: '271e97c5ddf1cd953f7d5abdd86e8a8821867ef1', class: "bq-textarea flex flex-auto flex-col", part: "base" }, h("label", { key: 'd8d0904f1865ccdf6a11fabbc94773bd0324c772', class: { 'bq-textarea__label': true, '!hidden': !this.hasLabel }, htmlFor: (_a = this.name) !== null && _a !== void 0 ? _a : this.fallbackId, ref: (label) => (this.labelElem = label), part: "label" }, h("slot", { key: 'c01baf3da6cb299d5b958135d530c4db6a98e2c0', name: "label", onSlotchange: this.handleLabelSlotChange })), h("textarea", { key: '9fbb5c04a875de481a7281c72dbe79d52282f089', id: (_b = this.name) !== null && _b !== void 0 ? _b : this.fallbackId, class: {
+        return (h("div", { key: '06b0757fa073ff0bdfdf22e14b80df437f135706', class: "bq-textarea flex flex-auto flex-col", part: "base" }, h("label", { key: 'b9817a35ac4e7175a1d59f63c328d063ffb88299', class: { 'bq-textarea__label': true, '!hidden': !this.hasLabel }, htmlFor: (_a = this.name) !== null && _a !== void 0 ? _a : this.fallbackId, ref: (label) => (this.labelElem = label), part: "label" }, h("slot", { key: '52c27fdeb929ae046ce1beb29fc2b4c6566dc243', name: "label", onSlotchange: this.handleLabelSlotChange })), h("textarea", { key: '1467a427f5e1c3e015ddaf74ec11043c02ed036b', id: (_b = this.name) !== null && _b !== void 0 ? _b : this.fallbackId, class: {
                 'bq-textarea__input': true,
                 'resize-none': this.disableResize,
                 [`validation-${this.validationStatus}`]: true,
-            }, autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autocorrect: this.autocorrect, autofocus: this.autofocus, disabled: this.disabled, form: this.form, maxLength: this.maxlength > 0 ? this.maxlength : undefined, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, spellcheck: this.spellcheck, wrap: this.wrap, ref: (elem) => (this.textarea = elem), onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, part: "input" }, this.value), h("div", { key: '7bb0615d30c37cc6b43022922c9abf1ffd9c7a1a', class: {
+            }, autocapitalize: this.autocapitalize, autocomplete: this.autocomplete, autocorrect: this.autocorrect, autofocus: this.autofocus, disabled: this.disabled, form: this.form, maxLength: this.maxlength > 0 ? this.maxlength : undefined, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, rows: this.rows, spellcheck: this.spellcheck, wrap: this.wrap, ref: (elem) => (this.textarea = elem), onBlur: this.handleBlur, onChange: this.handleChange, onFocus: this.handleFocus, onInput: this.handleInput, part: "input" }, this.value), h("div", { key: '087c1bcd722ee2cac449ed04e9600fb117df01e3', class: {
                 'bq-textarea__helper flex items-center justify-between': true,
                 [`validation-${this.validationStatus}`]: true,
                 '!hidden': !this.hasHelperText && !this.maxlength,
-            }, part: "helper-info" }, h("span", { key: '1e7596ec91d2c547b5f6b7c068805827f4905f5d', class: "bq-textarea__helper--text", ref: (span) => (this.helperTextElem = span), part: "helper-text" }, h("slot", { key: '8a3fd84c780705b3b900c5e142051eb991ae5bc3', name: "helper-text", onSlotchange: this.handleHelperTextSlotChange })), h("span", { key: '212c11ca1fa151370d53fd2b9ee4d75ee68740cb', class: { 'bq-textarea__helper--counter': true, '!hidden': !this.maxlength }, part: "helper-counter" }, this.numberOfCharacters, "/", this.maxlength))));
+            }, part: "helper-info" }, h("span", { key: 'dc19136581b13d936f27f0db98a8541a07dee914', class: "bq-textarea__helper--text", ref: (span) => (this.helperTextElem = span), part: "helper-text" }, h("slot", { key: '858cef9cf17f3d586297cd0d5795dbb4285f9730', name: "helper-text", onSlotchange: this.handleHelperTextSlotChange })), h("span", { key: 'df68252ed8bf25438fc1e442b749fc3a87ac41b5', class: { 'bq-textarea__helper--counter': true, '!hidden': !this.maxlength }, part: "helper-counter" }, this.numberOfCharacters, "/", this.maxlength))));
     }
     static get delegatesFocus() { return true; }
     get el() { return this; }

package/dist/components/bq-toast.js

@@ -160,7 +160,7 @@ const BqToast$1 = /*@__PURE__*/ proxyCustomElement(class BqToast extends HTMLEle
         const style = {
             ...(this.border && { '--bq-toast--border-radius': `var(--bq-radius--${this.border})` }),
         };
-        return (h(Host, { key: 'c717b3e0a4c4ef33a22ccccfd485597e9e27b99f', style: style, class: { 'is-hidden': !this.open }, "aria-hidden": !this.open ? 'true' : 'false', hidden: !this.open ? 'true' : 'false', role: "status" }, h("output", { key: 'f0bc53f0f794ce27ca8c11d9878a094b8a4a29f2', class: "bq-toast", part: "wrapper" }, h("div", { key: '2da50465611cd4af193611ad1f70f147fba56807', class: { [`bq-toast--icon ${this.type}`]: true, '!hidden': this.hideIcon }, part: "icon" }, h("slot", { key: '57f09319331f147eab29c8f491c2e993fa939fcd', name: "icon" }, h("bq-icon", { key: '9579b77f0aec5af1457a8f5a76c53def0f523aa5', name: this.iconName, size: "24", weight: "bold", slot: "icon", exportparts: "base,svg" }))), h("slot", { key: '6107417d61a92e9f1c9c5905ed5e91a5177fee5e' }))));
+        return (h(Host, { key: '92cf08f0abf78c45ef326b73cb9547b6495e5f13', style: style, class: { 'is-hidden': !this.open }, "aria-hidden": !this.open ? 'true' : 'false', hidden: !this.open ? 'true' : 'false', role: "status" }, h("output", { key: '2aa93a90403a531eab822d41b45d38a157edd93d', class: "bq-toast", part: "wrapper" }, h("div", { key: '5c4a26b54f98fc5e1c5aa264ff6ccece8ac8a946', class: { [`bq-toast--icon ${this.type}`]: true, '!hidden': this.hideIcon }, part: "icon" }, h("slot", { key: 'd8c5f572a283a7c5cd4189d1170002fc483ba2b8', name: "icon" }, h("bq-icon", { key: 'd6d833b966813cc6a535b092e0dba10683496cc7', name: this.iconName, size: "24", weight: "bold", slot: "icon", exportparts: "base,svg" }))), h("slot", { key: 'dd723087ce352e091544775c2c5953293090b0fb' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/bq-tooltip2.js

@@ -127,7 +127,7 @@ const BqTooltip = /*@__PURE__*/ proxyCustomElement(class BqTooltip extends HTMLE
     // Always the last one in the class.
     // ===================================
     render() {
-        return (h("div", { key: '4f0be7cfa57d437c024cf35066a047e896a91af3', class: "bq-tooltip relative", part: "base" }, h("div", { key: '3626113203dd95a99b137d7b915e36935ece9fc8', class: "bq-tooltip--trigger", onMouseOver: this.handleTriggerMouseOver, onMouseLeave: this.handleTriggerMouseLeave, onClick: this.handleTriggerOnClick, ref: (el) => (this.trigger = el), part: "trigger" }, h("slot", { key: 'cff86552700248f8fd5de8723d9aad763c4b44ed', name: "trigger" })), h("div", { key: '46aefc8eafc65c82104f4ac261cf60200bfaf70b', class: "bq-tooltip--panel", "aria-hidden": this.isHidden, hidden: this.isHidden, role: "tooltip", ref: (el) => (this.panel = el), part: "panel" }, !this.hideArrow && h("div", { key: '10c31f173cdd14793185a906996bc37e4ccb23b5', class: "bq-tooltip--arrow", ref: (el) => (this.arrow = el) }), h("slot", { key: '9c9d6a20479efb8824e77047e0005e41e46388dc' }))));
+        return (h("div", { key: 'c36207e7e8155aae5a2ad3c80120b8fd908df200', class: "bq-tooltip relative", part: "base" }, h("div", { key: 'e58fbdff053581ef7f9fb10d4b6e3a557978b637', class: "bq-tooltip--trigger", onMouseOver: this.handleTriggerMouseOver, onMouseLeave: this.handleTriggerMouseLeave, onClick: this.handleTriggerOnClick, ref: (el) => (this.trigger = el), part: "trigger" }, h("slot", { key: 'b3fadd7f2fdcdc054f3d520666ab2c99d150c84a', name: "trigger" })), h("div", { key: 'c2a93ea78b434e5505c71ad1c60de953f8857f8e', class: "bq-tooltip--panel", "aria-hidden": this.isHidden, hidden: this.isHidden, role: "tooltip", ref: (el) => (this.panel = el), part: "panel" }, !this.hideArrow && h("div", { key: '0f9d3ab3e82fb0291fc1657a9d069bdec11b901a', class: "bq-tooltip--arrow", ref: (el) => (this.arrow = el) }), h("slot", { key: '94fbb85a8c8cc0fe05e73d976b4dd71cab6b4bce' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/index2.js

@@ -1225,9 +1225,9 @@ function isTopLayer(element) {
     }
   });
 }
-function isContainingBlock(element) {
+function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css = getComputedStyle(element);
+  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
@@ -1235,11 +1235,10 @@ function isContainingBlock(element) {
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    if (isTopLayer(currentNode)) {
-      return null;
-    }
     if (isContainingBlock(currentNode)) {
       return currentNode;
+    } else if (isTopLayer(currentNode)) {
+      return null;
     }
     currentNode = getParentNode(currentNode);
   }
@@ -1304,10 +1303,14 @@ function getOverflowAncestors(node, list, traverseIframes) {
   const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
   const win = getWindow(scrollableAncestor);
   if (isBody) {
-    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
+    const frameElement = getFrameElement(win);
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
   }
   return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
+function getFrameElement(win) {
+  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+}
 
 function getCssDimensions(element) {
   const css = getComputedStyle(element);
@@ -1411,7 +1414,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     const win = getWindow(domElement);
     const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
     let currentWin = win;
-    let currentIFrame = currentWin.frameElement;
+    let currentIFrame = getFrameElement(currentWin);
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
@@ -1425,7 +1428,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       x += left;
       y += top;
       currentWin = getWindow(currentIFrame);
-      currentIFrame = currentWin.frameElement;
+      currentIFrame = getFrameElement(currentWin);
     }
   }
   return rectToClientRect({