npm - bromcom-ui - Versions diffs - 2.11.1-rc.5 → 2.11.1-rc.7 - Mend

bromcom-ui 2.11.1-rc.5 → 2.11.1-rc.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (239) hide show

package/dist/cjs/{number-helper-152e8340.js → number-helper-28a25c38.js} RENAMED Viewed

@@ -4,7 +4,7 @@
  */
 'use strict';
-const generate = require('./generate-96559082.js');
+const generate = require('./generate-c2e5f662.js');
 class NumberHelper {
 }

package/dist/cjs/old-bcm-popover-box.cjs.entry.js CHANGED Viewed

@@ -11,13 +11,13 @@ require('./element-dragger-a8562f82.js');
 const popoverPlacement = require('./popover-placement-e7d6eabd.js');
 const floatingUi = require('./floating-ui-21890d11.js');
 const index$1 = require('./index-95ae50d0.js');
-const generate = require('./generate-96559082.js');
-const numberHelper = require('./number-helper-152e8340.js');
+const generate = require('./generate-c2e5f662.js');
+const numberHelper = require('./number-helper-28a25c38.js');
 const stringHelper = require('./string-helper-f9184277.js');
 require('./utils-fc077139.js');
 require('./bcm-489c9b1a.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-3357f14d.js');
+require('./package-c3fb44cd.js');
 require('./colors-078851ec.js');
 const oldPopoverBoxCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:\"\";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}";

package/dist/cjs/old-bcm-popover.cjs.entry.js CHANGED Viewed

@@ -9,9 +9,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c591ecec.js');
 const index$1 = require('./index-95ae50d0.js');
 const bcm = require('./bcm-489c9b1a.js');
-const generate = require('./generate-96559082.js');
+const generate = require('./generate-c2e5f662.js');
 require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-3357f14d.js');
+require('./package-c3fb44cd.js');
 require('./colors-078851ec.js');
 const oldPopoverCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-popover{display:inline-flex}";

package/dist/cjs/{package-3357f14d.js → package-c3fb44cd.js} RENAMED Viewed

@@ -4,6 +4,6 @@
  */
 'use strict';
-const version = "2.11.1-rc.5";
+const version = "2.11.1-rc.7";
 exports.version = version;

package/dist/cjs/{stepper-states-db751a72.js → stepper-states-e9ac0c74.js} RENAMED Viewed

@@ -5,7 +5,7 @@
 'use strict';
 const index = require('./index-d321de96.js');
