@proximus/lavender-header 2.0.0-alpha.112 → 2.0.0-alpha.114
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.
- package/dist/index.es.js +4 -4
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -178,7 +178,7 @@ const qt = [...zt, "link-m", "link-s"], V = [
|
|
|
178
178
|
updateVariant(t, e) {
|
|
179
179
|
t !== null && t !== "" && t !== "link" && this._toggleClassList(t), e !== null && e !== "" && e !== "link" && this._toggleClassList(e), this.checkName(V, e) || R(
|
|
180
180
|
`"${e}" is not a valid variant value for ${this.tagName.toLowerCase()}. Allowed values are: "${V.join('", "')}".`
|
|
181
|
-
)
|
|
181
|
+
);
|
|
182
182
|
}
|
|
183
183
|
updateShape(t, e, o) {
|
|
184
184
|
if (!Et(o, e)) {
|
|
@@ -672,7 +672,7 @@ T = new WeakMap(), i = new WeakSet(), bt = function() {
|
|
|
672
672
|
return this.querySelectorAll("px-mdd");
|
|
673
673
|
};
|
|
674
674
|
customElements.get("px-header") || customElements.define("px-header", ge);
|
|
675
|
-
const xe = ':host{position:relative}::slotted([slot="popover"]){position:
|
|
675
|
+
const xe = ':host{position:relative}::slotted([slot="popover"]){position:fixed;border-radius:var(--px-radius-main, 8px);background:var(--px-color-background-container-light-default, #fff);box-shadow:0 20px 25px -5px #25252514;margin:0;padding:var(--px-padding-xs-mobile) 0;border:0;right:0;width:auto}:host([grow]) ::slotted([slot="trigger"]):after{right:0;padding-right:var(--px-padding-xs-mobile)}:host([anchoralignment="top-left"]) ::slotted([slot="popover"]){top:auto}:host([anchoralignment="top-right"]) ::slotted([slot="popover"]){top:auto}:host([anchoralignment="bottom-right"]) ::slotted([slot="popover"]){left:auto}@media screen and (max-width: 47.938rem){::slotted([slot="trigger"]){display:block;width:100%}:host([anchoralignment="top-left"]) ::slotted([slot="popover"]){left:var(--px-padding-s-mobile)}:host([anchoralignment="top-right"]) ::slotted([slot="popover"]){left:var(--px-padding-s-mobile)}}@media screen and (min-width: 48rem){::slotted([slot="popover"]){padding-block:var(--px-padding-s-desktop);right:auto;width:auto}}', fe = [
|
|
676
676
|
"top-left",
|
|
677
677
|
"top-right",
|
|
678
678
|
"bottom-left",
|
|
@@ -726,7 +726,7 @@ class ve extends X {
|
|
|
726
726
|
anchor-name: ${this.anchorName};
|
|
727
727
|
}
|
|
728
728
|
:host([anchoralignment="bottom-left"]) {
|
|
729
|
-
::slotted([
|
|
729
|
+
::slotted([popover]) {
|
|
730
730
|
position-anchor: ${this.anchorName};
|
|
731
731
|
top: anchor(${this.anchorName} bottom);
|
|
732
732
|
left: anchor(${this.anchorName} left);
|
|
@@ -851,7 +851,7 @@ w = new WeakSet(), gt = function() {
|
|
|
851
851
|
* race conditions when the popover is toggled and the trigger click event is fired.
|
|
852
852
|
*/
|
|
853
853
|
xt = function() {
|
|
854
|
-
this.$trigger && (this.manualToggle || this.$trigger.addEventListener("click", this.triggerPopoverDisplay), this.$popoverElement.addEventListener("beforetoggle", d(this, k)), this.$popoverElement.addEventListener("toggle", d(this, y)));
|
|
854
|
+
this.$trigger && !["button", "input"].includes(this.$trigger.localName) && (this.manualToggle || this.$trigger.addEventListener("click", this.triggerPopoverDisplay), this.$popoverElement.addEventListener("beforetoggle", d(this, k)), this.$popoverElement.addEventListener("toggle", d(this, y)));
|
|
855
855
|
};
|
|
856
856
|
customElements.get("px-dropdown") || customElements.define("px-dropdown", ve);
|
|
857
857
|
const ft = new CSSStyleSheet();
|