@aurodesignsystem-dev/auro-formkit 0.0.0-pr740.7 → 0.0.0-pr740.9
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/components/combobox/demo/api.min.js +29 -1
- package/components/combobox/demo/index.min.js +29 -1
- package/components/combobox/dist/index.js +29 -1
- package/components/combobox/dist/registered.js +29 -1
- package/components/counter/demo/api.min.js +25 -1
- package/components/counter/demo/index.min.js +25 -1
- package/components/counter/dist/index.js +25 -1
- package/components/counter/dist/registered.js +25 -1
- package/components/datepicker/demo/api.min.js +25 -1
- package/components/datepicker/demo/index.min.js +25 -1
- package/components/datepicker/dist/index.js +25 -1
- package/components/datepicker/dist/registered.js +25 -1
- package/components/dropdown/demo/api.min.js +25 -1
- package/components/dropdown/demo/index.min.js +25 -1
- package/components/dropdown/dist/auro-dropdownBib.d.ts +6 -0
- package/components/dropdown/dist/index.js +25 -1
- package/components/dropdown/dist/registered.js +25 -1
- package/components/select/demo/api.min.js +25 -1
- package/components/select/demo/index.min.js +25 -1
- package/components/select/dist/index.js +25 -1
- package/components/select/dist/registered.js +25 -1
- package/package.json +1 -1
|
@@ -3777,7 +3777,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
|
|
|
3777
3777
|
|
|
3778
3778
|
var iconVersion$3 = '6.1.2';
|
|
3779
3779
|
|
|
3780
|
-
var styleCss$1$3 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
3780
|
+
var styleCss$1$3 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3781
3781
|
|
|
3782
3782
|
var colorCss$2$3 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
3783
3783
|
|
|
@@ -3941,6 +3941,17 @@ class AuroDropdownBib extends i$2 {
|
|
|
3941
3941
|
}
|
|
3942
3942
|
}
|
|
3943
3943
|
});
|
|
3944
|
+
|
|
3945
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
3946
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3947
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3948
|
+
}
|
|
3949
|
+
|
|
3950
|
+
disconnectedCallback() {
|
|
3951
|
+
super.disconnectedCallback();
|
|
3952
|
+
|
|
3953
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3954
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3944
3955
|
}
|
|
3945
3956
|
|
|
3946
3957
|
firstUpdated(changedProperties) {
|
|
@@ -3956,6 +3967,19 @@ class AuroDropdownBib extends i$2 {
|
|
|
3956
3967
|
}));
|
|
3957
3968
|
}
|
|
3958
3969
|
|
|
3970
|
+
/**
|
|
3971
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
3972
|
+
* @param {Event} event - The touchmove event.
|
|
3973
|
+
* @returns {void}
|
|
3974
|
+
*/
|
|
3975
|
+
preventBodyScroll(event) {
|
|
3976
|
+
// when touchmove/touchstart on empty space
|
|
3977
|
+
if (event.target === this) {
|
|
3978
|
+
event.preventDefault();
|
|
3979
|
+
event.stopImmediatePropagation();
|
|
3980
|
+
}
|
|
3981
|
+
}
|
|
3982
|
+
|
|
3959
3983
|
// function that renders the HTML and CSS into the scope of the component
|
|
3960
3984
|
render() {
|
|
3961
3985
|
const classes = {
|
|
@@ -16329,6 +16353,10 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16329
16353
|
* Validate every time we remove focus from the datepicker.
|
|
16330
16354
|
*/
|
|
16331
16355
|
this.addEventListener('focusout', (event) => {
|
|
16356
|
+
if (event.relatedTarget === event.target) {
|
|
16357
|
+
// if the focus is moved within combobox, do nothing.
|
|
16358
|
+
return;
|
|
16359
|
+
}
|
|
16332
16360
|
if (document.activeElement !== this) {
|
|
16333
16361
|
this.validate();
|
|
16334
16362
|
if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
|
|
@@ -3635,7 +3635,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
|
|
|
3635
3635
|
|
|
3636
3636
|
var iconVersion$3 = '6.1.2';
|
|
3637
3637
|
|
|
3638
|
-
var styleCss$1$3 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
3638
|
+
var styleCss$1$3 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3639
3639
|
|
|
3640
3640
|
var colorCss$2$3 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
3641
3641
|
|
|
@@ -3799,6 +3799,17 @@ class AuroDropdownBib extends i$2 {
|
|
|
3799
3799
|
}
|
|
3800
3800
|
}
|
|
3801
3801
|
});
|
|
3802
|
+
|
|
3803
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
3804
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3805
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3806
|
+
}
|
|
3807
|
+
|
|
3808
|
+
disconnectedCallback() {
|
|
3809
|
+
super.disconnectedCallback();
|
|
3810
|
+
|
|
3811
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3812
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3802
3813
|
}
|
|
3803
3814
|
|
|
3804
3815
|
firstUpdated(changedProperties) {
|
|
@@ -3814,6 +3825,19 @@ class AuroDropdownBib extends i$2 {
|
|
|
3814
3825
|
}));
|
|
3815
3826
|
}
|
|
3816
3827
|
|
|
3828
|
+
/**
|
|
3829
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
3830
|
+
* @param {Event} event - The touchmove event.
|
|
3831
|
+
* @returns {void}
|
|
3832
|
+
*/
|
|
3833
|
+
preventBodyScroll(event) {
|
|
3834
|
+
// when touchmove/touchstart on empty space
|
|
3835
|
+
if (event.target === this) {
|
|
3836
|
+
event.preventDefault();
|
|
3837
|
+
event.stopImmediatePropagation();
|
|
3838
|
+
}
|
|
3839
|
+
}
|
|
3840
|
+
|
|
3817
3841
|
// function that renders the HTML and CSS into the scope of the component
|
|
3818
3842
|
render() {
|
|
3819
3843
|
const classes = {
|
|
@@ -16187,6 +16211,10 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16187
16211
|
* Validate every time we remove focus from the datepicker.
|
|
16188
16212
|
*/
|
|
16189
16213
|
this.addEventListener('focusout', (event) => {
|
|
16214
|
+
if (event.relatedTarget === event.target) {
|
|
16215
|
+
// if the focus is moved within combobox, do nothing.
|
|
16216
|
+
return;
|
|
16217
|
+
}
|
|
16190
16218
|
if (document.activeElement !== this) {
|
|
16191
16219
|
this.validate();
|
|
16192
16220
|
if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
|
|
@@ -3566,7 +3566,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
3566
3566
|
|
|
3567
3567
|
var iconVersion$2 = '6.1.2';
|
|
3568
3568
|
|
|
3569
|
-
var styleCss$1$3 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
3569
|
+
var styleCss$1$3 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3570
3570
|
|
|
3571
3571
|
var colorCss$2$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
3572
3572
|
|
|
@@ -3730,6 +3730,17 @@ class AuroDropdownBib extends LitElement {
|
|
|
3730
3730
|
}
|
|
3731
3731
|
}
|
|
3732
3732
|
});
|
|
3733
|
+
|
|
3734
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
3735
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3736
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3737
|
+
}
|
|
3738
|
+
|
|
3739
|
+
disconnectedCallback() {
|
|
3740
|
+
super.disconnectedCallback();
|
|
3741
|
+
|
|
3742
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3743
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3733
3744
|
}
|
|
3734
3745
|
|
|
3735
3746
|
firstUpdated(changedProperties) {
|
|
@@ -3745,6 +3756,19 @@ class AuroDropdownBib extends LitElement {
|
|
|
3745
3756
|
}));
|
|
3746
3757
|
}
|
|
3747
3758
|
|
|
3759
|
+
/**
|
|
3760
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
3761
|
+
* @param {Event} event - The touchmove event.
|
|
3762
|
+
* @returns {void}
|
|
3763
|
+
*/
|
|
3764
|
+
preventBodyScroll(event) {
|
|
3765
|
+
// when touchmove/touchstart on empty space
|
|
3766
|
+
if (event.target === this) {
|
|
3767
|
+
event.preventDefault();
|
|
3768
|
+
event.stopImmediatePropagation();
|
|
3769
|
+
}
|
|
3770
|
+
}
|
|
3771
|
+
|
|
3748
3772
|
// function that renders the HTML and CSS into the scope of the component
|
|
3749
3773
|
render() {
|
|
3750
3774
|
const classes = {
|
|
@@ -16105,6 +16129,10 @@ class AuroCombobox extends AuroElement {
|
|
|
16105
16129
|
* Validate every time we remove focus from the datepicker.
|
|
16106
16130
|
*/
|
|
16107
16131
|
this.addEventListener('focusout', (event) => {
|
|
16132
|
+
if (event.relatedTarget === event.target) {
|
|
16133
|
+
// if the focus is moved within combobox, do nothing.
|
|
16134
|
+
return;
|
|
16135
|
+
}
|
|
16108
16136
|
if (document.activeElement !== this) {
|
|
16109
16137
|
this.validate();
|
|
16110
16138
|
if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
|
|
@@ -3566,7 +3566,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
3566
3566
|
|
|
3567
3567
|
var iconVersion$2 = '6.1.2';
|
|
3568
3568
|
|
|
3569
|
-
var styleCss$1$3 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
3569
|
+
var styleCss$1$3 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3570
3570
|
|
|
3571
3571
|
var colorCss$2$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
3572
3572
|
|
|
@@ -3730,6 +3730,17 @@ class AuroDropdownBib extends LitElement {
|
|
|
3730
3730
|
}
|
|
3731
3731
|
}
|
|
3732
3732
|
});
|
|
3733
|
+
|
|
3734
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
3735
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3736
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3737
|
+
}
|
|
3738
|
+
|
|
3739
|
+
disconnectedCallback() {
|
|
3740
|
+
super.disconnectedCallback();
|
|
3741
|
+
|
|
3742
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3743
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3733
3744
|
}
|
|
3734
3745
|
|
|
3735
3746
|
firstUpdated(changedProperties) {
|
|
@@ -3745,6 +3756,19 @@ class AuroDropdownBib extends LitElement {
|
|
|
3745
3756
|
}));
|
|
3746
3757
|
}
|
|
3747
3758
|
|
|
3759
|
+
/**
|
|
3760
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
3761
|
+
* @param {Event} event - The touchmove event.
|
|
3762
|
+
* @returns {void}
|
|
3763
|
+
*/
|
|
3764
|
+
preventBodyScroll(event) {
|
|
3765
|
+
// when touchmove/touchstart on empty space
|
|
3766
|
+
if (event.target === this) {
|
|
3767
|
+
event.preventDefault();
|
|
3768
|
+
event.stopImmediatePropagation();
|
|
3769
|
+
}
|
|
3770
|
+
}
|
|
3771
|
+
|
|
3748
3772
|
// function that renders the HTML and CSS into the scope of the component
|
|
3749
3773
|
render() {
|
|
3750
3774
|
const classes = {
|
|
@@ -16105,6 +16129,10 @@ class AuroCombobox extends AuroElement {
|
|
|
16105
16129
|
* Validate every time we remove focus from the datepicker.
|
|
16106
16130
|
*/
|
|
16107
16131
|
this.addEventListener('focusout', (event) => {
|
|
16132
|
+
if (event.relatedTarget === event.target) {
|
|
16133
|
+
// if the focus is moved within combobox, do nothing.
|
|
16134
|
+
return;
|
|
16135
|
+
}
|
|
16108
16136
|
if (document.activeElement !== this) {
|
|
16109
16137
|
this.validate();
|
|
16110
16138
|
if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
|
|
@@ -5486,7 +5486,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
5486
5486
|
|
|
5487
5487
|
var iconVersion$1 = '6.1.2';
|
|
5488
5488
|
|
|
5489
|
-
var styleCss$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
5489
|
+
var styleCss$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
5490
5490
|
|
|
5491
5491
|
var colorCss$2$1 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
5492
5492
|
|
|
@@ -5650,6 +5650,17 @@ class AuroDropdownBib extends i$2 {
|
|
|
5650
5650
|
}
|
|
5651
5651
|
}
|
|
5652
5652
|
});
|
|
5653
|
+
|
|
5654
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
5655
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
5656
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
5657
|
+
}
|
|
5658
|
+
|
|
5659
|
+
disconnectedCallback() {
|
|
5660
|
+
super.disconnectedCallback();
|
|
5661
|
+
|
|
5662
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
5663
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
5653
5664
|
}
|
|
5654
5665
|
|
|
5655
5666
|
firstUpdated(changedProperties) {
|
|
@@ -5665,6 +5676,19 @@ class AuroDropdownBib extends i$2 {
|
|
|
5665
5676
|
}));
|
|
5666
5677
|
}
|
|
5667
5678
|
|
|
5679
|
+
/**
|
|
5680
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
5681
|
+
* @param {Event} event - The touchmove event.
|
|
5682
|
+
* @returns {void}
|
|
5683
|
+
*/
|
|
5684
|
+
preventBodyScroll(event) {
|
|
5685
|
+
// when touchmove/touchstart on empty space
|
|
5686
|
+
if (event.target === this) {
|
|
5687
|
+
event.preventDefault();
|
|
5688
|
+
event.stopImmediatePropagation();
|
|
5689
|
+
}
|
|
5690
|
+
}
|
|
5691
|
+
|
|
5668
5692
|
// function that renders the HTML and CSS into the scope of the component
|
|
5669
5693
|
render() {
|
|
5670
5694
|
const classes = {
|
|
@@ -5486,7 +5486,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
5486
5486
|
|
|
5487
5487
|
var iconVersion$1 = '6.1.2';
|
|
5488
5488
|
|
|
5489
|
-
var styleCss$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
5489
|
+
var styleCss$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
5490
5490
|
|
|
5491
5491
|
var colorCss$2$1 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
5492
5492
|
|
|
@@ -5650,6 +5650,17 @@ class AuroDropdownBib extends i$2 {
|
|
|
5650
5650
|
}
|
|
5651
5651
|
}
|
|
5652
5652
|
});
|
|
5653
|
+
|
|
5654
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
5655
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
5656
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
5657
|
+
}
|
|
5658
|
+
|
|
5659
|
+
disconnectedCallback() {
|
|
5660
|
+
super.disconnectedCallback();
|
|
5661
|
+
|
|
5662
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
5663
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
5653
5664
|
}
|
|
5654
5665
|
|
|
5655
5666
|
firstUpdated(changedProperties) {
|
|
@@ -5665,6 +5676,19 @@ class AuroDropdownBib extends i$2 {
|
|
|
5665
5676
|
}));
|
|
5666
5677
|
}
|
|
5667
5678
|
|
|
5679
|
+
/**
|
|
5680
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
5681
|
+
* @param {Event} event - The touchmove event.
|
|
5682
|
+
* @returns {void}
|
|
5683
|
+
*/
|
|
5684
|
+
preventBodyScroll(event) {
|
|
5685
|
+
// when touchmove/touchstart on empty space
|
|
5686
|
+
if (event.target === this) {
|
|
5687
|
+
event.preventDefault();
|
|
5688
|
+
event.stopImmediatePropagation();
|
|
5689
|
+
}
|
|
5690
|
+
}
|
|
5691
|
+
|
|
5668
5692
|
// function that renders the HTML and CSS into the scope of the component
|
|
5669
5693
|
render() {
|
|
5670
5694
|
const classes = {
|
|
@@ -5439,7 +5439,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
5439
5439
|
|
|
5440
5440
|
var iconVersion$1 = '6.1.2';
|
|
5441
5441
|
|
|
5442
|
-
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
5442
|
+
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
5443
5443
|
|
|
5444
5444
|
var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
5445
5445
|
|
|
@@ -5603,6 +5603,17 @@ class AuroDropdownBib extends LitElement {
|
|
|
5603
5603
|
}
|
|
5604
5604
|
}
|
|
5605
5605
|
});
|
|
5606
|
+
|
|
5607
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
5608
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
5609
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
5610
|
+
}
|
|
5611
|
+
|
|
5612
|
+
disconnectedCallback() {
|
|
5613
|
+
super.disconnectedCallback();
|
|
5614
|
+
|
|
5615
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
5616
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
5606
5617
|
}
|
|
5607
5618
|
|
|
5608
5619
|
firstUpdated(changedProperties) {
|
|
@@ -5618,6 +5629,19 @@ class AuroDropdownBib extends LitElement {
|
|
|
5618
5629
|
}));
|
|
5619
5630
|
}
|
|
5620
5631
|
|
|
5632
|
+
/**
|
|
5633
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
5634
|
+
* @param {Event} event - The touchmove event.
|
|
5635
|
+
* @returns {void}
|
|
5636
|
+
*/
|
|
5637
|
+
preventBodyScroll(event) {
|
|
5638
|
+
// when touchmove/touchstart on empty space
|
|
5639
|
+
if (event.target === this) {
|
|
5640
|
+
event.preventDefault();
|
|
5641
|
+
event.stopImmediatePropagation();
|
|
5642
|
+
}
|
|
5643
|
+
}
|
|
5644
|
+
|
|
5621
5645
|
// function that renders the HTML and CSS into the scope of the component
|
|
5622
5646
|
render() {
|
|
5623
5647
|
const classes = {
|
|
@@ -5439,7 +5439,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
5439
5439
|
|
|
5440
5440
|
var iconVersion$1 = '6.1.2';
|
|
5441
5441
|
|
|
5442
|
-
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
5442
|
+
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
5443
5443
|
|
|
5444
5444
|
var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
5445
5445
|
|
|
@@ -5603,6 +5603,17 @@ class AuroDropdownBib extends LitElement {
|
|
|
5603
5603
|
}
|
|
5604
5604
|
}
|
|
5605
5605
|
});
|
|
5606
|
+
|
|
5607
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
5608
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
5609
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
5610
|
+
}
|
|
5611
|
+
|
|
5612
|
+
disconnectedCallback() {
|
|
5613
|
+
super.disconnectedCallback();
|
|
5614
|
+
|
|
5615
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
5616
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
5606
5617
|
}
|
|
5607
5618
|
|
|
5608
5619
|
firstUpdated(changedProperties) {
|
|
@@ -5618,6 +5629,19 @@ class AuroDropdownBib extends LitElement {
|
|
|
5618
5629
|
}));
|
|
5619
5630
|
}
|
|
5620
5631
|
|
|
5632
|
+
/**
|
|
5633
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
5634
|
+
* @param {Event} event - The touchmove event.
|
|
5635
|
+
* @returns {void}
|
|
5636
|
+
*/
|
|
5637
|
+
preventBodyScroll(event) {
|
|
5638
|
+
// when touchmove/touchstart on empty space
|
|
5639
|
+
if (event.target === this) {
|
|
5640
|
+
event.preventDefault();
|
|
5641
|
+
event.stopImmediatePropagation();
|
|
5642
|
+
}
|
|
5643
|
+
}
|
|
5644
|
+
|
|
5621
5645
|
// function that renders the HTML and CSS into the scope of the component
|
|
5622
5646
|
render() {
|
|
5623
5647
|
const classes = {
|
|
@@ -17070,7 +17070,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
17070
17070
|
|
|
17071
17071
|
var iconVersion$2 = '6.1.2';
|
|
17072
17072
|
|
|
17073
|
-
var styleCss$1$2 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
17073
|
+
var styleCss$1$2 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
17074
17074
|
|
|
17075
17075
|
var colorCss$2$1 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
17076
17076
|
|
|
@@ -17234,6 +17234,17 @@ class AuroDropdownBib extends i {
|
|
|
17234
17234
|
}
|
|
17235
17235
|
}
|
|
17236
17236
|
});
|
|
17237
|
+
|
|
17238
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
17239
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
17240
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
17241
|
+
}
|
|
17242
|
+
|
|
17243
|
+
disconnectedCallback() {
|
|
17244
|
+
super.disconnectedCallback();
|
|
17245
|
+
|
|
17246
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
17247
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
17237
17248
|
}
|
|
17238
17249
|
|
|
17239
17250
|
firstUpdated(changedProperties) {
|
|
@@ -17249,6 +17260,19 @@ class AuroDropdownBib extends i {
|
|
|
17249
17260
|
}));
|
|
17250
17261
|
}
|
|
17251
17262
|
|
|
17263
|
+
/**
|
|
17264
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
17265
|
+
* @param {Event} event - The touchmove event.
|
|
17266
|
+
* @returns {void}
|
|
17267
|
+
*/
|
|
17268
|
+
preventBodyScroll(event) {
|
|
17269
|
+
// when touchmove/touchstart on empty space
|
|
17270
|
+
if (event.target === this) {
|
|
17271
|
+
event.preventDefault();
|
|
17272
|
+
event.stopImmediatePropagation();
|
|
17273
|
+
}
|
|
17274
|
+
}
|
|
17275
|
+
|
|
17252
17276
|
// function that renders the HTML and CSS into the scope of the component
|
|
17253
17277
|
render() {
|
|
17254
17278
|
const classes = {
|
|
@@ -16811,7 +16811,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
16811
16811
|
|
|
16812
16812
|
var iconVersion$2 = '6.1.2';
|
|
16813
16813
|
|
|
16814
|
-
var styleCss$1$2 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
16814
|
+
var styleCss$1$2 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
16815
16815
|
|
|
16816
16816
|
var colorCss$2$1 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
16817
16817
|
|
|
@@ -16975,6 +16975,17 @@ class AuroDropdownBib extends i {
|
|
|
16975
16975
|
}
|
|
16976
16976
|
}
|
|
16977
16977
|
});
|
|
16978
|
+
|
|
16979
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
16980
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
16981
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
16982
|
+
}
|
|
16983
|
+
|
|
16984
|
+
disconnectedCallback() {
|
|
16985
|
+
super.disconnectedCallback();
|
|
16986
|
+
|
|
16987
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
16988
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
16978
16989
|
}
|
|
16979
16990
|
|
|
16980
16991
|
firstUpdated(changedProperties) {
|
|
@@ -16990,6 +17001,19 @@ class AuroDropdownBib extends i {
|
|
|
16990
17001
|
}));
|
|
16991
17002
|
}
|
|
16992
17003
|
|
|
17004
|
+
/**
|
|
17005
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
17006
|
+
* @param {Event} event - The touchmove event.
|
|
17007
|
+
* @returns {void}
|
|
17008
|
+
*/
|
|
17009
|
+
preventBodyScroll(event) {
|
|
17010
|
+
// when touchmove/touchstart on empty space
|
|
17011
|
+
if (event.target === this) {
|
|
17012
|
+
event.preventDefault();
|
|
17013
|
+
event.stopImmediatePropagation();
|
|
17014
|
+
}
|
|
17015
|
+
}
|
|
17016
|
+
|
|
16993
17017
|
// function that renders the HTML and CSS into the scope of the component
|
|
16994
17018
|
render() {
|
|
16995
17019
|
const classes = {
|
|
@@ -16760,7 +16760,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
16760
16760
|
|
|
16761
16761
|
var iconVersion$2 = '6.1.2';
|
|
16762
16762
|
|
|
16763
|
-
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
16763
|
+
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
16764
16764
|
|
|
16765
16765
|
var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
16766
16766
|
|
|
@@ -16924,6 +16924,17 @@ class AuroDropdownBib extends LitElement {
|
|
|
16924
16924
|
}
|
|
16925
16925
|
}
|
|
16926
16926
|
});
|
|
16927
|
+
|
|
16928
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
16929
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
16930
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
16931
|
+
}
|
|
16932
|
+
|
|
16933
|
+
disconnectedCallback() {
|
|
16934
|
+
super.disconnectedCallback();
|
|
16935
|
+
|
|
16936
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
16937
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
16927
16938
|
}
|
|
16928
16939
|
|
|
16929
16940
|
firstUpdated(changedProperties) {
|
|
@@ -16939,6 +16950,19 @@ class AuroDropdownBib extends LitElement {
|
|
|
16939
16950
|
}));
|
|
16940
16951
|
}
|
|
16941
16952
|
|
|
16953
|
+
/**
|
|
16954
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
16955
|
+
* @param {Event} event - The touchmove event.
|
|
16956
|
+
* @returns {void}
|
|
16957
|
+
*/
|
|
16958
|
+
preventBodyScroll(event) {
|
|
16959
|
+
// when touchmove/touchstart on empty space
|
|
16960
|
+
if (event.target === this) {
|
|
16961
|
+
event.preventDefault();
|
|
16962
|
+
event.stopImmediatePropagation();
|
|
16963
|
+
}
|
|
16964
|
+
}
|
|
16965
|
+
|
|
16942
16966
|
// function that renders the HTML and CSS into the scope of the component
|
|
16943
16967
|
render() {
|
|
16944
16968
|
const classes = {
|
|
@@ -16760,7 +16760,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
16760
16760
|
|
|
16761
16761
|
var iconVersion$2 = '6.1.2';
|
|
16762
16762
|
|
|
16763
|
-
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
16763
|
+
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
16764
16764
|
|
|
16765
16765
|
var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
16766
16766
|
|
|
@@ -16924,6 +16924,17 @@ class AuroDropdownBib extends LitElement {
|
|
|
16924
16924
|
}
|
|
16925
16925
|
}
|
|
16926
16926
|
});
|
|
16927
|
+
|
|
16928
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
16929
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
16930
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
16931
|
+
}
|
|
16932
|
+
|
|
16933
|
+
disconnectedCallback() {
|
|
16934
|
+
super.disconnectedCallback();
|
|
16935
|
+
|
|
16936
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
16937
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
16927
16938
|
}
|
|
16928
16939
|
|
|
16929
16940
|
firstUpdated(changedProperties) {
|
|
@@ -16939,6 +16950,19 @@ class AuroDropdownBib extends LitElement {
|
|
|
16939
16950
|
}));
|
|
16940
16951
|
}
|
|
16941
16952
|
|
|
16953
|
+
/**
|
|
16954
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
16955
|
+
* @param {Event} event - The touchmove event.
|
|
16956
|
+
* @returns {void}
|
|
16957
|
+
*/
|
|
16958
|
+
preventBodyScroll(event) {
|
|
16959
|
+
// when touchmove/touchstart on empty space
|
|
16960
|
+
if (event.target === this) {
|
|
16961
|
+
event.preventDefault();
|
|
16962
|
+
event.stopImmediatePropagation();
|
|
16963
|
+
}
|
|
16964
|
+
}
|
|
16965
|
+
|
|
16942
16966
|
// function that renders the HTML and CSS into the scope of the component
|
|
16943
16967
|
render() {
|
|
16944
16968
|
const classes = {
|
|
@@ -2750,7 +2750,7 @@ class AuroIcon extends BaseIcon {
|
|
|
2750
2750
|
|
|
2751
2751
|
var iconVersion = '6.1.2';
|
|
2752
2752
|
|
|
2753
|
-
var styleCss$1 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
2753
|
+
var styleCss$1 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
2754
2754
|
|
|
2755
2755
|
var colorCss$2 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
2756
2756
|
|
|
@@ -2914,6 +2914,17 @@ class AuroDropdownBib extends i {
|
|
|
2914
2914
|
}
|
|
2915
2915
|
}
|
|
2916
2916
|
});
|
|
2917
|
+
|
|
2918
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
2919
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
2920
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
2921
|
+
}
|
|
2922
|
+
|
|
2923
|
+
disconnectedCallback() {
|
|
2924
|
+
super.disconnectedCallback();
|
|
2925
|
+
|
|
2926
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
2927
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
2917
2928
|
}
|
|
2918
2929
|
|
|
2919
2930
|
firstUpdated(changedProperties) {
|
|
@@ -2929,6 +2940,19 @@ class AuroDropdownBib extends i {
|
|
|
2929
2940
|
}));
|
|
2930
2941
|
}
|
|
2931
2942
|
|
|
2943
|
+
/**
|
|
2944
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
2945
|
+
* @param {Event} event - The touchmove event.
|
|
2946
|
+
* @returns {void}
|
|
2947
|
+
*/
|
|
2948
|
+
preventBodyScroll(event) {
|
|
2949
|
+
// when touchmove/touchstart on empty space
|
|
2950
|
+
if (event.target === this) {
|
|
2951
|
+
event.preventDefault();
|
|
2952
|
+
event.stopImmediatePropagation();
|
|
2953
|
+
}
|
|
2954
|
+
}
|
|
2955
|
+
|
|
2932
2956
|
// function that renders the HTML and CSS into the scope of the component
|
|
2933
2957
|
render() {
|
|
2934
2958
|
const classes = {
|
|
@@ -2725,7 +2725,7 @@ class AuroIcon extends BaseIcon {
|
|
|
2725
2725
|
|
|
2726
2726
|
var iconVersion = '6.1.2';
|
|
2727
2727
|
|
|
2728
|
-
var styleCss$1 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
2728
|
+
var styleCss$1 = i$2`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
2729
2729
|
|
|
2730
2730
|
var colorCss$2 = i$2`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
2731
2731
|
|
|
@@ -2889,6 +2889,17 @@ class AuroDropdownBib extends i {
|
|
|
2889
2889
|
}
|
|
2890
2890
|
}
|
|
2891
2891
|
});
|
|
2892
|
+
|
|
2893
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
2894
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
2895
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
2896
|
+
}
|
|
2897
|
+
|
|
2898
|
+
disconnectedCallback() {
|
|
2899
|
+
super.disconnectedCallback();
|
|
2900
|
+
|
|
2901
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
2902
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
2892
2903
|
}
|
|
2893
2904
|
|
|
2894
2905
|
firstUpdated(changedProperties) {
|
|
@@ -2904,6 +2915,19 @@ class AuroDropdownBib extends i {
|
|
|
2904
2915
|
}));
|
|
2905
2916
|
}
|
|
2906
2917
|
|
|
2918
|
+
/**
|
|
2919
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
2920
|
+
* @param {Event} event - The touchmove event.
|
|
2921
|
+
* @returns {void}
|
|
2922
|
+
*/
|
|
2923
|
+
preventBodyScroll(event) {
|
|
2924
|
+
// when touchmove/touchstart on empty space
|
|
2925
|
+
if (event.target === this) {
|
|
2926
|
+
event.preventDefault();
|
|
2927
|
+
event.stopImmediatePropagation();
|
|
2928
|
+
}
|
|
2929
|
+
}
|
|
2930
|
+
|
|
2907
2931
|
// function that renders the HTML and CSS into the scope of the component
|
|
2908
2932
|
render() {
|
|
2909
2933
|
const classes = {
|
|
@@ -62,6 +62,12 @@ export class AuroDropdownBib extends LitElement {
|
|
|
62
62
|
get mobileFullscreenBreakpoint(): string;
|
|
63
63
|
updated(changedProperties: any): void;
|
|
64
64
|
bibTemplate: any;
|
|
65
|
+
/**
|
|
66
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
67
|
+
* @param {Event} event - The touchmove event.
|
|
68
|
+
* @returns {void}
|
|
69
|
+
*/
|
|
70
|
+
preventBodyScroll(event: Event): void;
|
|
65
71
|
firstUpdated(changedProperties: any): void;
|
|
66
72
|
render(): import("lit-html").TemplateResult;
|
|
67
73
|
}
|
|
@@ -2678,7 +2678,7 @@ class AuroIcon extends BaseIcon {
|
|
|
2678
2678
|
|
|
2679
2679
|
var iconVersion = '6.1.2';
|
|
2680
2680
|
|
|
2681
|
-
var styleCss$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
2681
|
+
var styleCss$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
2682
2682
|
|
|
2683
2683
|
var colorCss$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
2684
2684
|
|
|
@@ -2842,6 +2842,17 @@ class AuroDropdownBib extends LitElement {
|
|
|
2842
2842
|
}
|
|
2843
2843
|
}
|
|
2844
2844
|
});
|
|
2845
|
+
|
|
2846
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
2847
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
2848
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
2849
|
+
}
|
|
2850
|
+
|
|
2851
|
+
disconnectedCallback() {
|
|
2852
|
+
super.disconnectedCallback();
|
|
2853
|
+
|
|
2854
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
2855
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
2845
2856
|
}
|
|
2846
2857
|
|
|
2847
2858
|
firstUpdated(changedProperties) {
|
|
@@ -2857,6 +2868,19 @@ class AuroDropdownBib extends LitElement {
|
|
|
2857
2868
|
}));
|
|
2858
2869
|
}
|
|
2859
2870
|
|
|
2871
|
+
/**
|
|
2872
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
2873
|
+
* @param {Event} event - The touchmove event.
|
|
2874
|
+
* @returns {void}
|
|
2875
|
+
*/
|
|
2876
|
+
preventBodyScroll(event) {
|
|
2877
|
+
// when touchmove/touchstart on empty space
|
|
2878
|
+
if (event.target === this) {
|
|
2879
|
+
event.preventDefault();
|
|
2880
|
+
event.stopImmediatePropagation();
|
|
2881
|
+
}
|
|
2882
|
+
}
|
|
2883
|
+
|
|
2860
2884
|
// function that renders the HTML and CSS into the scope of the component
|
|
2861
2885
|
render() {
|
|
2862
2886
|
const classes = {
|
|
@@ -2678,7 +2678,7 @@ class AuroIcon extends BaseIcon {
|
|
|
2678
2678
|
|
|
2679
2679
|
var iconVersion = '6.1.2';
|
|
2680
2680
|
|
|
2681
|
-
var styleCss$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
2681
|
+
var styleCss$1 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
2682
2682
|
|
|
2683
2683
|
var colorCss$2 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
2684
2684
|
|
|
@@ -2842,6 +2842,17 @@ class AuroDropdownBib extends LitElement {
|
|
|
2842
2842
|
}
|
|
2843
2843
|
}
|
|
2844
2844
|
});
|
|
2845
|
+
|
|
2846
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
2847
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
2848
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
2849
|
+
}
|
|
2850
|
+
|
|
2851
|
+
disconnectedCallback() {
|
|
2852
|
+
super.disconnectedCallback();
|
|
2853
|
+
|
|
2854
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
2855
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
2845
2856
|
}
|
|
2846
2857
|
|
|
2847
2858
|
firstUpdated(changedProperties) {
|
|
@@ -2857,6 +2868,19 @@ class AuroDropdownBib extends LitElement {
|
|
|
2857
2868
|
}));
|
|
2858
2869
|
}
|
|
2859
2870
|
|
|
2871
|
+
/**
|
|
2872
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
2873
|
+
* @param {Event} event - The touchmove event.
|
|
2874
|
+
* @returns {void}
|
|
2875
|
+
*/
|
|
2876
|
+
preventBodyScroll(event) {
|
|
2877
|
+
// when touchmove/touchstart on empty space
|
|
2878
|
+
if (event.target === this) {
|
|
2879
|
+
event.preventDefault();
|
|
2880
|
+
event.stopImmediatePropagation();
|
|
2881
|
+
}
|
|
2882
|
+
}
|
|
2883
|
+
|
|
2860
2884
|
// function that renders the HTML and CSS into the scope of the component
|
|
2861
2885
|
render() {
|
|
2862
2886
|
const classes = {
|
|
@@ -3814,7 +3814,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
3814
3814
|
|
|
3815
3815
|
var iconVersion$2 = '6.1.2';
|
|
3816
3816
|
|
|
3817
|
-
var styleCss$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
3817
|
+
var styleCss$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3818
3818
|
|
|
3819
3819
|
var colorCss$2$2 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
3820
3820
|
|
|
@@ -3978,6 +3978,17 @@ class AuroDropdownBib extends i$2 {
|
|
|
3978
3978
|
}
|
|
3979
3979
|
}
|
|
3980
3980
|
});
|
|
3981
|
+
|
|
3982
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
3983
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3984
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3985
|
+
}
|
|
3986
|
+
|
|
3987
|
+
disconnectedCallback() {
|
|
3988
|
+
super.disconnectedCallback();
|
|
3989
|
+
|
|
3990
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3991
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3981
3992
|
}
|
|
3982
3993
|
|
|
3983
3994
|
firstUpdated(changedProperties) {
|
|
@@ -3993,6 +4004,19 @@ class AuroDropdownBib extends i$2 {
|
|
|
3993
4004
|
}));
|
|
3994
4005
|
}
|
|
3995
4006
|
|
|
4007
|
+
/**
|
|
4008
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
4009
|
+
* @param {Event} event - The touchmove event.
|
|
4010
|
+
* @returns {void}
|
|
4011
|
+
*/
|
|
4012
|
+
preventBodyScroll(event) {
|
|
4013
|
+
// when touchmove/touchstart on empty space
|
|
4014
|
+
if (event.target === this) {
|
|
4015
|
+
event.preventDefault();
|
|
4016
|
+
event.stopImmediatePropagation();
|
|
4017
|
+
}
|
|
4018
|
+
}
|
|
4019
|
+
|
|
3996
4020
|
// function that renders the HTML and CSS into the scope of the component
|
|
3997
4021
|
render() {
|
|
3998
4022
|
const classes = {
|
|
@@ -3711,7 +3711,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
3711
3711
|
|
|
3712
3712
|
var iconVersion$2 = '6.1.2';
|
|
3713
3713
|
|
|
3714
|
-
var styleCss$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
3714
|
+
var styleCss$1$2 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3715
3715
|
|
|
3716
3716
|
var colorCss$2$2 = i$5`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
3717
3717
|
|
|
@@ -3875,6 +3875,17 @@ class AuroDropdownBib extends i$2 {
|
|
|
3875
3875
|
}
|
|
3876
3876
|
}
|
|
3877
3877
|
});
|
|
3878
|
+
|
|
3879
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
3880
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3881
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3882
|
+
}
|
|
3883
|
+
|
|
3884
|
+
disconnectedCallback() {
|
|
3885
|
+
super.disconnectedCallback();
|
|
3886
|
+
|
|
3887
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3888
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3878
3889
|
}
|
|
3879
3890
|
|
|
3880
3891
|
firstUpdated(changedProperties) {
|
|
@@ -3890,6 +3901,19 @@ class AuroDropdownBib extends i$2 {
|
|
|
3890
3901
|
}));
|
|
3891
3902
|
}
|
|
3892
3903
|
|
|
3904
|
+
/**
|
|
3905
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
3906
|
+
* @param {Event} event - The touchmove event.
|
|
3907
|
+
* @returns {void}
|
|
3908
|
+
*/
|
|
3909
|
+
preventBodyScroll(event) {
|
|
3910
|
+
// when touchmove/touchstart on empty space
|
|
3911
|
+
if (event.target === this) {
|
|
3912
|
+
event.preventDefault();
|
|
3913
|
+
event.stopImmediatePropagation();
|
|
3914
|
+
}
|
|
3915
|
+
}
|
|
3916
|
+
|
|
3893
3917
|
// function that renders the HTML and CSS into the scope of the component
|
|
3894
3918
|
render() {
|
|
3895
3919
|
const classes = {
|
|
@@ -3665,7 +3665,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
3665
3665
|
|
|
3666
3666
|
var iconVersion$1 = '6.1.2';
|
|
3667
3667
|
|
|
3668
|
-
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
3668
|
+
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3669
3669
|
|
|
3670
3670
|
var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
3671
3671
|
|
|
@@ -3829,6 +3829,17 @@ class AuroDropdownBib extends LitElement {
|
|
|
3829
3829
|
}
|
|
3830
3830
|
}
|
|
3831
3831
|
});
|
|
3832
|
+
|
|
3833
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
3834
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3835
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3836
|
+
}
|
|
3837
|
+
|
|
3838
|
+
disconnectedCallback() {
|
|
3839
|
+
super.disconnectedCallback();
|
|
3840
|
+
|
|
3841
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3842
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3832
3843
|
}
|
|
3833
3844
|
|
|
3834
3845
|
firstUpdated(changedProperties) {
|
|
@@ -3844,6 +3855,19 @@ class AuroDropdownBib extends LitElement {
|
|
|
3844
3855
|
}));
|
|
3845
3856
|
}
|
|
3846
3857
|
|
|
3858
|
+
/**
|
|
3859
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
3860
|
+
* @param {Event} event - The touchmove event.
|
|
3861
|
+
* @returns {void}
|
|
3862
|
+
*/
|
|
3863
|
+
preventBodyScroll(event) {
|
|
3864
|
+
// when touchmove/touchstart on empty space
|
|
3865
|
+
if (event.target === this) {
|
|
3866
|
+
event.preventDefault();
|
|
3867
|
+
event.stopImmediatePropagation();
|
|
3868
|
+
}
|
|
3869
|
+
}
|
|
3870
|
+
|
|
3847
3871
|
// function that renders the HTML and CSS into the scope of the component
|
|
3848
3872
|
render() {
|
|
3849
3873
|
const classes = {
|
|
@@ -3665,7 +3665,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
|
3665
3665
|
|
|
3666
3666
|
var iconVersion$1 = '6.1.2';
|
|
3667
3667
|
|
|
3668
|
-
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none
|
|
3668
|
+
var styleCss$1$2 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);display:none}:host(:not([matchWidth])) .container{min-width:fit-content}:host([isfullscreen]){top:0;left:0;width:100dvw;height:100dvh}:host([isfullscreen]) .container{width:100%;max-width:none;height:100%;max-height:none;border-radius:unset;margin-top:0;box-shadow:unset;overscroll-behavior:contain}:host([data-show]){display:flex}:host([common]:not([isfullscreen])) .container,:host([rounded]:not([isfullscreen])) .container{border-radius:var(--ds-border-radius, 0.375rem)}:host([common][isfullscreen]) .container,:host([rounded][isfullscreen]) .container{border-radius:unset;box-shadow:unset}:host(:not([isfullscreen])) .container.shape-box{border-radius:unset}:host(:not([isfullscreen])) .container[class*=shape-pill],:host(:not([isfullscreen])) .container[class*=shape-snowflake]{border-radius:30px}.container{display:inline-block;overflow:auto;box-sizing:border-box;border-radius:var(--ds-border-radius, 0.375rem);margin:var(--ds-size-50, 0.25rem) 0}`;
|
|
3669
3669
|
|
|
3670
3670
|
var colorCss$2$1 = css`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
3671
3671
|
|
|
@@ -3829,6 +3829,17 @@ class AuroDropdownBib extends LitElement {
|
|
|
3829
3829
|
}
|
|
3830
3830
|
}
|
|
3831
3831
|
});
|
|
3832
|
+
|
|
3833
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
3834
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3835
|
+
this.addEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3836
|
+
}
|
|
3837
|
+
|
|
3838
|
+
disconnectedCallback() {
|
|
3839
|
+
super.disconnectedCallback();
|
|
3840
|
+
|
|
3841
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
3842
|
+
this.removeEventListener('touchstart', this.preventBodyScroll, { passive: false });
|
|
3832
3843
|
}
|
|
3833
3844
|
|
|
3834
3845
|
firstUpdated(changedProperties) {
|
|
@@ -3844,6 +3855,19 @@ class AuroDropdownBib extends LitElement {
|
|
|
3844
3855
|
}));
|
|
3845
3856
|
}
|
|
3846
3857
|
|
|
3858
|
+
/**
|
|
3859
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
3860
|
+
* @param {Event} event - The touchmove event.
|
|
3861
|
+
* @returns {void}
|
|
3862
|
+
*/
|
|
3863
|
+
preventBodyScroll(event) {
|
|
3864
|
+
// when touchmove/touchstart on empty space
|
|
3865
|
+
if (event.target === this) {
|
|
3866
|
+
event.preventDefault();
|
|
3867
|
+
event.stopImmediatePropagation();
|
|
3868
|
+
}
|
|
3869
|
+
}
|
|
3870
|
+
|
|
3847
3871
|
// function that renders the HTML and CSS into the scope of the component
|
|
3848
3872
|
render() {
|
|
3849
3873
|
const classes = {
|
package/package.json
CHANGED