@proximus/lavender-carousel 1.3.0 → 1.4.1-alpha.10

package/dist/index.es.js

@@ -374,15 +374,15 @@ class mt extends HTMLElement {
     super(), this.isZeroSized = !1, this.growValue = "1", this.isVertical = !1;
   }
   static get observedAttributes() {
-    return ["grow"];
+    return ["grow", "nogap"];
   }
   attributeChangedCallback(t, e, i) {
     t === "grow" && (this.growValue = i || "1", this.isZeroSized || (this.style.flexGrow = this.growValue), this.scheduleRecheck());
   }
   connectedCallback() {
-    this.growValue = this.getAttribute("grow") || "1", this.style.flexGrow = this.growValue, this.resizeObserver = new ResizeObserver(() => {
+    this.growValue = this.getAttribute("grow") || "1", this.style.flexGrow = this.growValue, this.nogap && (this.resizeObserver = new ResizeObserver(() => {
       this.handleSizeChange();
-    }), this.isVertical = this.parentElement.localName === "px-vstack" || this.parentElement.style.flexDirection === "column", this.resizeObserver.observe(this), this.scheduleRecheck();
+    }), this.isVertical = this.parentElement.localName === "px-vstack" || this.parentElement.style.flexDirection === "column", this.resizeObserver.observe(this), this.scheduleRecheck());
   }
   disconnectedCallback() {
     var t;
@@ -409,6 +409,12 @@ class mt extends HTMLElement {
   updateParticipation() {
     this.isZeroSized ? (this.style.display = "none", this.style.flexGrow = "0") : (this.style.display = "", this.style.flexGrow = this.growValue);
   }
+  get nogap() {
+    return this.hasAttribute("nogap");
+  }
+  set nogap(t) {
+    t ? this.setAttribute("nogap", "") : this.removeAttribute("nogap");
+  }
 }
 customElements.get("px-spacer") || customElements.define("px-spacer", mt);
 const kt = ":host{display:block;box-sizing:border-box}slot[name=body-container]{min-height:100vh}#image-sticky-box{margin-top:-2.5em}", Z = new CSSStyleSheet();
@@ -783,7 +789,7 @@ class Tt extends T {
     m(this, w, () => `<svg aria-hidden="true">
       <use xlink:href="#icon-${this.name}"></use>
     </svg>`);
-    this.shadowRoot.innerHTML = d(this, w).call(this), C(this, p, (i = this.attachInternals) == null ? void 0 : i.call(this)), d(this, p) && (d(this, p).role = "img");
+    this.shadowRoot.innerHTML = d(this, w).call(this), this.role = "img", C(this, p, (i = this.attachInternals) == null ? void 0 : i.call(this)), d(this, p) && (d(this, p).role = "img");
   }
   static get observedAttributes() {
     return [...super.observedAttributes, ...Lt];
@@ -806,7 +812,7 @@ class Tt extends T {
         case "aria-label":
           if (!d(this, p))
             return;
-          s ? d(this, p).ariaHidden = "false" : d(this, p).ariaHidden = "true";
+          s ? (d(this, p).ariaHidden = "false", this.ariaHidden = "false") : (d(this, p).ariaHidden = "true", this.ariaHidden = "true");
           break;
       }
   }
@@ -823,7 +829,7 @@ class Tt extends T {
         `${d(this, h)}#icon-${this.name}`
       ));
     }
-    !this.ariaLabel && d(this, p) && (d(this, p).ariaHidden = "true");
+    !this.ariaLabel && d(this, p) && (d(this, p).ariaHidden = "true", this.ariaHidden = "true");
   }
   updateAttribute(e, i, s, n) {
     i !== null && i !== "" && (e === "size" ? this.$el.classList.toggle(`${e}-${i}`) : this.$el.classList.toggle(i)), s !== null && s !== "" && (e === "size" ? this.$el.classList.toggle(`${e}-${s}`) : this.$el.classList.toggle(s)), this.checkName(n, s) || console.error(`${s} is not an allowed ${e} value`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-carousel",
-  "version": "1.3.0",
+  "version": "1.4.1-alpha.10",
   "description": "",
   "main": "dist/index.es.js",
   "types": "dist/index.d.ts",