@aurodesignsystem-dev/auro-formkit 0.0.0-pr740.8 → 0.0.0-pr741.0
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/bibtemplate/dist/auro-bibtemplate.d.ts +6 -0
- package/components/bibtemplate/dist/index.js +24 -0
- package/components/bibtemplate/dist/registered.js +24 -0
- package/components/checkbox/demo/api.min.js +13 -6
- package/components/checkbox/demo/index.min.js +13 -6
- package/components/checkbox/dist/index.js +13 -6
- package/components/checkbox/dist/registered.js +13 -6
- package/components/combobox/demo/api.min.js +32 -46
- package/components/combobox/demo/index.min.js +32 -46
- package/components/combobox/dist/index.js +32 -46
- package/components/combobox/dist/registered.js +32 -46
- package/components/counter/demo/api.html +1 -0
- package/components/counter/demo/api.min.js +31 -34
- package/components/counter/demo/index.html +1 -0
- package/components/counter/demo/index.md +4 -0
- package/components/counter/demo/index.min.js +31 -34
- package/components/counter/dist/index.js +31 -34
- package/components/counter/dist/registered.js +31 -34
- package/components/datepicker/demo/api.min.js +30 -33
- package/components/datepicker/demo/index.min.js +30 -33
- package/components/datepicker/dist/index.js +30 -33
- package/components/datepicker/dist/registered.js +30 -33
- package/components/dropdown/demo/api.md +0 -2
- package/components/dropdown/demo/api.min.js +6 -33
- package/components/dropdown/demo/index.min.js +6 -33
- package/components/dropdown/dist/auro-dropdownBib.d.ts +0 -6
- package/components/dropdown/dist/index.js +6 -33
- package/components/dropdown/dist/registered.js +6 -33
- package/components/select/demo/api.min.js +30 -33
- package/components/select/demo/index.min.js +30 -33
- package/components/select/dist/index.js +30 -33
- package/components/select/dist/registered.js +30 -33
- package/package.json +1 -1
|
@@ -3639,7 +3639,7 @@ var styleCss$1$3 = i$5`:host{position:fixed;z-index:var(--depth-tooltip, 400);di
|
|
|
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
|
|
|
3642
|
-
var tokensCss$1$3 = i$5`:host(:not([ondark])){--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-dropdown-trigger-background-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-bold, #585e67);--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-
|
|
3642
|
+
var tokensCss$1$3 = i$5`:host(:not([ondark])){--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-dropdown-trigger-background-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-bold, #585e67);--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-background-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdownbib-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]){--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db);--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-background-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdownbib-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}`;
|
|
3643
3643
|
|
|
3644
3644
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
3645
3645
|
// See LICENSE in the project root for license information.
|
|
@@ -3799,17 +3799,6 @@ 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 });
|
|
3813
3802
|
}
|
|
3814
3803
|
|
|
3815
3804
|
firstUpdated(changedProperties) {
|
|
@@ -3825,19 +3814,6 @@ class AuroDropdownBib extends i$2 {
|
|
|
3825
3814
|
}));
|
|
3826
3815
|
}
|
|
3827
3816
|
|
|
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
|
-
|
|
3841
3817
|
// function that renders the HTML and CSS into the scope of the component
|
|
3842
3818
|
render() {
|
|
3843
3819
|
const classes = {
|
|
@@ -3860,15 +3836,15 @@ var dropdownVersion$1 = '3.0.0';
|
|
|
3860
3836
|
|
|
3861
3837
|
var shapeSizeCss$1 = i$5`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}`;
|
|
3862
3838
|
|
|
3863
|
-
var colorCss$1$3 = i$5`:host .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus,:host(:not([ondark])) .wrapper:
|
|
3839
|
+
var colorCss$1$3 = i$5`:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
|
|
3864
3840
|
|
|
3865
|
-
var classicColorCss$1 = i$5
|
|
3841
|
+
var classicColorCss$1 = i$5``;
|
|
3866
3842
|
|
|
3867
|
-
var classicLayoutCss = i$5`:host([layout*=classic]){position:relative;max-width:100%}:host([layout*=classic]) #bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}:host([layout*=classic]) .label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}:host([layout*=classic]) .label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}:host([layout*=classic]) .
|
|
3843
|
+
var classicLayoutCss = i$5`:host([layout*=classic]){position:relative;max-width:100%}:host([layout*=classic]) #bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}:host([layout*=classic]) .label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}:host([layout*=classic]) .label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}:host([layout*=classic]) .wrapper{display:flex;flex-direction:row;box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-outline-color)}@media(hover: hover){:host([layout*=classic]) .wrapper:hover{cursor:pointer}}:host([layout*=classic]) .triggerContentWrapper{overflow:hidden;flex:1;justify-content:start;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) #showStateIcon{display:flex;overflow:hidden;height:100%;align-items:center;padding-right:var(--ds-size-150, 0.75rem)}:host([layout*=classic]) #showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}:host([layout*=classic]) #showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}:host([layout*=classic]:not([simple])) .triggerContentWrapper{padding-left:var(--ds-size-150, 0.75rem)}:host([layout*=classic][matchwidth]) #bibSizer{width:100%}:host([layout*=classic][disabled]){pointer-events:none}`;
|
|
3868
3844
|
|
|
3869
|
-
var styleEmphasizedCss$1 = i$5`:host{display:block}.layout-emphasized .chevron,.layout-emphasized-left .chevron,.layout-emphasized-right .chevron{margin-right:var(--ds-size-300, 1.5rem)}.wrapper{display:flex;flex-direction:row
|
|
3845
|
+
var styleEmphasizedCss$1 = i$5`:host{display:block}.layout-emphasized .chevron,.layout-emphasized-left .chevron,.layout-emphasized-right .chevron{margin-right:var(--ds-size-300, 1.5rem)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([layout*=emphasized][shape*=pill]:not([layout*=right])) .leftIndent{width:calc(100% - var(--ds-size-300, 1.5rem));margin-left:var(--ds-size-300, 1.5rem)}:host([layout*=emphasized][shape*=pill]:not([layout*=left])) .rightIndent{width:calc(100% - var(--ds-size-300, 1.5rem));margin-right:var(--ds-size-300, 1.5rem)}:host([layout*=emphasized][shape*=pill]:not([layout*=left]):not([layout*=right])) .rightIndent{width:calc(100% - var(--ds-size-600, 3rem));margin-right:var(--ds-size-300, 1.5rem)}`;
|
|
3870
3846
|
|
|
3871
|
-
var styleSnowflakeCss$1 = i$5`:host{display:block}.wrapper{display:flex;flex-direction:row
|
|
3847
|
+
var styleSnowflakeCss$1 = i$5`:host{display:block}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([layout*=snowflake]) .leftIndent{width:calc(100% - var(--ds-size-600, 3rem));margin-left:var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .rightIndent{width:calc(100% - var(--ds-size-600, 3rem));margin-right:var(--ds-size-300, 1.5rem)}.layout-snowflake .chevron,.layout-snowflake-left .chevron,.layout-snowflake-right .chevron{margin-right:var(--ds-size-300, 1.5rem)}`;
|
|
3872
3848
|
|
|
3873
3849
|
var colorCss$6 = i$5`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
3874
3850
|
|
|
@@ -4678,9 +4654,6 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4678
4654
|
}
|
|
4679
4655
|
|
|
4680
4656
|
this.bibContent = this.floater.element.bib;
|
|
4681
|
-
this.bibContent.setAttribute('role', 'dialog');
|
|
4682
|
-
this.bibContent.setAttribute('aria-modal', 'true');
|
|
4683
|
-
this.bibContent.setAttribute('aria-labelledby', 'triggerLabel');
|
|
4684
4657
|
|
|
4685
4658
|
// Add the tag name as an attribute if it is different than the component name
|
|
4686
4659
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-dropdown');
|
|
@@ -15162,6 +15135,30 @@ class AuroBibtemplate extends i$2 {
|
|
|
15162
15135
|
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroBibtemplate);
|
|
15163
15136
|
}
|
|
15164
15137
|
|
|
15138
|
+
/**
|
|
15139
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
15140
|
+
* @param {Event} event - The touchmove event.
|
|
15141
|
+
* @returns {void}
|
|
15142
|
+
*/
|
|
15143
|
+
preventBodyScroll(event) {
|
|
15144
|
+
if (event.target === this) {
|
|
15145
|
+
event.preventDefault();
|
|
15146
|
+
}
|
|
15147
|
+
}
|
|
15148
|
+
|
|
15149
|
+
connectedCallback() {
|
|
15150
|
+
super.connectedCallback();
|
|
15151
|
+
|
|
15152
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
15153
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
15154
|
+
}
|
|
15155
|
+
|
|
15156
|
+
disconnectedCallback() {
|
|
15157
|
+
super.disconnectedCallback();
|
|
15158
|
+
|
|
15159
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
15160
|
+
}
|
|
15161
|
+
|
|
15165
15162
|
onCloseButtonClick() {
|
|
15166
15163
|
this.dispatchEvent(new Event("close-click", { bubbles: true,
|
|
15167
15164
|
composed: true }));
|
|
@@ -16210,18 +16207,9 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16210
16207
|
/**
|
|
16211
16208
|
* Validate every time we remove focus from the datepicker.
|
|
16212
16209
|
*/
|
|
16213
|
-
this.addEventListener('focusout', (
|
|
16214
|
-
if (event.relatedTarget === event.target) {
|
|
16215
|
-
// if the focus is moved within combobox, do nothing.
|
|
16216
|
-
return;
|
|
16217
|
-
}
|
|
16210
|
+
this.addEventListener('focusout', () => {
|
|
16218
16211
|
if (document.activeElement !== this) {
|
|
16219
16212
|
this.validate();
|
|
16220
|
-
if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
|
|
16221
|
-
event.preventDefault();
|
|
16222
|
-
event.stopImmediatePropagation();
|
|
16223
|
-
this.focus();
|
|
16224
|
-
}
|
|
16225
16213
|
}
|
|
16226
16214
|
});
|
|
16227
16215
|
|
|
@@ -16397,9 +16385,7 @@ class AuroCombobox extends AuroElement$1 {
|
|
|
16397
16385
|
* @returns {void}
|
|
16398
16386
|
*/
|
|
16399
16387
|
focus() {
|
|
16400
|
-
|
|
16401
|
-
this.setInputFocus();
|
|
16402
|
-
}
|
|
16388
|
+
this.input.focus();
|
|
16403
16389
|
}
|
|
16404
16390
|
|
|
16405
16391
|
/**
|
|
@@ -3570,7 +3570,7 @@ var styleCss$1$3 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);di
|
|
|
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
|
|
|
3573
|
-
var tokensCss$1$2 = css`:host(:not([ondark])){--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-dropdown-trigger-background-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-bold, #585e67);--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-
|
|
3573
|
+
var tokensCss$1$2 = css`:host(:not([ondark])){--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-dropdown-trigger-background-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-bold, #585e67);--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-background-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdownbib-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]){--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db);--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-background-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdownbib-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}`;
|
|
3574
3574
|
|
|
3575
3575
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
3576
3576
|
// See LICENSE in the project root for license information.
|
|
@@ -3730,17 +3730,6 @@ 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 });
|
|
3744
3733
|
}
|
|
3745
3734
|
|
|
3746
3735
|
firstUpdated(changedProperties) {
|
|
@@ -3756,19 +3745,6 @@ class AuroDropdownBib extends LitElement {
|
|
|
3756
3745
|
}));
|
|
3757
3746
|
}
|
|
3758
3747
|
|
|
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
|
-
|
|
3772
3748
|
// function that renders the HTML and CSS into the scope of the component
|
|
3773
3749
|
render() {
|
|
3774
3750
|
const classes = {
|
|
@@ -3791,15 +3767,15 @@ var dropdownVersion$1 = '3.0.0';
|
|
|
3791
3767
|
|
|
3792
3768
|
var shapeSizeCss$1 = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}`;
|
|
3793
3769
|
|
|
3794
|
-
var colorCss$1$2 = css`:host .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus,:host(:not([ondark])) .wrapper:
|
|
3770
|
+
var colorCss$1$2 = css`:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
|
|
3795
3771
|
|
|
3796
|
-
var classicColorCss$1 = css
|
|
3772
|
+
var classicColorCss$1 = css``;
|
|
3797
3773
|
|
|
3798
|
-
var classicLayoutCss = css`:host([layout*=classic]){position:relative;max-width:100%}:host([layout*=classic]) #bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}:host([layout*=classic]) .label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}:host([layout*=classic]) .label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}:host([layout*=classic]) .
|
|
3774
|
+
var classicLayoutCss = css`:host([layout*=classic]){position:relative;max-width:100%}:host([layout*=classic]) #bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}:host([layout*=classic]) .label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}:host([layout*=classic]) .label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}:host([layout*=classic]) .wrapper{display:flex;flex-direction:row;box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-outline-color)}@media(hover: hover){:host([layout*=classic]) .wrapper:hover{cursor:pointer}}:host([layout*=classic]) .triggerContentWrapper{overflow:hidden;flex:1;justify-content:start;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) #showStateIcon{display:flex;overflow:hidden;height:100%;align-items:center;padding-right:var(--ds-size-150, 0.75rem)}:host([layout*=classic]) #showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}:host([layout*=classic]) #showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}:host([layout*=classic]:not([simple])) .triggerContentWrapper{padding-left:var(--ds-size-150, 0.75rem)}:host([layout*=classic][matchwidth]) #bibSizer{width:100%}:host([layout*=classic][disabled]){pointer-events:none}`;
|
|
3799
3775
|
|
|
3800
|
-
var styleEmphasizedCss$1 = css`:host{display:block}.layout-emphasized .chevron,.layout-emphasized-left .chevron,.layout-emphasized-right .chevron{margin-right:var(--ds-size-300, 1.5rem)}.wrapper{display:flex;flex-direction:row
|
|
3776
|
+
var styleEmphasizedCss$1 = css`:host{display:block}.layout-emphasized .chevron,.layout-emphasized-left .chevron,.layout-emphasized-right .chevron{margin-right:var(--ds-size-300, 1.5rem)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([layout*=emphasized][shape*=pill]:not([layout*=right])) .leftIndent{width:calc(100% - var(--ds-size-300, 1.5rem));margin-left:var(--ds-size-300, 1.5rem)}:host([layout*=emphasized][shape*=pill]:not([layout*=left])) .rightIndent{width:calc(100% - var(--ds-size-300, 1.5rem));margin-right:var(--ds-size-300, 1.5rem)}:host([layout*=emphasized][shape*=pill]:not([layout*=left]):not([layout*=right])) .rightIndent{width:calc(100% - var(--ds-size-600, 3rem));margin-right:var(--ds-size-300, 1.5rem)}`;
|
|
3801
3777
|
|
|
3802
|
-
var styleSnowflakeCss$1 = css`:host{display:block}.wrapper{display:flex;flex-direction:row
|
|
3778
|
+
var styleSnowflakeCss$1 = css`:host{display:block}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([layout*=snowflake]) .leftIndent{width:calc(100% - var(--ds-size-600, 3rem));margin-left:var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .rightIndent{width:calc(100% - var(--ds-size-600, 3rem));margin-right:var(--ds-size-300, 1.5rem)}.layout-snowflake .chevron,.layout-snowflake-left .chevron,.layout-snowflake-right .chevron{margin-right:var(--ds-size-300, 1.5rem)}`;
|
|
3803
3779
|
|
|
3804
3780
|
var colorCss$6 = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
3805
3781
|
|
|
@@ -4609,9 +4585,6 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4609
4585
|
}
|
|
4610
4586
|
|
|
4611
4587
|
this.bibContent = this.floater.element.bib;
|
|
4612
|
-
this.bibContent.setAttribute('role', 'dialog');
|
|
4613
|
-
this.bibContent.setAttribute('aria-modal', 'true');
|
|
4614
|
-
this.bibContent.setAttribute('aria-labelledby', 'triggerLabel');
|
|
4615
4588
|
|
|
4616
4589
|
// Add the tag name as an attribute if it is different than the component name
|
|
4617
4590
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-dropdown');
|
|
@@ -15080,6 +15053,30 @@ class AuroBibtemplate extends LitElement {
|
|
|
15080
15053
|
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroBibtemplate);
|
|
15081
15054
|
}
|
|
15082
15055
|
|
|
15056
|
+
/**
|
|
15057
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
15058
|
+
* @param {Event} event - The touchmove event.
|
|
15059
|
+
* @returns {void}
|
|
15060
|
+
*/
|
|
15061
|
+
preventBodyScroll(event) {
|
|
15062
|
+
if (event.target === this) {
|
|
15063
|
+
event.preventDefault();
|
|
15064
|
+
}
|
|
15065
|
+
}
|
|
15066
|
+
|
|
15067
|
+
connectedCallback() {
|
|
15068
|
+
super.connectedCallback();
|
|
15069
|
+
|
|
15070
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
15071
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
15072
|
+
}
|
|
15073
|
+
|
|
15074
|
+
disconnectedCallback() {
|
|
15075
|
+
super.disconnectedCallback();
|
|
15076
|
+
|
|
15077
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
15078
|
+
}
|
|
15079
|
+
|
|
15083
15080
|
onCloseButtonClick() {
|
|
15084
15081
|
this.dispatchEvent(new Event("close-click", { bubbles: true,
|
|
15085
15082
|
composed: true }));
|
|
@@ -16128,18 +16125,9 @@ class AuroCombobox extends AuroElement {
|
|
|
16128
16125
|
/**
|
|
16129
16126
|
* Validate every time we remove focus from the datepicker.
|
|
16130
16127
|
*/
|
|
16131
|
-
this.addEventListener('focusout', (
|
|
16132
|
-
if (event.relatedTarget === event.target) {
|
|
16133
|
-
// if the focus is moved within combobox, do nothing.
|
|
16134
|
-
return;
|
|
16135
|
-
}
|
|
16128
|
+
this.addEventListener('focusout', () => {
|
|
16136
16129
|
if (document.activeElement !== this) {
|
|
16137
16130
|
this.validate();
|
|
16138
|
-
if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
|
|
16139
|
-
event.preventDefault();
|
|
16140
|
-
event.stopImmediatePropagation();
|
|
16141
|
-
this.focus();
|
|
16142
|
-
}
|
|
16143
16131
|
}
|
|
16144
16132
|
});
|
|
16145
16133
|
|
|
@@ -16315,9 +16303,7 @@ class AuroCombobox extends AuroElement {
|
|
|
16315
16303
|
* @returns {void}
|
|
16316
16304
|
*/
|
|
16317
16305
|
focus() {
|
|
16318
|
-
|
|
16319
|
-
this.setInputFocus();
|
|
16320
|
-
}
|
|
16306
|
+
this.input.focus();
|
|
16321
16307
|
}
|
|
16322
16308
|
|
|
16323
16309
|
/**
|
|
@@ -3570,7 +3570,7 @@ var styleCss$1$3 = css`:host{position:fixed;z-index:var(--depth-tooltip, 400);di
|
|
|
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
|
|
|
3573
|
-
var tokensCss$1$2 = css`:host(:not([ondark])){--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-dropdown-trigger-background-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-bold, #585e67);--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-
|
|
3573
|
+
var tokensCss$1$2 = css`:host(:not([ondark])){--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-muted, #676767);--ds-auro-dropdown-trigger-background-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-bold, #585e67);--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-background-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdownbib-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]){--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db);--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse, #ffffff);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-background-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-advanced-color-shared-background-inverse, rgba(255, 255, 255, 0.15));--ds-auro-dropdownbib-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}`;
|
|
3574
3574
|
|
|
3575
3575
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
3576
3576
|
// See LICENSE in the project root for license information.
|
|
@@ -3730,17 +3730,6 @@ 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 });
|
|
3744
3733
|
}
|
|
3745
3734
|
|
|
3746
3735
|
firstUpdated(changedProperties) {
|
|
@@ -3756,19 +3745,6 @@ class AuroDropdownBib extends LitElement {
|
|
|
3756
3745
|
}));
|
|
3757
3746
|
}
|
|
3758
3747
|
|
|
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
|
-
|
|
3772
3748
|
// function that renders the HTML and CSS into the scope of the component
|
|
3773
3749
|
render() {
|
|
3774
3750
|
const classes = {
|
|
@@ -3791,15 +3767,15 @@ var dropdownVersion$1 = '3.0.0';
|
|
|
3791
3767
|
|
|
3792
3768
|
var shapeSizeCss$1 = css`.wrapper{overflow:hidden}.shape-classic-xl,.shape-classic-lg,.shape-classic-md,.shape-classic-sm,.shape-classic-xs{min-height:58px;max-height:58px;border-style:solid;border-width:1px;border-radius:var(--ds-border-radius, 0.375rem)}.shape-classic-xl.simple,.shape-classic-lg.simple,.shape-classic-md.simple,.shape-classic-sm.simple,.shape-classic-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-classic-xl.thin,.shape-classic-lg.thin,.shape-classic-md.thin,.shape-classic-sm.thin,.shape-classic-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-classic-xl.parentBorder,.shape-classic-lg.parentBorder,.shape-classic-md.parentBorder,.shape-classic-sm.parentBorder,.shape-classic-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-snowflake-xl,.shape-snowflake-lg,.shape-snowflake-md,.shape-snowflake-sm,.shape-snowflake-xs{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:30px}.shape-snowflake-xl.simple,.shape-snowflake-lg.simple,.shape-snowflake-md.simple,.shape-snowflake-sm.simple,.shape-snowflake-xs.simple{border-width:0px;min-height:60px;max-height:60px;background-color:unset;box-shadow:none}.shape-snowflake-xl.thin,.shape-snowflake-lg.thin,.shape-snowflake-md.thin,.shape-snowflake-sm.thin,.shape-snowflake-xs.thin{border-width:1px;min-height:58px;max-height:58px;background-color:unset}.shape-snowflake-xl.parentBorder,.shape-snowflake-lg.parentBorder,.shape-snowflake-md.parentBorder,.shape-snowflake-sm.parentBorder,.shape-snowflake-xs.parentBorder{border:0;box-shadow:unset;min-height:56px;max-height:56px}.shape-box-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent}.shape-box-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-box-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-box-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-rounded-lg{min-height:56px;max-height:56px;border-style:solid;border-width:2px;border-color:transparent;border-radius:6px}.shape-rounded-lg.simple{border-width:0px;min-height:56px;max-height:56px;background-color:unset;box-shadow:none}.shape-rounded-lg.thin{border-width:1px;min-height:54px;max-height:54px;background-color:unset}.shape-rounded-lg.parentBorder{border:0;box-shadow:unset;min-height:52px;max-height:52px}.shape-pill-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-left-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-left-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-left-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-right-xl{min-height:68px;max-height:68px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-xl.simple{border-width:0px;min-height:72px;max-height:72px;background-color:unset;box-shadow:none}.shape-pill-right-xl.thin{border-width:1px;min-height:70px;max-height:70px;background-color:unset}.shape-pill-right-xl.parentBorder{border:0;box-shadow:unset;min-height:68px;max-height:68px}.shape-pill-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px}.shape-pill-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-left-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:36px 0 0 36px}.shape-pill-left-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-left-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-left-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}.shape-pill-right-md{min-height:44px;max-height:44px;border-style:solid;border-width:2px;border-color:transparent;border-radius:0 36px 36px 0}.shape-pill-right-md.simple{border-width:0px;min-height:48px;max-height:48px;background-color:unset;box-shadow:none}.shape-pill-right-md.thin{border-width:1px;min-height:46px;max-height:46px;background-color:unset}.shape-pill-right-md.parentBorder{border:0;box-shadow:unset;min-height:44px;max-height:44px}`;
|
|
3793
3769
|
|
|
3794
|
-
var colorCss$1$2 = css`:host .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus,:host(:not([ondark])) .wrapper:
|
|
3770
|
+
var colorCss$1$2 = css`:host(:not([ondark])) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host(:not([ondark])) .wrapper:focus-within,:host(:not([ondark])) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused, #01426a)}:host(:not([onDark])[disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-disabled, #d0d0d0);--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([ondark])[error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]) .label{color:var(--ds-auro-dropdown-label-text-color)}:host([onDark]) .wrapper{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-background-color);color:var(--ds-auro-dropdown-trigger-text-color)}:host([onDark]) .wrapper:focus-within,:host([onDark]) .wrapper:active{--ds-auro-dropdown-trigger-border-color: var(--ds-advanced-color-state-focused-inverse, #ffffff);--ds-auro-dropdown-trigger-outline-color: var(--ds-advanced-color-state-focused-inverse, #ffffff)}:host([onDark][disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-label-text-color: var(--ds-basic-color-texticon-inverse-disabled, #7e8894);--ds-auro-dropdown-trigger-container-color: var(--ds-advanced-color-shared-background-inverse-disabled, rgba(255, 255, 255, 0.1))}:host([ondark][error]){--ds-auro-dropdown-trigger-border-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}`;
|
|
3795
3771
|
|
|
3796
|
-
var classicColorCss$1 = css
|
|
3772
|
+
var classicColorCss$1 = css``;
|
|
3797
3773
|
|
|
3798
|
-
var classicLayoutCss = css`:host([layout*=classic]){position:relative;max-width:100%}:host([layout*=classic]) #bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}:host([layout*=classic]) .label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}:host([layout*=classic]) .label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}:host([layout*=classic]) .
|
|
3774
|
+
var classicLayoutCss = css`:host([layout*=classic]){position:relative;max-width:100%}:host([layout*=classic]) #bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}:host([layout*=classic]) .label{font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-text-body-size-default, 1rem);transition:font-size .3s cubic-bezier(0.215, 0.61, 0.355, 1);white-space:normal}:host([layout*=classic]) .label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}:host([layout*=classic]) .wrapper{display:flex;flex-direction:row;box-shadow:inset 0 0 0 1px var(--ds-auro-dropdown-trigger-outline-color)}@media(hover: hover){:host([layout*=classic]) .wrapper:hover{cursor:pointer}}:host([layout*=classic]) .triggerContentWrapper{overflow:hidden;flex:1;justify-content:start;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) #showStateIcon{display:flex;overflow:hidden;height:100%;align-items:center;padding-right:var(--ds-size-150, 0.75rem)}:host([layout*=classic]) #showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}:host([layout*=classic]) #showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}:host([layout*=classic]:not([simple])) .triggerContentWrapper{padding-left:var(--ds-size-150, 0.75rem)}:host([layout*=classic][matchwidth]) #bibSizer{width:100%}:host([layout*=classic][disabled]){pointer-events:none}`;
|
|
3799
3775
|
|
|
3800
|
-
var styleEmphasizedCss$1 = css`:host{display:block}.layout-emphasized .chevron,.layout-emphasized-left .chevron,.layout-emphasized-right .chevron{margin-right:var(--ds-size-300, 1.5rem)}.wrapper{display:flex;flex-direction:row
|
|
3776
|
+
var styleEmphasizedCss$1 = css`:host{display:block}.layout-emphasized .chevron,.layout-emphasized-left .chevron,.layout-emphasized-right .chevron{margin-right:var(--ds-size-300, 1.5rem)}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([layout*=emphasized][shape*=pill]:not([layout*=right])) .leftIndent{width:calc(100% - var(--ds-size-300, 1.5rem));margin-left:var(--ds-size-300, 1.5rem)}:host([layout*=emphasized][shape*=pill]:not([layout*=left])) .rightIndent{width:calc(100% - var(--ds-size-300, 1.5rem));margin-right:var(--ds-size-300, 1.5rem)}:host([layout*=emphasized][shape*=pill]:not([layout*=left]):not([layout*=right])) .rightIndent{width:calc(100% - var(--ds-size-600, 3rem));margin-right:var(--ds-size-300, 1.5rem)}`;
|
|
3801
3777
|
|
|
3802
|
-
var styleSnowflakeCss$1 = css`:host{display:block}.wrapper{display:flex;flex-direction:row
|
|
3778
|
+
var styleSnowflakeCss$1 = css`:host{display:block}.wrapper{display:flex;flex:1;flex-direction:row;align-items:center;justify-content:center;outline:none}.triggerContentWrapper{display:flex;overflow:hidden;width:100%;flex:1;align-items:center;justify-content:center;text-overflow:ellipsis;white-space:nowrap}:host([layout*=snowflake]) .leftIndent{width:calc(100% - var(--ds-size-600, 3rem));margin-left:var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .rightIndent{width:calc(100% - var(--ds-size-600, 3rem));margin-right:var(--ds-size-300, 1.5rem)}.layout-snowflake .chevron,.layout-snowflake-left .chevron,.layout-snowflake-right .chevron{margin-right:var(--ds-size-300, 1.5rem)}`;
|
|
3803
3779
|
|
|
3804
3780
|
var colorCss$6 = css`:host([error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error, #e31f26)}:host([onDark]){--ds-auro-helptext-color: var(--ds-basic-color-texticon-inverse-muted, #ccd2db)}:host([onDark][error]){--ds-auro-helptext-color: var(--ds-basic-color-status-error-subtle, #fbc6c6)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
3805
3781
|
|
|
@@ -4609,9 +4585,6 @@ class AuroDropdown extends AuroElement$4 {
|
|
|
4609
4585
|
}
|
|
4610
4586
|
|
|
4611
4587
|
this.bibContent = this.floater.element.bib;
|
|
4612
|
-
this.bibContent.setAttribute('role', 'dialog');
|
|
4613
|
-
this.bibContent.setAttribute('aria-modal', 'true');
|
|
4614
|
-
this.bibContent.setAttribute('aria-labelledby', 'triggerLabel');
|
|
4615
4588
|
|
|
4616
4589
|
// Add the tag name as an attribute if it is different than the component name
|
|
4617
4590
|
this.runtimeUtils.handleComponentTagRename(this, 'auro-dropdown');
|
|
@@ -15080,6 +15053,30 @@ class AuroBibtemplate extends LitElement {
|
|
|
15080
15053
|
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroBibtemplate);
|
|
15081
15054
|
}
|
|
15082
15055
|
|
|
15056
|
+
/**
|
|
15057
|
+
* Prevents scrolling of the body when touching empty areas of the component.
|
|
15058
|
+
* @param {Event} event - The touchmove event.
|
|
15059
|
+
* @returns {void}
|
|
15060
|
+
*/
|
|
15061
|
+
preventBodyScroll(event) {
|
|
15062
|
+
if (event.target === this) {
|
|
15063
|
+
event.preventDefault();
|
|
15064
|
+
}
|
|
15065
|
+
}
|
|
15066
|
+
|
|
15067
|
+
connectedCallback() {
|
|
15068
|
+
super.connectedCallback();
|
|
15069
|
+
|
|
15070
|
+
this.preventBodyScroll = this.preventBodyScroll.bind(this);
|
|
15071
|
+
this.addEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
15072
|
+
}
|
|
15073
|
+
|
|
15074
|
+
disconnectedCallback() {
|
|
15075
|
+
super.disconnectedCallback();
|
|
15076
|
+
|
|
15077
|
+
this.removeEventListener('touchmove', this.preventBodyScroll, { passive: false });
|
|
15078
|
+
}
|
|
15079
|
+
|
|
15083
15080
|
onCloseButtonClick() {
|
|
15084
15081
|
this.dispatchEvent(new Event("close-click", { bubbles: true,
|
|
15085
15082
|
composed: true }));
|
|
@@ -16128,18 +16125,9 @@ class AuroCombobox extends AuroElement {
|
|
|
16128
16125
|
/**
|
|
16129
16126
|
* Validate every time we remove focus from the datepicker.
|
|
16130
16127
|
*/
|
|
16131
|
-
this.addEventListener('focusout', (
|
|
16132
|
-
if (event.relatedTarget === event.target) {
|
|
16133
|
-
// if the focus is moved within combobox, do nothing.
|
|
16134
|
-
return;
|
|
16135
|
-
}
|
|
16128
|
+
this.addEventListener('focusout', () => {
|
|
16136
16129
|
if (document.activeElement !== this) {
|
|
16137
16130
|
this.validate();
|
|
16138
|
-
if (this.dropdown.isPopoverVisible && this.dropdown.isBibFullscreen) {
|
|
16139
|
-
event.preventDefault();
|
|
16140
|
-
event.stopImmediatePropagation();
|
|
16141
|
-
this.focus();
|
|
16142
|
-
}
|
|
16143
16131
|
}
|
|
16144
16132
|
});
|
|
16145
16133
|
|
|
@@ -16315,9 +16303,7 @@ class AuroCombobox extends AuroElement {
|
|
|
16315
16303
|
* @returns {void}
|
|
16316
16304
|
*/
|
|
16317
16305
|
focus() {
|
|
16318
|
-
|
|
16319
|
-
this.setInputFocus();
|
|
16320
|
-
}
|
|
16306
|
+
this.input.focus();
|
|
16321
16307
|
}
|
|
16322
16308
|
|
|
16323
16309
|
/**
|
|
@@ -50,5 +50,6 @@
|
|
|
50
50
|
<!-- If additional elements are needed for the demo, add them here. -->
|
|
51
51
|
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
|
|
52
52
|
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
|
|
53
|
+
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
|
|
53
54
|
</body>
|
|
54
55
|
</html>
|