@proximus/lavender 1.4.3-beta.1 → 1.4.3

package/dist/lavender.es.js

@@ -24,7 +24,7 @@ function getSupportedAttributeNames(htmlElementName) {
 }
 const commonStyleSheet$c = new CSSStyleSheet();
 commonStyleSheet$c.replaceSync(commonStyles);
-const PX_COMPONENT_DEBUG = typeof import.meta !== "undefined" && typeof __vite_import_meta_env__ !== "undefined" && true;
+const PX_COMPONENT_DEBUG = typeof import.meta !== "undefined" && typeof __vite_import_meta_env__ !== "undefined" && false;
 if (typeof window !== "undefined") {
   window.isComponentDebug = isComponentDebug;
 }
@@ -32,9 +32,6 @@ function isComponentDebug() {
   return PX_COMPONENT_DEBUG;
 }
 function log(message) {
-  if (isComponentDebug()) {
-    console.error(message);
-  }
 }
 if (typeof window !== "undefined") {
   window.isComponentDebug = isComponentDebug;
@@ -2997,7 +2994,6 @@ const _ActionLink = class _ActionLink extends PxElement {
   }
   attributeChangedCallback(name, oldValue, newValue) {
     if ((name === "icon-name" || name === "icon-from" || name === "label") && !newValue) {
-      log(`Action link needs a value from the attribute ${name}`);
       throw new Error(`Action link needs a value from the attribute ${name}`);
     }
     if (name === "icon-name") {
@@ -3168,7 +3164,6 @@ const _AgGridTableThButton = class _AgGridTableThButton extends PxElement {
   updateSorting(oldValue, newValue, attrValue) {
     var _a, _b;
     if (!checkName(attrValue, newValue)) {
-      log(`${newValue} is not an allowed sorting value.`);
       return;
     }
     if (oldValue !== null && oldValue !== "") {
@@ -5358,7 +5353,6 @@ function configureCellBackgroundColor(el) {
 }
 function updateVariant(element, oldValue, newValue) {
   if (!checkName(cellVariantValues, newValue)) {
-    log(`${newValue} is not an allowed variant value.`);
     return;
   }
   if (oldValue !== null && oldValue !== "" && oldValue !== "default") {
@@ -7615,11 +7609,7 @@ class Radiogroup extends WithExtraAttributes {
   setupErrorState() {
     var _a;
     const hasErrorText = ((_a = this.$slotError) == null ? void 0 : _a.assignedNodes().length) > 0;
-    if (this.state === "error" && !hasErrorText) {
-      log(
-        '<px-radiogroup> with state="error" requires a slot="error-text" containing the error description.'
-      );
-    }
+    if (this.state === "error" && !hasErrorText) ;
     if (this.state === "error" && hasErrorText) {
       this.$el.setAttribute("state", "error");
       this.$radioList.forEach((child) => {
@@ -9723,9 +9713,6 @@ class Dropdown extends WithExtraAttributes {
     if (anchorAlignmentValues.includes(value)) {
       this.setAttribute("anchoralignment", value);
     } else {
-      log(
-        `Invalid anchor alignment value: ${value}. Using default ${defaultAnchorAlignment}.`
-      );
       this.setAttribute("anchoralignment", defaultAnchorAlignment);
     }
   }
@@ -9829,11 +9816,7 @@ const _Fieldset = class _Fieldset extends PxElement {
   setupErrorState() {
     var _a;
     const hasErrorText = ((_a = this.$slotError) == null ? void 0 : _a.assignedNodes().length) > 0;
-    if (this.state === "error" && !hasErrorText) {
-      log(
-        '<px-fieldset> with state="error" requires a slot="error-text" containing the error description.'
-      );
-    }
+    if (this.state === "error" && !hasErrorText) ;
     if (this.state === "error" && hasErrorText) {
       const id = Math.random().toString(36).substr(2, 9);
       this.$el.setAttribute("id", id);
@@ -12432,7 +12415,7 @@ class MddSectionItem extends HTMLElement {
 if (!customElements.get("px-mdd-section-item")) {
   customElements.define("px-mdd-section-item", MddSectionItem);
 }
-const styles$j = "*{box-sizing:border-box}#container{width:1080px;display:flex;flex-wrap:nowrap;border-radius:var(--px-radius-main);background-color:var(--px-color-background-surface-default);overflow:hidden}#container.info{border-left:5px var(--px-color-icon-brand-default) solid}#container.success{border-left:5px var(--px-color-icon-purpose-success-default) solid}#container.warning{border-left:5px var(--px-color-icon-purpose-warning-default) solid}#container.error{border-left:5px var(--px-color-icon-purpose-error-default) solid}#content-container{padding:var(--px-padding-m-mobile)}#media-container{display:none}::slotted(px-button-icon){position:absolute;top:var(--px-padding-m-desktop);right:var(--px-padding-m-desktop)}dialog{background:transparent;border-radius:0;box-shadow:none;padding:0;border:0;box-sizing:border-box;transform:scale(.95);animation:modalIn .3s ease-out forwards}::backdrop{background:#0000004d;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}#content{max-height:12.5em;overflow:auto}@media screen and (max-width: 1081px){#container{width:inherit}#content-container{padding:var(--px-padding-m-mobile)}::slotted(px-button-icon){top:var(--px-padding-m-mobile);right:var(--px-padding-m-mobile)}}@media only screen and (min-width: 48em){::slotted(px-button-icon){position:absolute;top:var(--px-padding-m-tablet);right:var(--px-padding-m-tablet)}#content{max-height:25em}}@media only screen and (min-width: 64.0625em){:host([media-src]) #media-container{display:block;background-size:cover;background-position:center center;background-repeat:no-repeat;flex-basis:25em;flex-shrink:0}}@keyframes modalIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}";
+const styles$j = "*{box-sizing:border-box}#container{display:flex;flex-wrap:nowrap;font-family:var(--px-font-family);font-size:var(--px-font-size-base);color:var(--px-color-text-neutral-default);width:1080px;border-radius:var(--px-radius-main);background-color:var(--px-color-background-surface-default);overflow:hidden}#container.info{border-left:5px var(--px-color-icon-brand-default) solid}#container.success{border-left:5px var(--px-color-icon-purpose-success-default) solid}#container.warning{border-left:5px var(--px-color-icon-purpose-warning-default) solid}#container.error{border-left:5px var(--px-color-icon-purpose-error-default) solid}#content-container{padding:var(--px-padding-m-mobile);flex-grow:1}#media-container{display:none}::slotted(px-button-icon){position:absolute;top:var(--px-padding-m-desktop);right:var(--px-padding-m-desktop)}dialog{background:transparent;border-radius:0;box-shadow:none;padding:0;border:0;box-sizing:border-box;transform:scale(.95);animation:modalIn .3s ease-out forwards}::backdrop{background:#0000004d;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px)}#content{max-height:12.5em;overflow:auto}@media screen and (max-width: 1081px){#container{width:inherit}#content-container{padding:var(--px-padding-m-mobile)}::slotted(px-button-icon){top:var(--px-padding-m-mobile);right:var(--px-padding-m-mobile)}}@media only screen and (min-width: 48em){::slotted(px-button-icon){position:absolute;top:var(--px-padding-m-tablet);right:var(--px-padding-m-tablet)}#content{max-height:25em}}@media only screen and (min-width: 64.0625em){:host([media-src]) #media-container{display:block;background-size:cover;background-position:center center;background-repeat:no-repeat;flex-basis:25em;flex-shrink:0}}@keyframes modalIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}";
 const styleSheet$j = new CSSStyleSheet();
 styleSheet$j.replaceSync(styles$j);
 const CLOSE_EVENT$1 = "px.lavender.modal.close";