-const generate = require('./generate-96559082.js');
+const generate = require('./generate-c2e5f662.js');
 const index$1 = require('./index-c591ecec.js');
 const { state } = index.createStore({

package/dist/cjs/{tooltip-helper-97072765.js → tooltip-helper-3b1aafc6.js} RENAMED Viewed

@@ -10,9 +10,9 @@ const utils = require('./utils-fc077139.js');
 const floatingUi = require('./floating-ui-21890d11.js');
 const colorHelper = require('./color-helper-c3a819ea.js');
 require('./datetime-helper-eaf4fadb.js');
-const generate = require('./generate-96559082.js');
-require('./number-helper-152e8340.js');
-require('./validators-d6a13946.js');
+const generate = require('./generate-c2e5f662.js');
+require('./number-helper-28a25c38.js');
+require('./validators-d71e2d41.js');
 const bcm = require('./bcm-489c9b1a.js');
 class Tooltip {

package/dist/cjs/{validators-d6a13946.js → validators-d71e2d41.js} RENAMED Viewed

@@ -4,7 +4,7 @@
  */
 'use strict';
-const generate = require('./generate-96559082.js');
+const generate = require('./generate-c2e5f662.js');
 class Validators {
 }

package/dist/collection/components/organism/list/list.css CHANGED Viewed

@@ -878,13 +878,16 @@
   padding: 9px 4px;
 }
 .bcm-list__item--readonly:focus > .bcm-list__item-content:not(.disabled), .bcm-list__item--readonly.focused > .bcm-list__item-content:not(.disabled) {
-  color: var(--bcm-color-grey-7);
+  color: var(--bcm-new-ds-color-slate-500);
 }
 .bcm-list__item--readonly > .bcm-list__item-content {
-  color: var(--bcm-color-grey-7);
+  color: var(--bcm-new-ds-color-slate-500);
 }
 .bcm-list__item--readonly > .bcm-list__item-content:hover, .bcm-list__item--readonly > .bcm-list__item-content:focus {
-  color: var(--bcm-color-grey-7);
+  color: var(--bcm-new-ds-color-slate-600);
+}
+.bcm-list__item--readonly .bcm-list__item-content-collapse-icon {
+  color: var(--bcm-new-ds-color-slate-600);
 }
 .bcm-list__item--group {
   border-radius: 4px;

package/dist/collection/components/other_deprecated/collapse/collapse.css CHANGED Viewed

@@ -122,13 +122,6 @@
   margin-right: 8px;
 }
-:host([data-slot-empty]) .bcm-collapse__body {
-  padding: 0;
-}
-:host([data-slot-empty]) .bcm-collapse--open {
-  border-bottom: none;
-}
 .bcm-collapse {
   display: block;
   border: 1px solid var(--bcm-color-grey-5);
@@ -159,6 +152,7 @@
   padding: 16px;
   background-color: var(--bcm-color-grey-1);
   color: var(--bcm-color-grey-8);
+  margin-top: -1px;
 }
 .bcm-collapse--borderless {
   border: none;
@@ -182,9 +176,6 @@
 .bcm-collapse.hidden {
   display: none;
 }
-.bcm-collapse--no-padding {
-  border-bottom: none;
-}
 .bcm-collapse--no-padding .bcm-collapse__body {
   padding: 0;
 }

package/dist/collection/components/other_deprecated/collapse/collapse.js CHANGED Viewed

@@ -4,6 +4,7 @@
  */
 import { Host, h } from "@stencil/core";
 import cs from "classnames";
+import { trim } from "lodash";
 import { Generate } from "../../../helper/generate";
 export class BcmCollapse {
   constructor() {
@@ -21,9 +22,14 @@ export class BcmCollapse {
     this.checkSlotEmpty();
   }
   checkSlotEmpty() {
-    const isSlotEmpty = this.el.querySelector('[slot="body"]') === null;
-    isSlotEmpty && this.el.setAttribute("data-slot-empty", String(isSlotEmpty));
-    !isSlotEmpty && this.el.removeAttribute("data-slot-empty");
+    var _a;
+    const textContent = (_a = this.el.querySelector('[slot="body"]')) === null || _a === void 0 ? void 0 : _a.textContent;
+    if (trim(textContent) !== "") {
+      this.el.removeAttribute("data-slot-empty");
+    }
+    else {
+      this.el.setAttribute("data-slot-empty", "true");
+    }
   }
   render() {
     const { hidden, borderless, open, noBorder, _id, noPadding } = this;
@@ -35,9 +41,7 @@ export class BcmCollapse {
     });
     const caretDown = '<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"/></svg>';
     const caretRight = '<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"/></svg>';
-    return (h(Host, { class: cs({ hidden,
-        "bcm-collapse--no-padding": noPadding,
-      }), id: _id }, h("details", { class: classes, open: open }, h("summary", { class: "bcm-collapse__header size-2", onClick: () => (this.open = !open) }, h("span", { class: "collapse-icon", innerHTML: open ? caretDown : caretRight }), h("slot", { name: "title" })), h("div", { class: "bcm-collapse__body" }, h("slot", { name: "body", onSlotchange: () => this.checkSlotEmpty() })))));
+    return (h(Host, { class: { hidden }, id: _id }, h("details", { class: classes, open: open }, h("summary", { class: "bcm-collapse__header size-2", onClick: () => (this.open = !open) }, h("span", { class: "collapse-icon", innerHTML: open ? caretDown : caretRight }), h("slot", { name: "title" })), h("div", { class: "bcm-collapse__body" }, h("slot", { name: "body", onSlotchange: () => this.checkSlotEmpty() })))));
   }
   static get is() { return "bcm-collapse"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/templates/list-item-template.js CHANGED Viewed

@@ -39,7 +39,7 @@ export const ListItemTemplate = ({ item, treeview, highlight, checkboxes, size,
     !unClickable && !disabled && !readonly && (checkboxes ? checkedItem(item.id) : selectedItem(item.id));
   };
   const collapseClick = () => {
-    if (disabled || readonly) {
+    if (disabled) {
       return;
     }
     item.open = item.isSearching;

package/dist/components/_commonjsHelpers.js CHANGED Viewed

@@ -37,4 +37,4 @@ function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
-export { commonjsGlobal as a, getDefaultExportFromCjs as b, createCommonjsModule as c, getAugmentedNamespace as g };
+export { getDefaultExportFromCjs as a, commonjsGlobal as b, createCommonjsModule as c, getAugmentedNamespace as g };

package/dist/components/bcm-collapse.js CHANGED Viewed

@@ -4,9 +4,10 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
+import { l as lodash } from './lodash.js';
 import { G as Generate } from './generate.js';
-const collapseCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}:host([data-slot-empty]) .bcm-collapse__body{padding:0}:host([data-slot-empty]) .bcm-collapse--open{border-bottom:none}.bcm-collapse{display:block;border:1px solid var(--bcm-color-grey-5)}.bcm-collapse ::-webkit-details-marker{display:none}.bcm-collapse__header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default;user-select:none}.bcm-collapse__header:focus{outline:none}.bcm-collapse__header .collapse-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.bcm-collapse__body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8)}.bcm-collapse--borderless{border:none}.bcm-collapse--borderless:not(.bcm-collapse--no-border){border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-collapse--borderless .bcm-collapse__header{border-bottom:none}.bcm-collapse--borderless .bcm-collapse__body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.bcm-collapse:not(.bcm-collapse--open) .bcm-collapse__header{border-bottom:none}.bcm-collapse:not(:first-child) .collapse{border-top:none}.bcm-collapse.hidden{display:none}.bcm-collapse--no-padding{border-bottom:none}.bcm-collapse--no-padding .bcm-collapse__body{padding:0}";
+const collapseCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-collapse{display:block;border:1px solid var(--bcm-color-grey-5)}.bcm-collapse ::-webkit-details-marker{display:none}.bcm-collapse__header{display:flex;align-items:center;color:var(--bcm-color-grey-9);padding:16px;background-color:var(--bcm-color-grey-2);border-bottom:1px solid var(--bcm-color-grey-5);cursor:default;user-select:none}.bcm-collapse__header:focus{outline:none}.bcm-collapse__header .collapse-icon{margin-right:8px;display:flex;align-items:center;justify-content:center}.bcm-collapse__body{padding:16px;background-color:var(--bcm-color-grey-1);color:var(--bcm-color-grey-8);margin-top:-1px}.bcm-collapse--borderless{border:none}.bcm-collapse--borderless:not(.bcm-collapse--no-border){border-bottom:1px solid var(--bcm-color-grey-5)}.bcm-collapse--borderless .bcm-collapse__header{border-bottom:none}.bcm-collapse--borderless .bcm-collapse__body{background-color:var(--bcm-color-grey-2);padding:0 40px 16px}.bcm-collapse:not(.bcm-collapse--open) .bcm-collapse__header{border-bottom:none}.bcm-collapse:not(:first-child) .collapse{border-top:none}.bcm-collapse.hidden{display:none}.bcm-collapse--no-padding .bcm-collapse__body{padding:0}";
 const BcmCollapse$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -28,9 +29,14 @@ const BcmCollapse$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.checkSlotEmpty();
   }
   checkSlotEmpty() {
-    const isSlotEmpty = this.el.querySelector('[slot="body"]') === null;
-    isSlotEmpty && this.el.setAttribute("data-slot-empty", String(isSlotEmpty));
-    !isSlotEmpty && this.el.removeAttribute("data-slot-empty");
+    var _a;
+    const textContent = (_a = this.el.querySelector('[slot="body"]')) === null || _a === void 0 ? void 0 : _a.textContent;
+    if (lodash.trim(textContent) !== "") {
+      this.el.removeAttribute("data-slot-empty");
+    }
+    else {
+      this.el.setAttribute("data-slot-empty", "true");
+    }
   }
   render() {
     const { hidden, borderless, open, noBorder, _id, noPadding } = this;
@@ -42,9 +48,7 @@ const BcmCollapse$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     });
     const caretDown = '<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"/></svg>';
     const caretRight = '<svg style="fill: #595959; width: 14px; height: 14px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"/></svg>';
-    return (h(Host, { class: classnames({ hidden,
-        "bcm-collapse--no-padding": noPadding,
-      }), id: _id }, h("details", { class: classes, open: open }, h("summary", { class: "bcm-collapse__header size-2", onClick: () => (this.open = !open) }, h("span", { class: "collapse-icon", innerHTML: open ? caretDown : caretRight }), h("slot", { name: "title" })), h("div", { class: "bcm-collapse__body" }, h("slot", { name: "body", onSlotchange: () => this.checkSlotEmpty() })))));
+    return (h(Host, { class: { hidden }, id: _id }, h("details", { class: classes, open: open }, h("summary", { class: "bcm-collapse__header size-2", onClick: () => (this.open = !open) }, h("span", { class: "collapse-icon", innerHTML: open ? caretDown : caretRight }), h("slot", { name: "title" })), h("div", { class: "bcm-collapse__body" }, h("slot", { name: "body", onSlotchange: () => this.checkSlotEmpty() })))));
   }
   get el() { return this; }
   static get style() { return collapseCss; }