@proximus/lavender 2.0.0-alpha.30 → 2.0.0-alpha.32
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/lavender.cjs.js +1 -1
- package/dist/lavender.es.js +5 -4
- package/dist/lavender.umd.js +1 -1
- package/package.json +1 -1
package/dist/lavender.es.js
CHANGED
|
@@ -12939,7 +12939,7 @@ class MDDCloser extends HTMLElement {
|
|
|
12939
12939
|
if (!customElements.get("px-mdd-closer")) {
|
|
12940
12940
|
customElements.define("px-mdd-closer", MDDCloser);
|
|
12941
12941
|
}
|
|
12942
|
-
const styles$9 = ":host{--mdd-dialog-offset-top: 0}dialog{border:none;width:100%;margin-inline:0;margin-top:var(--mdd-dialog-offset-top);max-width:100%;max-height:100%;background-color:var(--px-color-background-surface-default)}@keyframes slide-left-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}dialog::backdrop{background-color:#0000}@media screen and (max-width: 767px){dialog{height:100dvh;margin:0;padding:0;animation:slide-left-fade-in .3s ease-in-out}px-container{height:100dvh}px-container>px-vstack>px-button-icon{position:initial;display:none;right:0}px-container>px-vstack>px-mdd-closer{display:none}dialog::backdrop{background-color:var(--px-color-background-surface-default)}}px-container{position:relative}px-container>px-vstack>px-button-icon{position:absolute;top:2em;right:1em}#sections-container{
|
|
12942
|
+
const styles$9 = ":host{--mdd-dialog-offset-top: 0}dialog{border:none;width:100%;margin-inline:0;margin-top:var(--mdd-dialog-offset-top);max-width:100%;max-height:100%;background-color:var(--px-color-background-surface-default)}@keyframes slide-left-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}dialog::backdrop{background-color:#0000}@media screen and (max-width: 767px){dialog{height:100dvh;margin:0;padding:0;animation:slide-left-fade-in .3s ease-in-out}px-container{height:100dvh}px-container>px-vstack>px-button-icon{position:initial;display:none;right:0}px-container>px-vstack>px-mdd-closer{display:none}dialog::backdrop{background-color:var(--px-color-background-surface-default)}}px-container{position:relative}px-container>px-vstack>px-button-icon{position:absolute;top:2em;right:1em}#sections-container{overflow:auto}@media only screen and (min-width: 48em){#sections-container{padding-bottom:0}}#mobile-header{display:none}@media screen and (max-width: 767px){#mobile-header{display:block;padding-bottom:2em}}px-p{display:none}@media screen and (max-width: 767px){px-p{display:block;padding-bottom:2em}}#footer{display:none}@media screen and (max-width: 767px){#footer{display:block;position:absolute;bottom:0;left:0;right:0;padding:var(--px-padding-s-mobile);background-color:var(--px-color-background-container-light-default)}}";
|
|
12943
12943
|
const stylesheet$2 = new CSSStyleSheet();
|
|
12944
12944
|
stylesheet$2.replaceSync(styles$9);
|
|
12945
12945
|
class MegaDropDown extends HTMLElement {
|
|
@@ -13086,10 +13086,11 @@ class MegaDropDown extends HTMLElement {
|
|
|
13086
13086
|
}
|
|
13087
13087
|
if (name === "hidden" && this.internals) {
|
|
13088
13088
|
this.internals.ariaHidden = newValue === "true" || newValue === "" ? "true" : "false";
|
|
13089
|
-
const
|
|
13089
|
+
const mddFooterHeightPx = __privateGet(this, _MegaDropDown_instances, $footer_get).offsetHeight;
|
|
13090
|
+
const mddFooterHeight = mddFooterHeightPx / parseFloat(getComputedStyle(document.documentElement).fontSize);
|
|
13090
13091
|
this.style.setProperty(
|
|
13091
13092
|
"--mdd-section-container-padding-bottom",
|
|
13092
|
-
`${mddFooterHeight}
|
|
13093
|
+
`${mddFooterHeight}em`
|
|
13093
13094
|
);
|
|
13094
13095
|
}
|
|
13095
13096
|
if (name === "close-button-aria-label") {
|
|
@@ -13191,7 +13192,7 @@ $closeButtons_get = function() {
|
|
|
13191
13192
|
if (!customElements.get("px-mdd")) {
|
|
13192
13193
|
customElements.define("px-mdd", MegaDropDown);
|
|
13193
13194
|
}
|
|
13194
|
-
const styles$8 = ':host{flex-basis:25%}@media screen and (max-width: 767px){:host{width:100%;flex-basis:100%}#section-wrapper{background-color:#fff;border-radius:.5em;padding-inline:1em}::slotted(px-mdd-section-item){border-bottom:var(--px-size-border-m) solid var(--px-color-border-main-default)}::slotted(px-mdd-section-item:last-of-type){border-bottom:none}::slotted([slot="footer"]){background-color:#fff;border-radius:.5em;padding-inline:1em;line-height:4em}}';
|
|
13195
|
+
const styles$8 = ':host{flex-basis:25%}@media screen and (max-width: 767px){:host{width:100%;flex-basis:100%}#section-wrapper{background-color:#fff;border-radius:.5em;padding-inline:1em}::slotted(px-mdd-section-item){border-bottom:var(--px-size-border-m) solid var(--px-color-border-main-default)}::slotted(px-mdd-section-item:last-of-type){border-bottom:none}::slotted([slot="footer"]){background-color:#fff;border-radius:.5em;padding-inline:1em;line-height:4em}:host([title-hidden]){padding-bottom:var(--mdd-section-container-padding-bottom, 0)}}';
|
|
13195
13196
|
const stylesheet$1 = new CSSStyleSheet();
|
|
13196
13197
|
stylesheet$1.replaceSync(styles$8);
|
|
13197
13198
|
class MddSection extends HTMLElement {
|