@aurodesignsystem/auro-formkit 2.0.0-beta.42 → 2.0.0-beta.43
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/CHANGELOG.md +18 -0
- package/NOTICE +2 -0
- package/README.md +116 -48
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts +0 -1
- package/components/bibtemplate/dist/headerVersion.d.ts +0 -1
- package/components/bibtemplate/dist/iconVersion.d.ts +0 -1
- package/components/bibtemplate/dist/index.d.ts +0 -1
- package/components/bibtemplate/dist/index.js +8 -10
- package/components/bibtemplate/dist/registered.js +790 -0
- package/components/bibtemplate/dist/styles/color-css.d.ts +0 -1
- package/components/bibtemplate/dist/styles/style-css.d.ts +0 -1
- package/components/bibtemplate/dist/styles/tokens-css.d.ts +0 -1
- package/components/checkbox/README.md +1 -1
- package/components/checkbox/demo/api.min.js +38 -229
- package/components/checkbox/demo/index.html +49 -0
- package/components/checkbox/demo/index.min.js +38 -229
- package/components/checkbox/dist/auro-checkbox-group.d.ts +0 -1
- package/components/checkbox/dist/auro-checkbox.d.ts +0 -1
- package/components/checkbox/dist/index.d.ts +0 -1
- package/components/checkbox/dist/index.js +38 -232
- package/components/checkbox/dist/registered.js +1032 -0
- package/components/checkbox/dist/styles/auro-checkbox-css.d.ts +0 -1
- package/components/checkbox/dist/styles/auro-checkbox-group-css.d.ts +0 -1
- package/components/checkbox/dist/styles/color-css.d.ts +0 -1
- package/components/checkbox/dist/styles/colorGroup-css.d.ts +0 -1
- package/components/checkbox/dist/styles/tokens-css.d.ts +0 -1
- package/components/combobox/README.md +4 -4
- package/components/combobox/demo/api.js +1 -1
- package/components/combobox/demo/api.min.js +409 -2166
- package/components/combobox/demo/index.html +57 -0
- package/components/combobox/demo/index.js +1 -1
- package/components/combobox/demo/index.min.js +409 -2166
- package/components/combobox/dist/auro-combobox.d.ts +0 -1
- package/components/combobox/dist/bibtemplateVersion.d.ts +0 -1
- package/components/combobox/dist/dropdownVersion.d.ts +0 -1
- package/components/combobox/dist/index.d.ts +0 -1
- package/components/combobox/dist/index.js +452 -2211
- package/components/combobox/dist/inputVersion.d.ts +0 -1
- package/components/combobox/dist/registered.js +9716 -0
- package/components/combobox/dist/styles/style-css.d.ts +0 -1
- package/components/counter/README.md +1 -1
- package/components/counter/demo/api.js +1 -1
- package/components/counter/demo/api.min.js +128 -321
- package/components/counter/demo/index.html +53 -0
- package/components/counter/demo/index.min.js +128 -321
- package/components/counter/dist/auro-counter-button.d.ts +0 -1
- package/components/counter/dist/auro-counter-group.d.ts +0 -1
- package/components/counter/dist/auro-counter-wrapper.d.ts +0 -1
- package/components/counter/dist/auro-counter.d.ts +0 -1
- package/components/counter/dist/dropdownVersion.d.ts +0 -1
- package/components/counter/dist/iconVersion.d.ts +0 -1
- package/components/counter/dist/index.d.ts +0 -1
- package/components/counter/dist/index.js +128 -324
- package/components/counter/dist/registered.js +5158 -0
- package/components/counter/dist/styles/color-css.d.ts +0 -1
- package/components/counter/dist/styles/counter-button-color-css.d.ts +0 -1
- package/components/counter/dist/styles/counter-button-css.d.ts +0 -1
- package/components/counter/dist/styles/counter-button-tokens-css.d.ts +0 -1
- package/components/counter/dist/styles/counter-group-css.d.ts +0 -1
- package/components/counter/dist/styles/counter-wrapper-color-css.d.ts +0 -1
- package/components/counter/dist/styles/counter-wrapper-css.d.ts +0 -1
- package/components/counter/dist/styles/style-css.d.ts +0 -1
- package/components/counter/dist/styles/tokens-css.d.ts +0 -1
- package/components/datepicker/README.md +4 -4
- package/components/datepicker/demo/api.js +1 -1
- package/components/datepicker/demo/api.min.js +338 -728
- package/components/datepicker/demo/index.html +57 -0
- package/components/datepicker/demo/index.min.js +338 -728
- package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -1
- package/components/datepicker/dist/auro-calendar-month.d.ts +0 -1
- package/components/datepicker/dist/auro-calendar.d.ts +0 -1
- package/components/datepicker/dist/auro-datepicker.d.ts +0 -1
- package/components/datepicker/dist/dropdownVersion.d.ts +0 -1
- package/components/datepicker/dist/index.d.ts +0 -1
- package/components/datepicker/dist/index.js +338 -730
- package/components/datepicker/dist/inputVersion.d.ts +0 -1
- package/components/datepicker/dist/popoverVersion.d.ts +0 -1
- package/components/datepicker/dist/registered.js +18935 -0
- package/components/datepicker/dist/styles/color-calendar-css.d.ts +0 -1
- package/components/datepicker/dist/styles/color-cell-css.d.ts +0 -1
- package/components/datepicker/dist/styles/color-css.d.ts +0 -1
- package/components/datepicker/dist/styles/color-month-css.d.ts +0 -1
- package/components/datepicker/dist/styles/style-auro-calendar-cell-css.d.ts +0 -1
- package/components/datepicker/dist/styles/style-auro-calendar-css.d.ts +0 -1
- package/components/datepicker/dist/styles/style-auro-calendar-month-css.d.ts +0 -1
- package/components/datepicker/dist/styles/style-css.d.ts +0 -1
- package/components/datepicker/dist/styles/tokens-css.d.ts +0 -1
- package/components/datepicker/dist/utilities.d.ts +0 -1
- package/components/datepicker/dist/utilitiesCalendar.d.ts +0 -1
- package/components/datepicker/dist/utilitiesCalendarRender.d.ts +0 -1
- package/components/datepicker/dist/vendor/wc-range-datepicker/day.d.ts +0 -1
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker-calendar.d.ts +0 -1
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker-cell.d.ts +0 -1
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker.d.ts +0 -1
- package/components/dropdown/README.md +1 -1
- package/components/dropdown/demo/api.js +1 -1
- package/components/dropdown/demo/api.min.js +76 -267
- package/components/dropdown/demo/index.html +53 -0
- package/components/dropdown/demo/index.min.js +76 -267
- package/components/dropdown/dist/auro-dropdown.d.ts +0 -1
- package/components/dropdown/dist/auro-dropdownBib.d.ts +0 -1
- package/components/dropdown/dist/dropdownVersion.d.ts +0 -1
- package/components/dropdown/dist/iconVersion.d.ts +0 -1
- package/components/dropdown/dist/index.d.ts +0 -1
- package/components/dropdown/dist/index.js +76 -269
- package/components/dropdown/dist/registered.js +3167 -0
- package/components/dropdown/dist/styles/bibColors-css.d.ts +0 -1
- package/components/dropdown/dist/styles/bibStyles-css.d.ts +0 -1
- package/components/dropdown/dist/styles/color-css.d.ts +0 -1
- package/components/dropdown/dist/styles/style-css.d.ts +0 -1
- package/components/dropdown/dist/styles/tokens-css.d.ts +0 -1
- package/components/form/README.md +1 -1
- package/components/form/demo/api.js +1 -1
- package/components/form/demo/api.min.js +42 -5
- package/components/form/demo/index.html +48 -0
- package/components/form/demo/index.min.js +42 -5
- package/components/form/dist/auro-form.d.ts +16 -2
- package/components/form/dist/index.d.ts +0 -1
- package/components/form/dist/index.js +42 -7
- package/components/form/dist/registered.d.ts +1 -0
- package/components/form/dist/registered.js +632 -0
- package/components/form/dist/styles/style-css.d.ts +0 -1
- package/components/helptext/dist/auro-helptext.d.ts +0 -1
- package/components/helptext/dist/index.d.ts +0 -1
- package/components/helptext/dist/index.js +4 -6
- package/components/helptext/dist/registered.js +222 -0
- package/components/helptext/dist/styles/color-css.d.ts +0 -1
- package/components/helptext/dist/styles/style-css.d.ts +0 -1
- package/components/helptext/dist/styles/tokens-css.d.ts +0 -1
- package/components/input/README.md +1 -1
- package/components/input/demo/api.min.js +57 -248
- package/components/input/demo/index.html +41 -0
- package/components/input/demo/index.min.js +57 -248
- package/components/input/dist/auro-input.d.ts +0 -1
- package/components/input/dist/base-input.d.ts +0 -1
- package/components/input/dist/buttonVersion.d.ts +0 -1
- package/components/input/dist/i18n.d.ts +0 -1
- package/components/input/dist/iconVersion.d.ts +0 -1
- package/components/input/dist/index.d.ts +0 -1
- package/components/input/dist/index.js +57 -250
- package/components/input/dist/registered.js +4254 -0
- package/components/input/dist/styles/borders-css.d.ts +0 -1
- package/components/input/dist/styles/color-css.d.ts +0 -1
- package/components/input/dist/styles/input-css.d.ts +0 -1
- package/components/input/dist/styles/label-css.d.ts +0 -1
- package/components/input/dist/styles/mixins-css.d.ts +0 -1
- package/components/input/dist/styles/notificationIcons-css.d.ts +0 -1
- package/components/input/dist/styles/style-css.d.ts +0 -1
- package/components/input/dist/styles/tokens-css.d.ts +0 -1
- package/components/menu/README.md +1 -1
- package/components/menu/demo/api.js +1 -1
- package/components/menu/demo/api.min.js +9 -9
- package/components/menu/demo/index.html +50 -0
- package/components/menu/demo/index.min.js +9 -9
- package/components/menu/dist/auro-menu-utils.d.ts +0 -1
- package/components/menu/dist/auro-menu.d.ts +0 -1
- package/components/menu/dist/auro-menuoption.d.ts +0 -1
- package/components/{combobox/dist/formkit/auro-dropdownVersion.d.ts → menu/dist/dropdownVersion.d.ts} +0 -1
- package/components/menu/dist/iconVersion.d.ts +0 -1
- package/components/menu/dist/index.d.ts +0 -1
- package/components/menu/dist/index.js +9 -12
- package/components/menu/dist/registered.js +1510 -0
- package/components/menu/dist/styles/color-menu-css.d.ts +0 -1
- package/components/menu/dist/styles/color-menuoption-css.d.ts +0 -1
- package/components/menu/dist/styles/style-menu-css.d.ts +0 -1
- package/components/menu/dist/styles/style-menuoption-css.d.ts +0 -1
- package/components/menu/dist/styles/tokens-css.d.ts +0 -1
- package/components/radio/README.md +1 -1
- package/components/radio/demo/api.min.js +34 -225
- package/components/radio/demo/index.html +48 -0
- package/components/radio/demo/index.min.js +34 -225
- package/components/radio/dist/auro-radio-group.d.ts +0 -1
- package/components/radio/dist/auro-radio.d.ts +0 -1
- package/components/radio/dist/index.d.ts +0 -1
- package/components/radio/dist/index.js +34 -228
- package/components/radio/dist/registered.js +1149 -0
- package/components/radio/dist/styles/auro-radio-group-css.d.ts +0 -1
- package/components/radio/dist/styles/color-css.d.ts +0 -1
- package/components/radio/dist/styles/groupColor-css.d.ts +0 -1
- package/components/radio/dist/styles/style-css.d.ts +0 -1
- package/components/radio/dist/styles/tokens-css.d.ts +0 -1
- package/components/select/README.md +3 -3
- package/components/select/demo/api.js +1 -1
- package/components/select/demo/api.min.js +234 -1796
- package/components/select/demo/index.html +49 -0
- package/components/select/demo/index.js +1 -1
- package/components/select/demo/index.min.js +234 -1796
- package/components/select/dist/auro-select.d.ts +0 -1
- package/components/select/dist/dropdownVersion.d.ts +0 -1
- package/components/select/dist/index.d.ts +0 -1
- package/components/select/dist/index.js +206 -1770
- package/components/select/dist/registered.js +4367 -0
- package/components/select/dist/styles/color-css.d.ts +0 -1
- package/components/select/dist/styles/style-css.d.ts +0 -1
- package/components/select/dist/styles/tokens-css.d.ts +0 -1
- package/package.json +113 -9
- package/.husky/commit-msg +0 -4
- package/.husky/pre-commit +0 -3
- package/.turbo/cache/04e52430125e8954-meta.json +0 -1
- package/.turbo/cache/04e52430125e8954.tar.zst +0 -0
- package/.turbo/cache/0593ea8b5b3ed321-meta.json +0 -1
- package/.turbo/cache/0593ea8b5b3ed321.tar.zst +0 -0
- package/.turbo/cache/068b8eef3688b4e2-meta.json +0 -1
- package/.turbo/cache/068b8eef3688b4e2.tar.zst +0 -0
- package/.turbo/cache/06c6468593bc10ab-meta.json +0 -1
- package/.turbo/cache/06c6468593bc10ab.tar.zst +0 -0
- package/.turbo/cache/0c48a4d7b5aac928-meta.json +0 -1
- package/.turbo/cache/0c48a4d7b5aac928.tar.zst +0 -0
- package/.turbo/cache/1959dd19c8cca5b3-meta.json +0 -1
- package/.turbo/cache/1959dd19c8cca5b3.tar.zst +0 -0
- package/.turbo/cache/1c16e59f30927b15-meta.json +0 -1
- package/.turbo/cache/1c16e59f30927b15.tar.zst +0 -0
- package/.turbo/cache/29ac8c4304c43ba8-meta.json +0 -1
- package/.turbo/cache/29ac8c4304c43ba8.tar.zst +0 -0
- package/.turbo/cache/2b46337c7a6faa1f-meta.json +0 -1
- package/.turbo/cache/2b46337c7a6faa1f.tar.zst +0 -0
- package/.turbo/cache/33b12bddab905466-meta.json +0 -1
- package/.turbo/cache/33b12bddab905466.tar.zst +0 -0
- package/.turbo/cache/3e068f9ea52e35fd-meta.json +0 -1
- package/.turbo/cache/3e068f9ea52e35fd.tar.zst +0 -0
- package/.turbo/cache/3f6725da0ddcb57a-meta.json +0 -1
- package/.turbo/cache/3f6725da0ddcb57a.tar.zst +0 -0
- package/.turbo/cache/3fa3b39e63c49920-meta.json +0 -1
- package/.turbo/cache/3fa3b39e63c49920.tar.zst +0 -0
- package/.turbo/cache/3fbb4335136fe72b-meta.json +0 -1
- package/.turbo/cache/3fbb4335136fe72b.tar.zst +0 -0
- package/.turbo/cache/4d32cb975704a7bc-meta.json +0 -1
- package/.turbo/cache/4d32cb975704a7bc.tar.zst +0 -0
- package/.turbo/cache/504dc5478398bc23-meta.json +0 -1
- package/.turbo/cache/504dc5478398bc23.tar.zst +0 -0
- package/.turbo/cache/5736b4ba6916fd8d-meta.json +0 -1
- package/.turbo/cache/5736b4ba6916fd8d.tar.zst +0 -0
- package/.turbo/cache/5aae6a716a40ac0d-meta.json +0 -1
- package/.turbo/cache/5aae6a716a40ac0d.tar.zst +0 -0
- package/.turbo/cache/618b3075ce2d9a61-meta.json +0 -1
- package/.turbo/cache/618b3075ce2d9a61.tar.zst +0 -0
- package/.turbo/cache/67c13dfc4fd939fc-meta.json +0 -1
- package/.turbo/cache/67c13dfc4fd939fc.tar.zst +0 -0
- package/.turbo/cache/68fe65245fb34e68-meta.json +0 -1
- package/.turbo/cache/68fe65245fb34e68.tar.zst +0 -0
- package/.turbo/cache/6a25a3c0fc92f44d-meta.json +0 -1
- package/.turbo/cache/6a25a3c0fc92f44d.tar.zst +0 -0
- package/.turbo/cache/6cd6d76ac166da16-meta.json +0 -1
- package/.turbo/cache/6cd6d76ac166da16.tar.zst +0 -0
- package/.turbo/cache/71cd21072abc2990-meta.json +0 -1
- package/.turbo/cache/71cd21072abc2990.tar.zst +0 -0
- package/.turbo/cache/7b4e0f3ba43fedf0-meta.json +0 -1
- package/.turbo/cache/7b4e0f3ba43fedf0.tar.zst +0 -0
- package/.turbo/cache/7b9897d3439462f4-meta.json +0 -1
- package/.turbo/cache/7b9897d3439462f4.tar.zst +0 -0
- package/.turbo/cache/80a42a1ee43a7b11-meta.json +0 -1
- package/.turbo/cache/80a42a1ee43a7b11.tar.zst +0 -0
- package/.turbo/cache/80bda930b819e4e5-meta.json +0 -1
- package/.turbo/cache/80bda930b819e4e5.tar.zst +0 -0
- package/.turbo/cache/826ecc96865e3b2b-meta.json +0 -1
- package/.turbo/cache/826ecc96865e3b2b.tar.zst +0 -0
- package/.turbo/cache/8a66291a4385f56d-meta.json +0 -1
- package/.turbo/cache/8a66291a4385f56d.tar.zst +0 -0
- package/.turbo/cache/8b33dd53ac78ffcb-meta.json +0 -1
- package/.turbo/cache/8b33dd53ac78ffcb.tar.zst +0 -0
- package/.turbo/cache/922ac9eb482cf470-meta.json +0 -1
- package/.turbo/cache/922ac9eb482cf470.tar.zst +0 -0
- package/.turbo/cache/939cf3ccc40e9ab0-meta.json +0 -1
- package/.turbo/cache/939cf3ccc40e9ab0.tar.zst +0 -0
- package/.turbo/cache/997795fcad6346cf-meta.json +0 -1
- package/.turbo/cache/997795fcad6346cf.tar.zst +0 -0
- package/.turbo/cache/9d39077f59442e6d-meta.json +0 -1
- package/.turbo/cache/9d39077f59442e6d.tar.zst +0 -0
- package/.turbo/cache/9f33c2699df2acc2-meta.json +0 -1
- package/.turbo/cache/9f33c2699df2acc2.tar.zst +0 -0
- package/.turbo/cache/a95cdb7b2836627c-meta.json +0 -1
- package/.turbo/cache/a95cdb7b2836627c.tar.zst +0 -0
- package/.turbo/cache/aa7a71eea03e0057-meta.json +0 -1
- package/.turbo/cache/aa7a71eea03e0057.tar.zst +0 -0
- package/.turbo/cache/ac01a85fedf6d42a-meta.json +0 -1
- package/.turbo/cache/ac01a85fedf6d42a.tar.zst +0 -0
- package/.turbo/cache/b0b5371ee9e6fd7b-meta.json +0 -1
- package/.turbo/cache/b0b5371ee9e6fd7b.tar.zst +0 -0
- package/.turbo/cache/b21472a210e5d253-meta.json +0 -1
- package/.turbo/cache/b21472a210e5d253.tar.zst +0 -0
- package/.turbo/cache/ba6844de212fdfc5-meta.json +0 -1
- package/.turbo/cache/ba6844de212fdfc5.tar.zst +0 -0
- package/.turbo/cache/bb95b8c7cc483fe7-meta.json +0 -1
- package/.turbo/cache/bb95b8c7cc483fe7.tar.zst +0 -0
- package/.turbo/cache/be89ec729b2d7aa1-meta.json +0 -1
- package/.turbo/cache/be89ec729b2d7aa1.tar.zst +0 -0
- package/.turbo/cache/c0c0f7ab71b548fe-meta.json +0 -1
- package/.turbo/cache/c0c0f7ab71b548fe.tar.zst +0 -0
- package/.turbo/cache/c4b442aa3a612c5a-meta.json +0 -1
- package/.turbo/cache/c4b442aa3a612c5a.tar.zst +0 -0
- package/.turbo/cache/c833fd369811f0b3-meta.json +0 -1
- package/.turbo/cache/c833fd369811f0b3.tar.zst +0 -0
- package/.turbo/cache/cc1bb0ba75999fd5-meta.json +0 -1
- package/.turbo/cache/cc1bb0ba75999fd5.tar.zst +0 -0
- package/.turbo/cache/cc999fcae80b9892-meta.json +0 -1
- package/.turbo/cache/cc999fcae80b9892.tar.zst +0 -0
- package/.turbo/cache/cf739f73c4d81043-meta.json +0 -1
- package/.turbo/cache/cf739f73c4d81043.tar.zst +0 -0
- package/.turbo/cache/cf87272227a0d544-meta.json +0 -1
- package/.turbo/cache/cf87272227a0d544.tar.zst +0 -0
- package/.turbo/cache/d09e82feba2c48a3-meta.json +0 -1
- package/.turbo/cache/d09e82feba2c48a3.tar.zst +0 -0
- package/.turbo/cache/d264bb58130e3915-meta.json +0 -1
- package/.turbo/cache/d264bb58130e3915.tar.zst +0 -0
- package/.turbo/cache/d4fda50b9aa326d9-meta.json +0 -1
- package/.turbo/cache/d4fda50b9aa326d9.tar.zst +0 -0
- package/.turbo/cache/da0461631780f1e1-meta.json +0 -1
- package/.turbo/cache/da0461631780f1e1.tar.zst +0 -0
- package/.turbo/cache/dbdfe30495790f74-meta.json +0 -1
- package/.turbo/cache/dbdfe30495790f74.tar.zst +0 -0
- package/.turbo/cache/dea41fd4a13eb241-meta.json +0 -1
- package/.turbo/cache/dea41fd4a13eb241.tar.zst +0 -0
- package/.turbo/cache/e229b033acee0336-meta.json +0 -1
- package/.turbo/cache/e229b033acee0336.tar.zst +0 -0
- package/.turbo/cache/ed401f9a734e292c-meta.json +0 -1
- package/.turbo/cache/ed401f9a734e292c.tar.zst +0 -0
- package/.turbo/cache/efafac21cf262b2c-meta.json +0 -1
- package/.turbo/cache/efafac21cf262b2c.tar.zst +0 -0
- package/.turbo/cache/f20df212682f7978-meta.json +0 -1
- package/.turbo/cache/f20df212682f7978.tar.zst +0 -0
- package/.turbo/cache/f272ad05432871ac-meta.json +0 -1
- package/.turbo/cache/f272ad05432871ac.tar.zst +0 -0
- package/.vscode/settings.json +0 -3
- package/components/bibtemplate/.stylelintrc.json +0 -3
- package/components/bibtemplate/.turbo/turbo-build$colon$sass.log +0 -24
- package/components/bibtemplate/.turbo/turbo-build$colon$version.log +0 -10
- package/components/bibtemplate/.turbo/turbo-build.log +0 -49
- package/components/bibtemplate/.turbo/turbo-bundler.log +0 -7
- package/components/bibtemplate/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/bibtemplate/.turbo/turbo-sass$colon$render.log +0 -22
- package/components/bibtemplate/.turbo/turbo-types.log +0 -4
- package/components/bibtemplate/dist/auro-bibtemplate.d.ts.map +0 -1
- package/components/bibtemplate/dist/headerVersion.d.ts.map +0 -1
- package/components/bibtemplate/dist/iconVersion.d.ts.map +0 -1
- package/components/bibtemplate/dist/index.d.ts.map +0 -1
- package/components/bibtemplate/dist/styles/color-css.d.ts.map +0 -1
- package/components/bibtemplate/dist/styles/style-css.d.ts.map +0 -1
- package/components/bibtemplate/dist/styles/tokens-css.d.ts.map +0 -1
- package/components/bibtemplate/node_modules/chalk/package.json +0 -83
- package/components/bibtemplate/node_modules/chalk/readme.md +0 -297
- package/components/bibtemplate/node_modules/chalk/source/index.d.ts +0 -325
- package/components/bibtemplate/node_modules/chalk/source/index.js +0 -225
- package/components/bibtemplate/node_modules/chalk/source/utilities.js +0 -33
- package/components/bibtemplate/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/bibtemplate/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/bibtemplate/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/bibtemplate/node_modules/chalk/source/vendor/supports-color/browser.js +0 -34
- package/components/bibtemplate/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/bibtemplate/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/bibtemplate/package.json +0 -60
- package/components/bibtemplate/src/auro-bibtemplate.js +0 -137
- package/components/bibtemplate/src/headerVersion.js +0 -1
- package/components/bibtemplate/src/iconVersion.js +0 -1
- package/components/bibtemplate/src/index.js +0 -6
- package/components/bibtemplate/src/styles/color-css.js +0 -2
- package/components/bibtemplate/src/styles/color.css +0 -1
- package/components/bibtemplate/src/styles/color.scss +0 -0
- package/components/bibtemplate/src/styles/style-css.js +0 -2
- package/components/bibtemplate/src/styles/style.css +0 -58
- package/components/bibtemplate/src/styles/style.scss +0 -62
- package/components/bibtemplate/src/styles/tokens-css.js +0 -2
- package/components/bibtemplate/src/styles/tokens.css +0 -3
- package/components/bibtemplate/src/styles/tokens.scss +0 -5
- package/components/checkbox/.stylelintrc.json +0 -3
- package/components/checkbox/.turbo/turbo-build$colon$sass.log +0 -98
- package/components/checkbox/.turbo/turbo-build.log +0 -184
- package/components/checkbox/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/checkbox/.turbo/turbo-sass$colon$render.log +0 -34
- package/components/checkbox/dist/auro-checkbox-group.d.ts.map +0 -1
- package/components/checkbox/dist/auro-checkbox.d.ts.map +0 -1
- package/components/checkbox/dist/index.d.ts.map +0 -1
- package/components/checkbox/dist/styles/auro-checkbox-css.d.ts.map +0 -1
- package/components/checkbox/dist/styles/auro-checkbox-group-css.d.ts.map +0 -1
- package/components/checkbox/dist/styles/color-css.d.ts.map +0 -1
- package/components/checkbox/dist/styles/colorGroup-css.d.ts.map +0 -1
- package/components/checkbox/dist/styles/tokens-css.d.ts.map +0 -1
- package/components/checkbox/node_modules/chalk/package.json +0 -83
- package/components/checkbox/node_modules/chalk/readme.md +0 -325
- package/components/checkbox/node_modules/chalk/source/index.d.ts +0 -320
- package/components/checkbox/node_modules/chalk/source/index.js +0 -225
- package/components/checkbox/node_modules/chalk/source/utilities.js +0 -33
- package/components/checkbox/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/checkbox/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/checkbox/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/checkbox/node_modules/chalk/source/vendor/supports-color/browser.js +0 -30
- package/components/checkbox/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/checkbox/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/checkbox/package.json +0 -69
- package/components/checkbox/src/auro-checkbox-group.js +0 -370
- package/components/checkbox/src/auro-checkbox.js +0 -214
- package/components/checkbox/src/index.js +0 -8
- package/components/checkbox/src/styles/auro-checkbox-css.js +0 -2
- package/components/checkbox/src/styles/auro-checkbox-group-css.js +0 -2
- package/components/checkbox/src/styles/auro-checkbox-group.css +0 -26
- package/components/checkbox/src/styles/auro-checkbox-group.scss +0 -38
- package/components/checkbox/src/styles/auro-checkbox.css +0 -123
- package/components/checkbox/src/styles/auro-checkbox.scss +0 -100
- package/components/checkbox/src/styles/color-css.js +0 -2
- package/components/checkbox/src/styles/color.css +0 -84
- package/components/checkbox/src/styles/color.scss +0 -118
- package/components/checkbox/src/styles/colorGroup-css.js +0 -2
- package/components/checkbox/src/styles/colorGroup.css +0 -8
- package/components/checkbox/src/styles/colorGroup.scss +0 -16
- package/components/checkbox/src/styles/tokens-css.js +0 -2
- package/components/checkbox/src/styles/tokens.css +0 -8
- package/components/checkbox/src/styles/tokens.scss +0 -10
- package/components/combobox/.stylelintrc.json +0 -3
- package/components/combobox/.turbo/turbo-build$colon$sass.log +0 -46
- package/components/combobox/.turbo/turbo-build.log +0 -167
- package/components/combobox/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/combobox/.turbo/turbo-sass$colon$render.log +0 -10
- package/components/combobox/dist/auro-combobox.d.ts.map +0 -1
- package/components/combobox/dist/bibtemplateVersion.d.ts.map +0 -1
- package/components/combobox/dist/dropdownVersion.d.ts.map +0 -1
- package/components/combobox/dist/formkit/auro-dropdownVersion.d.ts.map +0 -1
- package/components/combobox/dist/formkit/auro-inputVersion.d.ts +0 -3
- package/components/combobox/dist/formkit/auro-inputVersion.d.ts.map +0 -1
- package/components/combobox/dist/index.d.ts.map +0 -1
- package/components/combobox/dist/inputVersion.d.ts.map +0 -1
- package/components/combobox/dist/styles/style-css.d.ts.map +0 -1
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/.husky/pre-commit +0 -1
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/CHANGELOG.md +0 -863
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/README.md +0 -109
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/dist/auroElement/README.md +0 -86
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/dist/auroElement/_auroElement.scss +0 -45
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/dist/auroElement/auroElement.js +0 -38
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/dist/auroElement/auroElement.mjs +0 -38
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/dist/bundled/essentials+fv.css +0 -110
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/dist/bundled/essentials.css +0 -106
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/dist/demoWrapper.css +0 -8
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/dist/elementDemoStyles.css +0 -813
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/package.json +0 -134
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/packageScripts/postinstall.mjs +0 -39
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_animation.scss +0 -30
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_blockquote.scss +0 -46
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_breakpoints.scss +0 -155
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_core.scss +0 -25
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_essentials.scss +0 -267
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_focus-visible.scss +0 -36
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_fonts.scss +0 -50
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_grids.scss +0 -395
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_headings.scss +0 -255
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_normalize.scss +0 -663
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_picture.scss +0 -31
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/_utilityClasses.scss +0 -22
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/bundled/essentials+fv.scss +0 -19
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/bundled/essentials.scss +0 -18
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/componentSupport/_anchor-roleButton.scss +0 -32
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/componentSupport/_anchor-roleTab.scss +0 -26
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/componentSupport/_containedButtons.scss +0 -59
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/componentSupport/_table.scss +0 -54
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/componentSupport/_tablist.scss +0 -37
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/elementDemoStyles/README.md +0 -5
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/elementDemoStyles/demoWrapper.scss +0 -18
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/elementDemoStyles/elementDemoStyles.scss +0 -123
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/libSupport/_deprecated.scss +0 -16
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/libSupport/_manageScope.scss +0 -42
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityClasses/_displayProperties.scss +0 -142
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityClasses/_fontStyles.scss +0 -151
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityClasses/_inset.scss +0 -188
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityClasses/_layoutProperties.scss +0 -75
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityClasses/_listProperties.scss +0 -176
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityClasses/_responsive.scss +0 -249
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityClasses/_typeProperties.scss +0 -49
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityFunctions/_capitalize.scss +0 -20
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityFunctions/_contains.scss +0 -26
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityFunctions/_map-deep-get.scss +0 -29
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityMixins/_anchor-roleButton.scss +0 -76
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityMixins/_anchor-roleTab.scss +0 -86
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityMixins/_insetUtility.scss +0 -9
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityMixins/_layoutPropertiesGenerator.scss +0 -75
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityMixins/_spacingUtility.scss +0 -96
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityVariables/_important.scss +0 -20
- package/components/combobox/node_modules/@aurodesignsystem/webcorestylesheets/src/utilityVariables/_spacing-options.scss +0 -13
- package/components/combobox/node_modules/@rollup/plugin-node-resolve/README.md +0 -293
- package/components/combobox/node_modules/@rollup/plugin-node-resolve/dist/cjs/index.js +0 -1377
- package/components/combobox/node_modules/@rollup/plugin-node-resolve/dist/es/index.js +0 -1370
- package/components/combobox/node_modules/@rollup/plugin-node-resolve/dist/es/package.json +0 -1
- package/components/combobox/node_modules/@rollup/plugin-node-resolve/package.json +0 -89
- package/components/combobox/node_modules/@rollup/plugin-node-resolve/types/index.d.ts +0 -115
- package/components/combobox/node_modules/chalk/package.json +0 -83
- package/components/combobox/node_modules/chalk/readme.md +0 -297
- package/components/combobox/node_modules/chalk/source/index.d.ts +0 -325
- package/components/combobox/node_modules/chalk/source/index.js +0 -225
- package/components/combobox/node_modules/chalk/source/utilities.js +0 -33
- package/components/combobox/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/combobox/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/combobox/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/combobox/node_modules/chalk/source/vendor/supports-color/browser.js +0 -34
- package/components/combobox/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/combobox/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/combobox/package.json +0 -67
- package/components/combobox/src/auro-combobox.js +0 -925
- package/components/combobox/src/bibtemplateVersion.js +0 -1
- package/components/combobox/src/dropdownVersion.js +0 -1
- package/components/combobox/src/formkit/auro-dropdownVersion.js +0 -1
- package/components/combobox/src/formkit/auro-inputVersion.js +0 -1
- package/components/combobox/src/index.js +0 -6
- package/components/combobox/src/inputVersion.js +0 -1
- package/components/combobox/src/styles/style-css.js +0 -2
- package/components/combobox/src/styles/style.css +0 -56
- package/components/combobox/src/styles/style.scss +0 -38
- package/components/counter/.stylelintrc.json +0 -3
- package/components/counter/.turbo/turbo-build$colon$sass.log +0 -269
- package/components/counter/.turbo/turbo-build$colon$version.log +0 -10
- package/components/counter/.turbo/turbo-build.log +0 -402
- package/components/counter/.turbo/turbo-bundler.log +0 -22
- package/components/counter/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/counter/.turbo/turbo-sass$colon$render.log +0 -58
- package/components/counter/.turbo/turbo-types.log +0 -4
- package/components/counter/dist/auro-counter-button.d.ts.map +0 -1
- package/components/counter/dist/auro-counter-group.d.ts.map +0 -1
- package/components/counter/dist/auro-counter-wrapper.d.ts.map +0 -1
- package/components/counter/dist/auro-counter.d.ts.map +0 -1
- package/components/counter/dist/dropdownVersion.d.ts.map +0 -1
- package/components/counter/dist/iconVersion.d.ts.map +0 -1
- package/components/counter/dist/index.d.ts.map +0 -1
- package/components/counter/dist/styles/color-css.d.ts.map +0 -1
- package/components/counter/dist/styles/counter-button-color-css.d.ts.map +0 -1
- package/components/counter/dist/styles/counter-button-css.d.ts.map +0 -1
- package/components/counter/dist/styles/counter-button-tokens-css.d.ts.map +0 -1
- package/components/counter/dist/styles/counter-group-css.d.ts.map +0 -1
- package/components/counter/dist/styles/counter-wrapper-color-css.d.ts.map +0 -1
- package/components/counter/dist/styles/counter-wrapper-css.d.ts.map +0 -1
- package/components/counter/dist/styles/style-css.d.ts.map +0 -1
- package/components/counter/dist/styles/tokens-css.d.ts.map +0 -1
- package/components/counter/node_modules/chalk/package.json +0 -83
- package/components/counter/node_modules/chalk/readme.md +0 -325
- package/components/counter/node_modules/chalk/source/index.d.ts +0 -320
- package/components/counter/node_modules/chalk/source/index.js +0 -225
- package/components/counter/node_modules/chalk/source/utilities.js +0 -33
- package/components/counter/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/counter/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/counter/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/counter/node_modules/chalk/source/vendor/supports-color/browser.js +0 -30
- package/components/counter/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/counter/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/counter/package.json +0 -59
- package/components/counter/src/auro-counter-button.js +0 -42
- package/components/counter/src/auro-counter-group.js +0 -333
- package/components/counter/src/auro-counter-wrapper.js +0 -54
- package/components/counter/src/auro-counter.js +0 -342
- package/components/counter/src/dropdownVersion.js +0 -1
- package/components/counter/src/iconVersion.js +0 -1
- package/components/counter/src/index.js +0 -8
- package/components/counter/src/styles/color-css.js +0 -2
- package/components/counter/src/styles/color.css +0 -29
- package/components/counter/src/styles/color.scss +0 -49
- package/components/counter/src/styles/counter-button-color-css.js +0 -2
- package/components/counter/src/styles/counter-button-color.css +0 -11
- package/components/counter/src/styles/counter-button-color.scss +0 -23
- package/components/counter/src/styles/counter-button-css.js +0 -2
- package/components/counter/src/styles/counter-button-tokens-css.js +0 -2
- package/components/counter/src/styles/counter-button-tokens.css +0 -6
- package/components/counter/src/styles/counter-button-tokens.scss +0 -8
- package/components/counter/src/styles/counter-button.css +0 -186
- package/components/counter/src/styles/counter-button.scss +0 -84
- package/components/counter/src/styles/counter-group-css.js +0 -2
- package/components/counter/src/styles/counter-group.css +0 -18
- package/components/counter/src/styles/counter-group.scss +0 -32
- package/components/counter/src/styles/counter-wrapper-color-css.js +0 -2
- package/components/counter/src/styles/counter-wrapper-color.css +0 -4
- package/components/counter/src/styles/counter-wrapper-color.scss +0 -19
- package/components/counter/src/styles/counter-wrapper-css.js +0 -2
- package/components/counter/src/styles/counter-wrapper.css +0 -15
- package/components/counter/src/styles/counter-wrapper.scss +0 -29
- package/components/counter/src/styles/style-css.js +0 -2
- package/components/counter/src/styles/style.css +0 -53
- package/components/counter/src/styles/style.scss +0 -73
- package/components/counter/src/styles/tokens-css.js +0 -2
- package/components/counter/src/styles/tokens.css +0 -12
- package/components/counter/src/styles/tokens.scss +0 -25
- package/components/datepicker/.stylelintrc.json +0 -3
- package/components/datepicker/.turbo/turbo-build$colon$sass.log +0 -352
- package/components/datepicker/.turbo/turbo-build.log +0 -492
- package/components/datepicker/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/datepicker/.turbo/turbo-sass$colon$render.log +0 -58
- package/components/datepicker/dist/auro-calendar-cell.d.ts.map +0 -1
- package/components/datepicker/dist/auro-calendar-month.d.ts.map +0 -1
- package/components/datepicker/dist/auro-calendar.d.ts.map +0 -1
- package/components/datepicker/dist/auro-datepicker.d.ts.map +0 -1
- package/components/datepicker/dist/dropdownVersion.d.ts.map +0 -1
- package/components/datepicker/dist/formkit/auro-dropdownVersion.d.ts +0 -3
- package/components/datepicker/dist/formkit/auro-dropdownVersion.d.ts.map +0 -1
- package/components/datepicker/dist/formkit/auro-inputVersion.d.ts +0 -3
- package/components/datepicker/dist/formkit/auro-inputVersion.d.ts.map +0 -1
- package/components/datepicker/dist/index.d.ts.map +0 -1
- package/components/datepicker/dist/inputVersion.d.ts.map +0 -1
- package/components/datepicker/dist/popoverVersion.d.ts.map +0 -1
- package/components/datepicker/dist/styles/color-calendar-css.d.ts.map +0 -1
- package/components/datepicker/dist/styles/color-cell-css.d.ts.map +0 -1
- package/components/datepicker/dist/styles/color-css.d.ts.map +0 -1
- package/components/datepicker/dist/styles/color-month-css.d.ts.map +0 -1
- package/components/datepicker/dist/styles/style-auro-calendar-cell-css.d.ts.map +0 -1
- package/components/datepicker/dist/styles/style-auro-calendar-css.d.ts.map +0 -1
- package/components/datepicker/dist/styles/style-auro-calendar-month-css.d.ts.map +0 -1
- package/components/datepicker/dist/styles/style-css.d.ts.map +0 -1
- package/components/datepicker/dist/styles/tokens-css.d.ts.map +0 -1
- package/components/datepicker/dist/utilities.d.ts.map +0 -1
- package/components/datepicker/dist/utilitiesCalendar.d.ts.map +0 -1
- package/components/datepicker/dist/utilitiesCalendarRender.d.ts.map +0 -1
- package/components/datepicker/dist/vendor/wc-range-datepicker/day.d.ts.map +0 -1
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker-calendar.d.ts.map +0 -1
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker-cell.d.ts.map +0 -1
- package/components/datepicker/dist/vendor/wc-range-datepicker/range-datepicker.d.ts.map +0 -1
- package/components/datepicker/node_modules/chalk/package.json +0 -83
- package/components/datepicker/node_modules/chalk/readme.md +0 -325
- package/components/datepicker/node_modules/chalk/source/index.d.ts +0 -320
- package/components/datepicker/node_modules/chalk/source/index.js +0 -225
- package/components/datepicker/node_modules/chalk/source/utilities.js +0 -33
- package/components/datepicker/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/datepicker/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/datepicker/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/datepicker/node_modules/chalk/source/vendor/supports-color/browser.js +0 -30
- package/components/datepicker/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/datepicker/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/datepicker/node_modules/rollup-plugin-serve/LICENSE.md +0 -21
- package/components/datepicker/node_modules/rollup-plugin-serve/README.md +0 -137
- package/components/datepicker/node_modules/rollup-plugin-serve/dist/index.cjs +0 -181
- package/components/datepicker/node_modules/rollup-plugin-serve/dist/index.mjs +0 -173
- package/components/datepicker/node_modules/rollup-plugin-serve/index.d.ts +0 -75
- package/components/datepicker/node_modules/rollup-plugin-serve/package.json +0 -51
- package/components/datepicker/package.json +0 -79
- package/components/datepicker/src/auro-calendar-cell.js +0 -381
- package/components/datepicker/src/auro-calendar-month.js +0 -128
- package/components/datepicker/src/auro-calendar.js +0 -329
- package/components/datepicker/src/auro-datepicker.js +0 -1040
- package/components/datepicker/src/dropdownVersion.js +0 -1
- package/components/datepicker/src/formkit/auro-dropdownVersion.js +0 -1
- package/components/datepicker/src/formkit/auro-inputVersion.js +0 -1
- package/components/datepicker/src/index.js +0 -6
- package/components/datepicker/src/inputVersion.js +0 -1
- package/components/datepicker/src/popoverVersion.js +0 -1
- package/components/datepicker/src/styles/color-calendar-css.js +0 -2
- package/components/datepicker/src/styles/color-calendar.css +0 -35
- package/components/datepicker/src/styles/color-calendar.scss +0 -51
- package/components/datepicker/src/styles/color-cell-css.js +0 -2
- package/components/datepicker/src/styles/color-cell.css +0 -45
- package/components/datepicker/src/styles/color-cell.scss +0 -73
- package/components/datepicker/src/styles/color-css.js +0 -2
- package/components/datepicker/src/styles/color-month-css.js +0 -2
- package/components/datepicker/src/styles/color-month.css +0 -34
- package/components/datepicker/src/styles/color-month.scss +0 -27
- package/components/datepicker/src/styles/color.css +0 -43
- package/components/datepicker/src/styles/color.scss +0 -30
- package/components/datepicker/src/styles/style-auro-calendar-cell-css.js +0 -2
- package/components/datepicker/src/styles/style-auro-calendar-cell.css +0 -123
- package/components/datepicker/src/styles/style-auro-calendar-cell.scss +0 -147
- package/components/datepicker/src/styles/style-auro-calendar-css.js +0 -2
- package/components/datepicker/src/styles/style-auro-calendar-month-css.js +0 -2
- package/components/datepicker/src/styles/style-auro-calendar-month.css +0 -121
- package/components/datepicker/src/styles/style-auro-calendar-month.scss +0 -141
- package/components/datepicker/src/styles/style-auro-calendar.css +0 -152
- package/components/datepicker/src/styles/style-auro-calendar.scss +0 -191
- package/components/datepicker/src/styles/style-css.js +0 -2
- package/components/datepicker/src/styles/style.css +0 -131
- package/components/datepicker/src/styles/style.scss +0 -139
- package/components/datepicker/src/styles/tokens-css.js +0 -2
- package/components/datepicker/src/styles/tokens.css +0 -22
- package/components/datepicker/src/styles/tokens.scss +0 -25
- package/components/datepicker/src/utilities.js +0 -87
- package/components/datepicker/src/utilitiesCalendar.js +0 -138
- package/components/datepicker/src/utilitiesCalendarRender.js +0 -156
- package/components/datepicker/src/vendor/wc-range-datepicker/day.js +0 -8
- package/components/datepicker/src/vendor/wc-range-datepicker/range-datepicker-calendar.js +0 -521
- package/components/datepicker/src/vendor/wc-range-datepicker/range-datepicker-cell.js +0 -211
- package/components/datepicker/src/vendor/wc-range-datepicker/range-datepicker.js +0 -254
- package/components/dropdown/.stylelintrc.json +0 -3
- package/components/dropdown/.turbo/turbo-build$colon$sass.log +0 -75
- package/components/dropdown/.turbo/turbo-build.log +0 -208
- package/components/dropdown/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/dropdown/.turbo/turbo-sass$colon$render.log +0 -34
- package/components/dropdown/dist/auro-dropdown.d.ts.map +0 -1
- package/components/dropdown/dist/auro-dropdownBib.d.ts.map +0 -1
- package/components/dropdown/dist/dropdownVersion.d.ts.map +0 -1
- package/components/dropdown/dist/iconVersion.d.ts.map +0 -1
- package/components/dropdown/dist/index.d.ts.map +0 -1
- package/components/dropdown/dist/styles/bibColors-css.d.ts.map +0 -1
- package/components/dropdown/dist/styles/bibStyles-css.d.ts.map +0 -1
- package/components/dropdown/dist/styles/color-css.d.ts.map +0 -1
- package/components/dropdown/dist/styles/style-css.d.ts.map +0 -1
- package/components/dropdown/dist/styles/tokens-css.d.ts.map +0 -1
- package/components/dropdown/node_modules/chalk/package.json +0 -83
- package/components/dropdown/node_modules/chalk/readme.md +0 -325
- package/components/dropdown/node_modules/chalk/source/index.d.ts +0 -320
- package/components/dropdown/node_modules/chalk/source/index.js +0 -225
- package/components/dropdown/node_modules/chalk/source/utilities.js +0 -33
- package/components/dropdown/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/dropdown/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/dropdown/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/dropdown/node_modules/chalk/source/vendor/supports-color/browser.js +0 -30
- package/components/dropdown/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/dropdown/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/dropdown/package.json +0 -58
- package/components/dropdown/src/auro-dropdown.js +0 -586
- package/components/dropdown/src/auro-dropdownBib.js +0 -128
- package/components/dropdown/src/dropdownVersion.js +0 -1
- package/components/dropdown/src/iconVersion.js +0 -1
- package/components/dropdown/src/index.js +0 -6
- package/components/dropdown/src/styles/bibColors-css.js +0 -2
- package/components/dropdown/src/styles/bibColors.css +0 -6
- package/components/dropdown/src/styles/bibColors.scss +0 -18
- package/components/dropdown/src/styles/bibStyles-css.js +0 -2
- package/components/dropdown/src/styles/bibStyles.css +0 -44
- package/components/dropdown/src/styles/bibStyles.scss +0 -61
- package/components/dropdown/src/styles/color-css.js +0 -2
- package/components/dropdown/src/styles/color.css +0 -56
- package/components/dropdown/src/styles/color.scss +0 -76
- package/components/dropdown/src/styles/style-css.js +0 -2
- package/components/dropdown/src/styles/style.css +0 -91
- package/components/dropdown/src/styles/style.scss +0 -122
- package/components/dropdown/src/styles/tokens-css.js +0 -2
- package/components/dropdown/src/styles/tokens.css +0 -13
- package/components/dropdown/src/styles/tokens.scss +0 -15
- package/components/form/.stylelintrc.json +0 -3
- package/components/form/.turbo/turbo-build$colon$sass.log +0 -57
- package/components/form/.turbo/turbo-build$colon$version.log +0 -4
- package/components/form/.turbo/turbo-build.log +0 -112
- package/components/form/.turbo/turbo-bundler.log +0 -13
- package/components/form/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/form/.turbo/turbo-sass$colon$render.log +0 -10
- package/components/form/.turbo/turbo-types.log +0 -4
- package/components/form/dist/auro-form.d.ts.map +0 -1
- package/components/form/dist/index.d.ts.map +0 -1
- package/components/form/dist/styles/style-css.d.ts.map +0 -1
- package/components/form/node_modules/chalk/package.json +0 -83
- package/components/form/node_modules/chalk/readme.md +0 -325
- package/components/form/node_modules/chalk/source/index.d.ts +0 -320
- package/components/form/node_modules/chalk/source/index.js +0 -225
- package/components/form/node_modules/chalk/source/utilities.js +0 -33
- package/components/form/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/form/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/form/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/form/node_modules/chalk/source/vendor/supports-color/browser.js +0 -30
- package/components/form/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/form/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/form/package.json +0 -74
- package/components/form/src/auro-form.js +0 -506
- package/components/form/src/index.js +0 -6
- package/components/form/src/styles/style-css.js +0 -2
- package/components/form/src/styles/style.css +0 -36
- package/components/form/src/styles/style.scss +0 -37
- package/components/helptext/.stylelintrc.json +0 -3
- package/components/helptext/.turbo/turbo-build$colon$sass.log +0 -34
- package/components/helptext/.turbo/turbo-build.log +0 -49
- package/components/helptext/.turbo/turbo-bundler.log +0 -7
- package/components/helptext/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/helptext/.turbo/turbo-sass$colon$render.log +0 -22
- package/components/helptext/.turbo/turbo-types.log +0 -4
- package/components/helptext/dist/auro-helptext.d.ts.map +0 -1
- package/components/helptext/dist/index.d.ts.map +0 -1
- package/components/helptext/dist/styles/color-css.d.ts.map +0 -1
- package/components/helptext/dist/styles/style-css.d.ts.map +0 -1
- package/components/helptext/dist/styles/tokens-css.d.ts.map +0 -1
- package/components/helptext/node_modules/chalk/package.json +0 -83
- package/components/helptext/node_modules/chalk/readme.md +0 -297
- package/components/helptext/node_modules/chalk/source/index.d.ts +0 -325
- package/components/helptext/node_modules/chalk/source/index.js +0 -225
- package/components/helptext/node_modules/chalk/source/utilities.js +0 -33
- package/components/helptext/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/helptext/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/helptext/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/helptext/node_modules/chalk/source/vendor/supports-color/browser.js +0 -34
- package/components/helptext/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/helptext/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/helptext/package.json +0 -57
- package/components/helptext/src/auro-helptext.js +0 -127
- package/components/helptext/src/index.js +0 -6
- package/components/helptext/src/styles/color-css.js +0 -2
- package/components/helptext/src/styles/color.css +0 -8
- package/components/helptext/src/styles/color.scss +0 -11
- package/components/helptext/src/styles/style-css.js +0 -2
- package/components/helptext/src/styles/style.css +0 -23
- package/components/helptext/src/styles/style.scss +0 -33
- package/components/helptext/src/styles/tokens-css.js +0 -2
- package/components/helptext/src/styles/tokens.css +0 -3
- package/components/helptext/src/styles/tokens.scss +0 -5
- package/components/input/.stylelintrc.json +0 -3
- package/components/input/.turbo/turbo-build$colon$sass.log +0 -188
- package/components/input/.turbo/turbo-build.log +0 -340
- package/components/input/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/input/.turbo/turbo-sass$colon$render.log +0 -52
- package/components/input/dist/auro-input.d.ts.map +0 -1
- package/components/input/dist/base-input.d.ts.map +0 -1
- package/components/input/dist/buttonVersion.d.ts.map +0 -1
- package/components/input/dist/i18n.d.ts.map +0 -1
- package/components/input/dist/iconVersion.d.ts.map +0 -1
- package/components/input/dist/index.d.ts.map +0 -1
- package/components/input/dist/styles/borders-css.d.ts.map +0 -1
- package/components/input/dist/styles/color-css.d.ts.map +0 -1
- package/components/input/dist/styles/input-css.d.ts.map +0 -1
- package/components/input/dist/styles/label-css.d.ts.map +0 -1
- package/components/input/dist/styles/mixins-css.d.ts.map +0 -1
- package/components/input/dist/styles/notificationIcons-css.d.ts.map +0 -1
- package/components/input/dist/styles/style-css.d.ts.map +0 -1
- package/components/input/dist/styles/tokens-css.d.ts.map +0 -1
- package/components/input/node_modules/chalk/package.json +0 -83
- package/components/input/node_modules/chalk/readme.md +0 -325
- package/components/input/node_modules/chalk/source/index.d.ts +0 -320
- package/components/input/node_modules/chalk/source/index.js +0 -225
- package/components/input/node_modules/chalk/source/utilities.js +0 -33
- package/components/input/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/input/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/input/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/input/node_modules/chalk/source/vendor/supports-color/browser.js +0 -30
- package/components/input/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/input/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/input/package.json +0 -76
- package/components/input/src/auro-input.js +0 -249
- package/components/input/src/base-input.js +0 -1103
- package/components/input/src/buttonVersion.js +0 -1
- package/components/input/src/i18n.js +0 -102
- package/components/input/src/iconVersion.js +0 -1
- package/components/input/src/index.js +0 -6
- package/components/input/src/styles/@aurodesignsystem/webcorestylesheets/src/breakpoints +0 -0
- package/components/input/src/styles/borders-css.js +0 -2
- package/components/input/src/styles/borders.css +0 -35
- package/components/input/src/styles/borders.scss +0 -49
- package/components/input/src/styles/color-css.js +0 -2
- package/components/input/src/styles/color.css +0 -57
- package/components/input/src/styles/color.scss +0 -84
- package/components/input/src/styles/input-css.js +0 -2
- package/components/input/src/styles/input.css +0 -35
- package/components/input/src/styles/input.scss +0 -53
- package/components/input/src/styles/label-css.js +0 -2
- package/components/input/src/styles/label.css +0 -45
- package/components/input/src/styles/label.scss +0 -71
- package/components/input/src/styles/mixins-css.js +0 -2
- package/components/input/src/styles/mixins.css +0 -1
- package/components/input/src/styles/mixins.scss +0 -45
- package/components/input/src/styles/notificationIcons-css.js +0 -2
- package/components/input/src/styles/notificationIcons.css +0 -84
- package/components/input/src/styles/notificationIcons.scss +0 -109
- package/components/input/src/styles/style-css.js +0 -2
- package/components/input/src/styles/style.css +0 -283
- package/components/input/src/styles/style.scss +0 -52
- package/components/input/src/styles/tokens-css.js +0 -2
- package/components/input/src/styles/tokens.css +0 -8
- package/components/input/src/styles/tokens.scss +0 -10
- package/components/menu/.stylelintrc.json +0 -3
- package/components/menu/.turbo/turbo-build$colon$sass.log +0 -86
- package/components/menu/.turbo/turbo-build$colon$version.log +0 -7
- package/components/menu/.turbo/turbo-build.log +0 -185
- package/components/menu/.turbo/turbo-bundler.log +0 -13
- package/components/menu/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/menu/.turbo/turbo-sass$colon$render.log +0 -34
- package/components/menu/.turbo/turbo-types.log +0 -4
- package/components/menu/dist/auro-menu-utils.d.ts.map +0 -1
- package/components/menu/dist/auro-menu.d.ts.map +0 -1
- package/components/menu/dist/auro-menuoption.d.ts.map +0 -1
- package/components/menu/dist/iconVersion.d.ts.map +0 -1
- package/components/menu/dist/index.d.ts.map +0 -1
- package/components/menu/dist/styles/color-menu-css.d.ts.map +0 -1
- package/components/menu/dist/styles/color-menuoption-css.d.ts.map +0 -1
- package/components/menu/dist/styles/style-menu-css.d.ts.map +0 -1
- package/components/menu/dist/styles/style-menuoption-css.d.ts.map +0 -1
- package/components/menu/dist/styles/tokens-css.d.ts.map +0 -1
- package/components/menu/node_modules/chalk/package.json +0 -83
- package/components/menu/node_modules/chalk/readme.md +0 -325
- package/components/menu/node_modules/chalk/source/index.d.ts +0 -320
- package/components/menu/node_modules/chalk/source/index.js +0 -225
- package/components/menu/node_modules/chalk/source/utilities.js +0 -33
- package/components/menu/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/menu/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/menu/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/menu/node_modules/chalk/source/vendor/supports-color/browser.js +0 -30
- package/components/menu/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/menu/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/menu/node_modules/mime/CHANGELOG.md +0 -296
- package/components/menu/node_modules/mime/Mime.js +0 -97
- package/components/menu/node_modules/mime/README.md +0 -187
- package/components/menu/node_modules/mime/cli.js +0 -46
- package/components/menu/node_modules/mime/index.js +0 -4
- package/components/menu/node_modules/mime/lite.js +0 -4
- package/components/menu/node_modules/mime/package.json +0 -52
- package/components/menu/node_modules/mime/types/other.js +0 -1
- package/components/menu/node_modules/mime/types/standard.js +0 -1
- package/components/menu/node_modules/rollup-plugin-serve/LICENSE.md +0 -21
- package/components/menu/node_modules/rollup-plugin-serve/README.md +0 -135
- package/components/menu/node_modules/rollup-plugin-serve/dist/index.cjs +0 -181
- package/components/menu/node_modules/rollup-plugin-serve/dist/index.cjs.js +0 -197
- package/components/menu/node_modules/rollup-plugin-serve/dist/index.es.js +0 -193
- package/components/menu/node_modules/rollup-plugin-serve/dist/index.mjs +0 -173
- package/components/menu/node_modules/rollup-plugin-serve/package.json +0 -44
- package/components/menu/package.json +0 -70
- package/components/menu/src/auro-menu-utils.js +0 -131
- package/components/menu/src/auro-menu.js +0 -728
- package/components/menu/src/auro-menuoption.js +0 -147
- package/components/menu/src/iconVersion.js +0 -1
- package/components/menu/src/index.js +0 -15
- package/components/menu/src/styles/color-menu-css.js +0 -2
- package/components/menu/src/styles/color-menu.css +0 -4
- package/components/menu/src/styles/color-menu.scss +0 -12
- package/components/menu/src/styles/color-menuoption-css.js +0 -2
- package/components/menu/src/styles/color-menuoption.css +0 -26
- package/components/menu/src/styles/color-menuoption.scss +0 -37
- package/components/menu/src/styles/style-menu-css.js +0 -2
- package/components/menu/src/styles/style-menu.css +0 -2061
- package/components/menu/src/styles/style-menu.scss +0 -80
- package/components/menu/src/styles/style-menuoption-css.js +0 -2
- package/components/menu/src/styles/style-menuoption.css +0 -45
- package/components/menu/src/styles/style-menuoption.scss +0 -66
- package/components/menu/src/styles/tokens-css.js +0 -2
- package/components/menu/src/styles/tokens.css +0 -6
- package/components/menu/src/styles/tokens.scss +0 -6
- package/components/radio/.stylelintrc.json +0 -3
- package/components/radio/.turbo/turbo-build$colon$sass.log +0 -130
- package/components/radio/.turbo/turbo-build.log +0 -215
- package/components/radio/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/radio/.turbo/turbo-sass$colon$render.log +0 -34
- package/components/radio/dist/auro-radio-group.d.ts.map +0 -1
- package/components/radio/dist/auro-radio.d.ts.map +0 -1
- package/components/radio/dist/index.d.ts.map +0 -1
- package/components/radio/dist/styles/auro-radio-group-css.d.ts.map +0 -1
- package/components/radio/dist/styles/color-css.d.ts.map +0 -1
- package/components/radio/dist/styles/groupColor-css.d.ts.map +0 -1
- package/components/radio/dist/styles/style-css.d.ts.map +0 -1
- package/components/radio/dist/styles/tokens-css.d.ts.map +0 -1
- package/components/radio/node_modules/chalk/package.json +0 -83
- package/components/radio/node_modules/chalk/readme.md +0 -325
- package/components/radio/node_modules/chalk/source/index.d.ts +0 -320
- package/components/radio/node_modules/chalk/source/index.js +0 -225
- package/components/radio/node_modules/chalk/source/utilities.js +0 -33
- package/components/radio/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/radio/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/radio/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/radio/node_modules/chalk/source/vendor/supports-color/browser.js +0 -30
- package/components/radio/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/radio/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/radio/package.json +0 -69
- package/components/radio/src/auro-radio-group.js +0 -451
- package/components/radio/src/auro-radio.js +0 -256
- package/components/radio/src/index.js +0 -8
- package/components/radio/src/styles/auro-radio-group-css.js +0 -2
- package/components/radio/src/styles/auro-radio-group.css +0 -23
- package/components/radio/src/styles/auro-radio-group.scss +0 -36
- package/components/radio/src/styles/color-css.js +0 -2
- package/components/radio/src/styles/color.css +0 -45
- package/components/radio/src/styles/color.scss +0 -56
- package/components/radio/src/styles/groupColor-css.js +0 -2
- package/components/radio/src/styles/groupColor.css +0 -13
- package/components/radio/src/styles/groupColor.scss +0 -25
- package/components/radio/src/styles/style-css.js +0 -2
- package/components/radio/src/styles/style.css +0 -113
- package/components/radio/src/styles/style.scss +0 -99
- package/components/radio/src/styles/tokens-css.js +0 -2
- package/components/radio/src/styles/tokens.css +0 -8
- package/components/radio/src/styles/tokens.scss +0 -11
- package/components/select/.stylelintrc.json +0 -3
- package/components/select/.turbo/turbo-build$colon$sass.log +0 -122
- package/components/select/.turbo/turbo-build.log +0 -242
- package/components/select/.turbo/turbo-postCss$colon$component.log +0 -4
- package/components/select/.turbo/turbo-sass$colon$render.log +0 -22
- package/components/select/dist/auro-select.d.ts.map +0 -1
- package/components/select/dist/dropdownVersion.d.ts.map +0 -1
- package/components/select/dist/formkit/auro-dropdownVersion.d.ts +0 -3
- package/components/select/dist/formkit/auro-dropdownVersion.d.ts.map +0 -1
- package/components/select/dist/index.d.ts.map +0 -1
- package/components/select/dist/styles/color-css.d.ts.map +0 -1
- package/components/select/dist/styles/style-css.d.ts.map +0 -1
- package/components/select/dist/styles/tokens-css.d.ts.map +0 -1
- package/components/select/node_modules/chalk/package.json +0 -83
- package/components/select/node_modules/chalk/readme.md +0 -325
- package/components/select/node_modules/chalk/source/index.d.ts +0 -320
- package/components/select/node_modules/chalk/source/index.js +0 -225
- package/components/select/node_modules/chalk/source/utilities.js +0 -33
- package/components/select/node_modules/chalk/source/vendor/ansi-styles/index.d.ts +0 -236
- package/components/select/node_modules/chalk/source/vendor/ansi-styles/index.js +0 -223
- package/components/select/node_modules/chalk/source/vendor/supports-color/browser.d.ts +0 -1
- package/components/select/node_modules/chalk/source/vendor/supports-color/browser.js +0 -30
- package/components/select/node_modules/chalk/source/vendor/supports-color/index.d.ts +0 -55
- package/components/select/node_modules/chalk/source/vendor/supports-color/index.js +0 -182
- package/components/select/node_modules/mime/CHANGELOG.md +0 -296
- package/components/select/node_modules/mime/Mime.js +0 -97
- package/components/select/node_modules/mime/README.md +0 -187
- package/components/select/node_modules/mime/cli.js +0 -46
- package/components/select/node_modules/mime/index.js +0 -4
- package/components/select/node_modules/mime/lite.js +0 -4
- package/components/select/node_modules/mime/package.json +0 -52
- package/components/select/node_modules/mime/types/other.js +0 -1
- package/components/select/node_modules/mime/types/standard.js +0 -1
- package/components/select/node_modules/rollup-plugin-serve/LICENSE.md +0 -21
- package/components/select/node_modules/rollup-plugin-serve/README.md +0 -135
- package/components/select/node_modules/rollup-plugin-serve/dist/index.cjs +0 -181
- package/components/select/node_modules/rollup-plugin-serve/dist/index.cjs.js +0 -197
- package/components/select/node_modules/rollup-plugin-serve/dist/index.es.js +0 -193
- package/components/select/node_modules/rollup-plugin-serve/dist/index.mjs +0 -173
- package/components/select/node_modules/rollup-plugin-serve/package.json +0 -44
- package/components/select/package.json +0 -70
- package/components/select/packageScripts/postinstall.mjs +0 -28
- package/components/select/src/auro-select.js +0 -604
- package/components/select/src/dropdownVersion.js +0 -1
- package/components/select/src/formkit/auro-dropdownVersion.js +0 -1
- package/components/select/src/index.js +0 -6
- package/components/select/src/styles/color-css.js +0 -2
- package/components/select/src/styles/color.css +0 -63
- package/components/select/src/styles/color.scss +0 -33
- package/components/select/src/styles/style-css.js +0 -2
- package/components/select/src/styles/style.css +0 -105
- package/components/select/src/styles/style.scss +0 -83
- package/components/select/src/styles/tokens-css.js +0 -2
- package/components/select/src/styles/tokens.css +0 -3
- package/components/select/src/styles/tokens.scss +0 -5
- package/packages/build-tools/package.json +0 -15
- package/packages/build-tools/src/docProcessor.mjs +0 -133
- package/packages/build-tools/src/formVersionWriter.mjs +0 -75
- package/packages/build-tools/src/index.js +0 -1
- package/packages/build-tools/src/kitDocProcessor.mjs +0 -66
- package/packages/form-validation/package.json +0 -12
- package/packages/form-validation/src/index.js +0 -1
- package/packages/form-validation/src/validation.js +0 -318
- package/packages/typescript/base.json +0 -19
- package/packages/typescript/package.json +0 -20
- package/packages/utils/package.json +0 -12
- package/packages/utils/src/iconUtil.js +0 -25
- package/packages/utils/src/index.js +0 -1
- package/turbo.json +0 -134
|
@@ -107,46 +107,46 @@ function auroMenuLoadingExample() {
|
|
|
107
107
|
* Copyright 2019 Google LLC
|
|
108
108
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
109
109
|
*/
|
|
110
|
-
const t$
|
|
110
|
+
const t$7=globalThis,e$c=t$7.ShadowRoot&&(void 0===t$7.ShadyCSS||t$7.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$7=Symbol(),o$c=new WeakMap;let n$a = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$7)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$c&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$c.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$c.set(s,t));}return t}toString(){return this.cssText}};const r$c=t=>new n$a("string"==typeof t?t:t+"",void 0,s$7),i$f=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$a(o,t,s$7)},S$6=(s,o)=>{if(e$c)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$7.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$9=e$c?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$c(e)})(t):t;
|
|
111
111
|
|
|
112
112
|
/**
|
|
113
113
|
* @license
|
|
114
114
|
* Copyright 2017 Google LLC
|
|
115
115
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
116
|
-
*/const{is:i$
|
|
116
|
+
*/const{is:i$e,defineProperty:e$b,getOwnPropertyDescriptor:r$b,getOwnPropertyNames:h$6,getOwnPropertySymbols:o$b,getPrototypeOf:n$9}=Object,a$7=globalThis,c$8=a$7.trustedTypes,l$7=c$8?c$8.emptyScript:"",p$6=a$7.reactiveElementPolyfillSupport,d$6=(t,s)=>t,u$7={toAttribute(t,s){switch(s){case Boolean:t=t?l$7:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$6=(t,s)=>!i$e(t,s),y$4={attribute:true,type:String,converter:u$7,reflect:false,hasChanged:f$6};Symbol.metadata??=Symbol("metadata"),a$7.litPropertyMetadata??=new WeakMap;let b$3 = class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y$4){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$b(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$b(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$4}static _$Ei(){if(this.hasOwnProperty(d$6("elementProperties")))return;const t=n$9(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$6("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$6("properties"))){const t=this.properties,s=[...h$6(t),...o$b(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$9(s));}else void 0!==s&&i.push(c$9(s));return i}static _$Eu(t,s){const i=s.attribute;return false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$6(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$7).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$7;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$6)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU();}catch(s){throw t=false,this._$EU(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$3.elementStyles=[],b$3.shadowRootOptions={mode:"open"},b$3[d$6("elementProperties")]=new Map,b$3[d$6("finalized")]=new Map,p$6?.({ReactiveElement:b$3}),(a$7.reactiveElementVersions??=[]).push("2.0.4");
|
|
117
117
|
|
|
118
118
|
/**
|
|
119
119
|
* @license
|
|
120
120
|
* Copyright 2017 Google LLC
|
|
121
121
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
122
122
|
*/
|
|
123
|
-
const t$
|
|
123
|
+
const t$6=globalThis,i$d=t$6.trustedTypes,s$6=i$d?i$d.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$a="$lit$",h$5=`lit$${Math.random().toFixed(9).slice(2)}$`,o$a="?"+h$5,n$8=`<${o$a}>`,r$a=document,l$6=()=>r$a.createComment(""),c$7=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$6=Array.isArray,u$6=t=>a$6(t)||"function"==typeof t?.[Symbol.iterator],d$5="[ \t\n\f\r]",f$5=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$3=/-->/g,_$3=/>/g,m$3=RegExp(`>|${d$5}(?:([^\\s"'>=/]+)(${d$5}*=${d$5}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$5=/'/g,g$3=/"/g,$$3=/^(?:script|style|textarea|title)$/i,y$3=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x$1=y$3(1),T$3=Symbol.for("lit-noChange"),E$3=Symbol.for("lit-nothing"),A$3=new WeakMap,C$3=r$a.createTreeWalker(r$a,129);function P$3(t,i){if(!a$6(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$6?s$6.createHTML(i):i}const V$3=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$5;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f$5?"!--"===u[1]?c=v$3:void 0!==u[1]?c=_$3:void 0!==u[2]?($$3.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$3):void 0!==u[3]&&(c=m$3):c===m$3?">"===u[0]?(c=r??f$5,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$3:'"'===u[3]?g$3:p$5):c===g$3||c===p$5?c=m$3:c===v$3||c===_$3?c=f$5:(c=m$3,r=void 0);const x=c===m$3&&t[i+1].startsWith("/>")?" ":"";l+=c===f$5?s+n$8:d>=0?(o.push(a),s.slice(0,d)+e$a+s.slice(d)+h$5+x):s+h$5+(-2===d?i:x);}return [P$3(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};let N$3 = class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V$3(t,s);if(this.el=N.createElement(f,n),C$3.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C$3.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$a)){const i=v[a++],s=r.getAttribute(t).split(h$5),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H$3:"?"===e[1]?I$3:"@"===e[1]?L$3:k$3}),r.removeAttribute(t);}else t.startsWith(h$5)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($$3.test(r.tagName)){const t=r.textContent.split(h$5),s=t.length-1;if(s>0){r.textContent=i$d?i$d.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$6()),C$3.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$6());}}}else if(8===r.nodeType)if(r.data===o$a)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$5,t+1));)d.push({type:7,index:c}),t+=h$5.length-1;}c++;}}static createElement(t,i){const s=r$a.createElement("template");return s.innerHTML=t,s}};function S$5(t,i,s=t,e){if(i===T$3)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$7(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S$5(t,h._$AS(t,i.values),h,e)),i}let M$3 = class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$a).importNode(i,true);C$3.currentNode=e;let h=C$3.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R$3(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z$3(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C$3.nextNode(),o++);}return C$3.currentNode=r$a,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}};let R$3 = class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E$3,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S$5(this,t,i),c$7(t)?t===E$3||null==t||""===t?(this._$AH!==E$3&&this._$AR(),this._$AH=E$3):t!==this._$AH&&t!==T$3&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$6(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E$3&&c$7(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$a.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N$3.createElement(P$3(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$3(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A$3.get(t.strings);return void 0===i&&A$3.set(t.strings,i=new N$3(t)),i}k(t){a$6(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l$6()),this.O(l$6()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}};let k$3 = class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E$3,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E$3;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S$5(this,t,i,0),o=!c$7(t)||t!==this._$AH&&t!==T$3,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S$5(this,e[s+n],i,n),r===T$3&&(r=this._$AH[n]),o||=!c$7(r)||r!==this._$AH[n],r===E$3?t=E$3:t!==E$3&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E$3?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}};let H$3 = class H extends k$3{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E$3?void 0:t;}};let I$3 = class I extends k$3{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E$3);}};let L$3 = class L extends k$3{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S$5(this,t,i,0)??E$3)===T$3)return;const s=this._$AH,e=t===E$3&&s!==E$3||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E$3&&(s===E$3||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}};let z$3 = class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S$5(this,t);}};const j$3=t$6.litHtmlPolyfillSupport;j$3?.(N$3,R$3),(t$6.litHtmlVersions??=[]).push("3.2.1");const B$3=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R$3(i.insertBefore(l$6(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
124
124
|
|
|
125
125
|
/**
|
|
126
126
|
* @license
|
|
127
127
|
* Copyright 2017 Google LLC
|
|
128
128
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
129
|
-
*/let r$9 = class r extends b$3{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=
|
|
129
|
+
*/let r$9 = class r extends b$3{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B$3(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T$3}};r$9._$litElement$=true,r$9["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r$9});const i$c=globalThis.litElementPolyfillSupport;i$c?.({LitElement:r$9});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
130
130
|
|
|
131
131
|
/**
|
|
132
132
|
* @license
|
|
133
133
|
* Copyright 2017 Google LLC
|
|
134
134
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
135
135
|
*/
|
|
136
|
-
const t$
|
|
136
|
+
const t$5={ATTRIBUTE:1},e$9=t=>(...e)=>({_$litDirective$:t,values:e});let i$b = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
137
137
|
|
|
138
138
|
/**
|
|
139
139
|
* @license
|
|
140
140
|
* Copyright 2018 Google LLC
|
|
141
141
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
142
|
-
*/const e$
|
|
142
|
+
*/const e$8=e$9(class extends i$b{constructor(t){if(super(t),t.type!==t$5.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T$3}});
|
|
143
143
|
|
|
144
144
|
/**
|
|
145
145
|
* @license
|
|
146
146
|
* Copyright 2020 Google LLC
|
|
147
147
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
148
148
|
*/
|
|
149
|
-
const a$
|
|
149
|
+
const a$5=Symbol.for(""),o$9=t=>{if(t?.r===a$5)return t?._$litStatic$},s$5=t=>({_$litStatic$:t,r:a$5}),i$a=(t,...r)=>({_$litStatic$:r.reduce(((r,e,a)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[a+1]),t[0]),r:a$5}),l$5=new Map,n$7=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o$9(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l$5.get(t))&&(n.raw=n,l$5.set(t,r=n)),e=u;}return t(r,...e)},u$5=n$7(x$1);
|
|
150
150
|
|
|
151
151
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
152
152
|
// See LICENSE in the project root for license information.
|
|
@@ -155,7 +155,7 @@ const a$6=Symbol.for(""),o$9=t=>{if(t?.r===a$6)return t?._$litStatic$},s$6=t=>({
|
|
|
155
155
|
|
|
156
156
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
157
157
|
|
|
158
|
-
let AuroLibraryRuntimeUtils$
|
|
158
|
+
let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
159
159
|
|
|
160
160
|
/* eslint-disable jsdoc/require-param */
|
|
161
161
|
|
|
@@ -224,7 +224,7 @@ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
|
224
224
|
|
|
225
225
|
class AuroFormValidation {
|
|
226
226
|
constructor() {
|
|
227
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
227
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
228
228
|
}
|
|
229
229
|
|
|
230
230
|
/**
|
|
@@ -536,7 +536,7 @@ class AuroFormValidation {
|
|
|
536
536
|
// See LICENSE in the project root for license information.
|
|
537
537
|
|
|
538
538
|
|
|
539
|
-
let AuroDependencyVersioning$
|
|
539
|
+
let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
|
|
540
540
|
|
|
541
541
|
/**
|
|
542
542
|
* Generates a unique string to be used for child auro element naming.
|
|
@@ -562,7 +562,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
562
562
|
*/
|
|
563
563
|
generateTag(baseName, version, tagClass) {
|
|
564
564
|
const elementName = this.generateElementName(baseName, version);
|
|
565
|
-
const tag = i$
|
|
565
|
+
const tag = i$a`${s$5(elementName)}`;
|
|
566
566
|
|
|
567
567
|
if (!customElements.get(elementName)) {
|
|
568
568
|
customElements.define(elementName, class extends tagClass {});
|
|
@@ -577,33 +577,33 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
577
577
|
* Copyright 2017 Google LLC
|
|
578
578
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
579
579
|
*/
|
|
580
|
-
const t$4=globalThis,i$9=t$4.trustedTypes,s$4=i$9?i$9.createPolicy("lit-html",{createHTML:t=>t}):
|
|
580
|
+
const t$4=globalThis,i$9=t$4.trustedTypes,s$4=i$9?i$9.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$7="$lit$",h$3=`lit$${Math.random().toFixed(9).slice(2)}$`,o$7="?"+h$3,n$6=`<${o$7}>`,r$7=document,l$4=()=>r$7.createComment(""),c$5=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$4=Array.isArray,u$4=t=>a$4(t)||"function"==typeof t?.[Symbol.iterator],d$3="[ \t\n\f\r]",f$3=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$1=/-->/g,_$1=/>/g,m$1=RegExp(`>|${d$3}(?:([^\\s"'>=/]+)(${d$3}*=${d$3}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$3=/'/g,g$1=/"/g,$$1=/^(?:script|style|textarea|title)$/i,y$2=t=>(i,...s)=>({_$litType$:t,strings:i,values:s}),x=y$2(1),T$1=Symbol.for("lit-noChange"),E$1=Symbol.for("lit-nothing"),A$1=new WeakMap,C$1=r$7.createTreeWalker(r$7,129);function P$1(t,i){if(!a$4(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$4?s$4.createHTML(i):i}const V$1=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$3;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f$3?"!--"===u[1]?c=v$1:void 0!==u[1]?c=_$1:void 0!==u[2]?($$1.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$1):void 0!==u[3]&&(c=m$1):c===m$1?">"===u[0]?(c=r??f$3,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$1:'"'===u[3]?g$1:p$3):c===g$1||c===p$3?c=m$1:c===v$1||c===_$1?c=f$3:(c=m$1,r=void 0);const x=c===m$1&&t[i+1].startsWith("/>")?" ":"";l+=c===f$3?s+n$6:d>=0?(o.push(a),s.slice(0,d)+e$7+s.slice(d)+h$3+x):s+h$3+(-2===d?i:x);}return [P$1(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};let N$1 = class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V$1(t,s);if(this.el=N.createElement(f,n),C$1.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C$1.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$7)){const i=v[a++],s=r.getAttribute(t).split(h$3),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H$1:"?"===e[1]?I$1:"@"===e[1]?L$1:k$1}),r.removeAttribute(t);}else t.startsWith(h$3)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($$1.test(r.tagName)){const t=r.textContent.split(h$3),s=t.length-1;if(s>0){r.textContent=i$9?i$9.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$4()),C$1.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$4());}}}else if(8===r.nodeType)if(r.data===o$7)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$3,t+1));)d.push({type:7,index:c}),t+=h$3.length-1;}c++;}}static createElement(t,i){const s=r$7.createElement("template");return s.innerHTML=t,s}};function S$3(t,i,s=t,e){if(i===T$1)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$5(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S$3(t,h._$AS(t,i.values),h,e)),i}let M$1 = class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$7).importNode(i,true);C$1.currentNode=e;let h=C$1.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R$1(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z$1(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C$1.nextNode(),o++);}return C$1.currentNode=r$7,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}};let R$1 = class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E$1,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S$3(this,t,i),c$5(t)?t===E$1||null==t||""===t?(this._$AH!==E$1&&this._$AR(),this._$AH=E$1):t!==this._$AH&&t!==T$1&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$4(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E$1&&c$5(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$7.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N$1.createElement(P$1(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$1(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A$1.get(t.strings);return void 0===i&&A$1.set(t.strings,i=new N$1(t)),i}k(t){a$4(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l$4()),this.O(l$4()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}};let k$1 = class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E$1,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E$1;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S$3(this,t,i,0),o=!c$5(t)||t!==this._$AH&&t!==T$1,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S$3(this,e[s+n],i,n),r===T$1&&(r=this._$AH[n]),o||=!c$5(r)||r!==this._$AH[n],r===E$1?t=E$1:t!==E$1&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E$1?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}};let H$1 = class H extends k$1{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E$1?void 0:t;}};let I$1 = class I extends k$1{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E$1);}};let L$1 = class L extends k$1{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S$3(this,t,i,0)??E$1)===T$1)return;const s=this._$AH,e=t===E$1&&s!==E$1||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E$1&&(s===E$1||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}};let z$1 = class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S$3(this,t);}};const j$1=t$4.litHtmlPolyfillSupport;j$1?.(N$1,R$1),(t$4.litHtmlVersions??=[]).push("3.2.1");const B$1=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R$1(i.insertBefore(l$4(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
581
581
|
|
|
582
582
|
/**
|
|
583
583
|
* @license
|
|
584
584
|
* Copyright 2020 Google LLC
|
|
585
585
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
586
586
|
*/
|
|
587
|
-
const a$3=Symbol.for(""),o$6=t=>{if(t?.r===a$3)return t?._$litStatic$},s$3=t=>({_$litStatic$:t,r:a$3}),i$8=(t,...r)=>({_$litStatic$:r.reduce(((r,e,a)=>r+(t=>{if(
|
|
587
|
+
const a$3=Symbol.for(""),o$6=t=>{if(t?.r===a$3)return t?._$litStatic$},s$3=t=>({_$litStatic$:t,r:a$3}),i$8=(t,...r)=>({_$litStatic$:r.reduce(((r,e,a)=>r+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[a+1]),t[0]),r:a$3}),l$3=new Map,n$5=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&void 0!==(i=e[$],s=o$6(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");void 0===(r=l$3.get(t))&&(n.raw=n,l$3.set(t,r=n)),e=u;}return t(r,...e)},u$3=n$5(x);
|
|
588
588
|
|
|
589
589
|
/**
|
|
590
590
|
* @license
|
|
591
591
|
* Copyright 2019 Google LLC
|
|
592
592
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
593
593
|
*/
|
|
594
|
-
const t$3=globalThis,e$6=t$3.ShadowRoot&&(
|
|
594
|
+
const t$3=globalThis,e$6=t$3.ShadowRoot&&(void 0===t$3.ShadyCSS||t$3.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2$1=Symbol(),o$5=new WeakMap;let n$4 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$2$1)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$6&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$5.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$5.set(s,t));}return t}toString(){return this.cssText}};const r$6=t=>new n$4("string"==typeof t?t:t+"",void 0,s$2$1),i$7=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$4(o,t,s$2$1)},S$2=(s,o)=>{if(e$6)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$3.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$4=e$6?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$6(e)})(t):t;
|
|
595
595
|
|
|
596
596
|
/**
|
|
597
597
|
* @license
|
|
598
598
|
* Copyright 2017 Google LLC
|
|
599
599
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
600
|
-
*/const{is:i$6,defineProperty:e$5,getOwnPropertyDescriptor:r$5,getOwnPropertyNames:h$2,getOwnPropertySymbols:o$4$1,getPrototypeOf:n$3$1}=Object,a$2$1=globalThis,c$3=a$2$1.trustedTypes,l$2$1=c$3?c$3.emptyScript:"",p$2=a$2$1.reactiveElementPolyfillSupport,d$2=(t,s)=>t,u$2$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$2$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$2=(t,s)=>!i$6(t,s),y
|
|
600
|
+
*/const{is:i$6,defineProperty:e$5,getOwnPropertyDescriptor:r$5,getOwnPropertyNames:h$2,getOwnPropertySymbols:o$4$1,getPrototypeOf:n$3$1}=Object,a$2$1=globalThis,c$3=a$2$1.trustedTypes,l$2$1=c$3?c$3.emptyScript:"",p$2=a$2$1.reactiveElementPolyfillSupport,d$2=(t,s)=>t,u$2$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$2$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$2=(t,s)=>!i$6(t,s),y={attribute:true,type:String,converter:u$2$1,reflect:false,hasChanged:f$2};Symbol.metadata??=Symbol("metadata"),a$2$1.litPropertyMetadata??=new WeakMap;let b$1 = class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$5(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$5(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y}static _$Ei(){if(this.hasOwnProperty(d$2("elementProperties")))return;const t=n$3$1(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$2("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$2("properties"))){const t=this.properties,s=[...h$2(t),...o$4$1(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$4(s));}else void 0!==s&&i.push(c$4(s));return i}static _$Eu(t,s){const i=s.attribute;return false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$2(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$2$1).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$2$1;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$2)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU();}catch(s){throw t=false,this._$EU(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$1.elementStyles=[],b$1.shadowRootOptions={mode:"open"},b$1[d$2("elementProperties")]=new Map,b$1[d$2("finalized")]=new Map,p$2?.({ReactiveElement:b$1}),(a$2$1.reactiveElementVersions??=[]).push("2.0.4");
|
|
601
601
|
|
|
602
602
|
/**
|
|
603
603
|
* @license
|
|
604
604
|
* Copyright 2017 Google LLC
|
|
605
605
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
606
|
-
*/let r$4 = class r extends b$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=
|
|
606
|
+
*/let r$4 = class r extends b$1{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B$1(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T$1}};r$4._$litElement$=true,r$4["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r$4});const i$5$1=globalThis.litElementPolyfillSupport;i$5$1?.({LitElement:r$4});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
607
607
|
|
|
608
608
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
609
609
|
// See LICENSE in the project root for license information.
|
|
@@ -612,7 +612,7 @@ const t$3=globalThis,e$6=t$3.ShadowRoot&&(undefined===t$3.ShadyCSS||t$3.ShadyCSS
|
|
|
612
612
|
|
|
613
613
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
614
614
|
|
|
615
|
-
|
|
615
|
+
class AuroLibraryRuntimeUtils {
|
|
616
616
|
|
|
617
617
|
/* eslint-disable jsdoc/require-param */
|
|
618
618
|
|
|
@@ -673,7 +673,7 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
|
|
|
673
673
|
|
|
674
674
|
return elemTag === tag || elem.hasAttribute(tag);
|
|
675
675
|
}
|
|
676
|
-
}
|
|
676
|
+
}
|
|
677
677
|
|
|
678
678
|
/**
|
|
679
679
|
* Custom positioning reference element.
|
|
@@ -723,7 +723,7 @@ function getAlignmentAxis(placement) {
|
|
|
723
723
|
return getOppositeAxis(getSideAxis(placement));
|
|
724
724
|
}
|
|
725
725
|
function getAlignmentSides(placement, rects, rtl) {
|
|
726
|
-
if (rtl ===
|
|
726
|
+
if (rtl === void 0) {
|
|
727
727
|
rtl = false;
|
|
728
728
|
}
|
|
729
729
|
const alignment = getAlignment(placement);
|
|
@@ -880,7 +880,7 @@ const computePosition$1 = async (reference, floating, config) => {
|
|
|
880
880
|
platform
|
|
881
881
|
} = config;
|
|
882
882
|
const validMiddleware = middleware.filter(Boolean);
|
|
883
|
-
const rtl = await (platform.isRTL == null ?
|
|
883
|
+
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(floating));
|
|
884
884
|
let rects = await platform.getElementRects({
|
|
885
885
|
reference,
|
|
886
886
|
floating,
|
|
@@ -966,7 +966,7 @@ const computePosition$1 = async (reference, floating, config) => {
|
|
|
966
966
|
*/
|
|
967
967
|
async function detectOverflow(state, options) {
|
|
968
968
|
var _await$platform$isEle;
|
|
969
|
-
if (options ===
|
|
969
|
+
if (options === void 0) {
|
|
970
970
|
options = {};
|
|
971
971
|
}
|
|
972
972
|
const {
|
|
@@ -988,7 +988,7 @@ async function detectOverflow(state, options) {
|
|
|
988
988
|
const altContext = elementContext === 'floating' ? 'reference' : 'floating';
|
|
989
989
|
const element = elements[altBoundary ? altContext : elementContext];
|
|
990
990
|
const clippingClientRect = rectToClientRect(await platform.getClippingRect({
|
|
991
|
-
element: ((_await$platform$isEle = await (platform.isElement == null ?
|
|
991
|
+
element: ((_await$platform$isEle = await (platform.isElement == null ? void 0 : platform.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || (await (platform.getDocumentElement == null ? void 0 : platform.getDocumentElement(elements.floating))),
|
|
992
992
|
boundary,
|
|
993
993
|
rootBoundary,
|
|
994
994
|
strategy
|
|
@@ -999,8 +999,8 @@ async function detectOverflow(state, options) {
|
|
|
999
999
|
width: rects.floating.width,
|
|
1000
1000
|
height: rects.floating.height
|
|
1001
1001
|
} : rects.reference;
|
|
1002
|
-
const offsetParent = await (platform.getOffsetParent == null ?
|
|
1003
|
-
const offsetScale = (await (platform.isElement == null ?
|
|
1002
|
+
const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
|
|
1003
|
+
const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
|
|
1004
1004
|
x: 1,
|
|
1005
1005
|
y: 1
|
|
1006
1006
|
} : {
|
|
@@ -1037,7 +1037,7 @@ function getPlacementList(alignment, autoAlignment, allowedPlacements) {
|
|
|
1037
1037
|
* @see https://floating-ui.com/docs/autoPlacement
|
|
1038
1038
|
*/
|
|
1039
1039
|
const autoPlacement$1 = function (options) {
|
|
1040
|
-
if (options ===
|
|
1040
|
+
if (options === void 0) {
|
|
1041
1041
|
options = {};
|
|
1042
1042
|
}
|
|
1043
1043
|
return {
|
|
@@ -1061,12 +1061,12 @@ const autoPlacement$1 = function (options) {
|
|
|
1061
1061
|
} = evaluate(options, state);
|
|
1062
1062
|
const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
|
|
1063
1063
|
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
1064
|
-
const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ?
|
|
1064
|
+
const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
|
|
1065
1065
|
const currentPlacement = placements$1[currentIndex];
|
|
1066
1066
|
if (currentPlacement == null) {
|
|
1067
1067
|
return {};
|
|
1068
1068
|
}
|
|
1069
|
-
const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ?
|
|
1069
|
+
const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));
|
|
1070
1070
|
|
|
1071
1071
|
// Make `computeCoords` start from the right place.
|
|
1072
1072
|
if (placement !== currentPlacement) {
|
|
@@ -1077,7 +1077,7 @@ const autoPlacement$1 = function (options) {
|
|
|
1077
1077
|
};
|
|
1078
1078
|
}
|
|
1079
1079
|
const currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];
|
|
1080
|
-
const allOverflows = [...(((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ?
|
|
1080
|
+
const allOverflows = [...(((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || []), {
|
|
1081
1081
|
placement: currentPlacement,
|
|
1082
1082
|
overflows: currentOverflows
|
|
1083
1083
|
}];
|
|
@@ -1107,7 +1107,7 @@ const autoPlacement$1 = function (options) {
|
|
|
1107
1107
|
// Aligned placements should not check their opposite crossAxis
|
|
1108
1108
|
// side.
|
|
1109
1109
|
getAlignment(d[0]) ? 2 : 3).every(v => v <= 0));
|
|
1110
|
-
const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ?
|
|
1110
|
+
const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];
|
|
1111
1111
|
if (resetPlacement !== placement) {
|
|
1112
1112
|
return {
|
|
1113
1113
|
data: {
|
|
@@ -1131,7 +1131,7 @@ const autoPlacement$1 = function (options) {
|
|
|
1131
1131
|
* @see https://floating-ui.com/docs/flip
|
|
1132
1132
|
*/
|
|
1133
1133
|
const flip$1 = function (options) {
|
|
1134
|
-
if (options ===
|
|
1134
|
+
if (options === void 0) {
|
|
1135
1135
|
options = {};
|
|
1136
1136
|
}
|
|
1137
1137
|
return {
|
|
@@ -1167,7 +1167,7 @@ const flip$1 = function (options) {
|
|
|
1167
1167
|
const side = getSide(placement);
|
|
1168
1168
|
const initialSideAxis = getSideAxis(initialPlacement);
|
|
1169
1169
|
const isBasePlacement = getSide(initialPlacement) === initialPlacement;
|
|
1170
|
-
const rtl = await (platform.isRTL == null ?
|
|
1170
|
+
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
|
|
1171
1171
|
const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
|
|
1172
1172
|
const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';
|
|
1173
1173
|
if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
|
|
@@ -1176,7 +1176,7 @@ const flip$1 = function (options) {
|
|
|
1176
1176
|
const placements = [initialPlacement, ...fallbackPlacements];
|
|
1177
1177
|
const overflow = await detectOverflow(state, detectOverflowOptions);
|
|
1178
1178
|
const overflows = [];
|
|
1179
|
-
let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ?
|
|
1179
|
+
let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
|
|
1180
1180
|
if (checkMainAxis) {
|
|
1181
1181
|
overflows.push(overflow[side]);
|
|
1182
1182
|
}
|
|
@@ -1192,7 +1192,7 @@ const flip$1 = function (options) {
|
|
|
1192
1192
|
// One or more sides is overflowing.
|
|
1193
1193
|
if (!overflows.every(side => side <= 0)) {
|
|
1194
1194
|
var _middlewareData$flip2, _overflowsData$filter;
|
|
1195
|
-
const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ?
|
|
1195
|
+
const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
|
|
1196
1196
|
const nextPlacement = placements[nextIndex];
|
|
1197
1197
|
if (nextPlacement) {
|
|
1198
1198
|
// Try next placement and re-run the lifecycle.
|
|
@@ -1209,7 +1209,7 @@ const flip$1 = function (options) {
|
|
|
1209
1209
|
|
|
1210
1210
|
// First, find the candidates that fit on the mainAxis side of overflow,
|
|
1211
1211
|
// then find the placement that fits the best on the main crossAxis side.
|
|
1212
|
-
let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ?
|
|
1212
|
+
let resetPlacement = (_overflowsData$filter = overflowsData.filter(d => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
|
|
1213
1213
|
|
|
1214
1214
|
// Otherwise fallback.
|
|
1215
1215
|
if (!resetPlacement) {
|
|
@@ -1226,7 +1226,7 @@ const flip$1 = function (options) {
|
|
|
1226
1226
|
currentSideAxis === 'y';
|
|
1227
1227
|
}
|
|
1228
1228
|
return true;
|
|
1229
|
-
}).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ?
|
|
1229
|
+
}).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
|
|
1230
1230
|
if (placement) {
|
|
1231
1231
|
resetPlacement = placement;
|
|
1232
1232
|
}
|
|
@@ -1259,7 +1259,7 @@ async function convertValueToCoords(state, options) {
|
|
|
1259
1259
|
platform,
|
|
1260
1260
|
elements
|
|
1261
1261
|
} = state;
|
|
1262
|
-
const rtl = await (platform.isRTL == null ?
|
|
1262
|
+
const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
|
|
1263
1263
|
const side = getSide(placement);
|
|
1264
1264
|
const alignment = getAlignment(placement);
|
|
1265
1265
|
const isVertical = getSideAxis(placement) === 'y';
|
|
@@ -1301,7 +1301,7 @@ async function convertValueToCoords(state, options) {
|
|
|
1301
1301
|
* @see https://floating-ui.com/docs/offset
|
|
1302
1302
|
*/
|
|
1303
1303
|
const offset$1 = function (options) {
|
|
1304
|
-
if (options ===
|
|
1304
|
+
if (options === void 0) {
|
|
1305
1305
|
options = 0;
|
|
1306
1306
|
}
|
|
1307
1307
|
return {
|
|
@@ -1319,7 +1319,7 @@ const offset$1 = function (options) {
|
|
|
1319
1319
|
|
|
1320
1320
|
// If the placement is the same and the arrow caused an alignment offset
|
|
1321
1321
|
// then we don't need to change the positioning coordinates.
|
|
1322
|
-
if (placement === ((_middlewareData$offse = middlewareData.offset) == null ?
|
|
1322
|
+
if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
|
|
1323
1323
|
return {};
|
|
1324
1324
|
}
|
|
1325
1325
|
return {
|
|
@@ -1348,11 +1348,11 @@ function getNodeName(node) {
|
|
|
1348
1348
|
}
|
|
1349
1349
|
function getWindow(node) {
|
|
1350
1350
|
var _node$ownerDocument;
|
|
1351
|
-
return (node == null || (_node$ownerDocument = node.ownerDocument) == null ?
|
|
1351
|
+
return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
|
|
1352
1352
|
}
|
|
1353
1353
|
function getDocumentElement(node) {
|
|
1354
1354
|
var _ref;
|
|
1355
|
-
return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ?
|
|
1355
|
+
return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
|
|
1356
1356
|
}
|
|
1357
1357
|
function isNode(value) {
|
|
1358
1358
|
if (!hasWindow()) {
|
|
@@ -1467,14 +1467,14 @@ function getNearestOverflowAncestor(node) {
|
|
|
1467
1467
|
}
|
|
1468
1468
|
function getOverflowAncestors(node, list, traverseIframes) {
|
|
1469
1469
|
var _node$ownerDocument2;
|
|
1470
|
-
if (list ===
|
|
1470
|
+
if (list === void 0) {
|
|
1471
1471
|
list = [];
|
|
1472
1472
|
}
|
|
1473
|
-
if (traverseIframes ===
|
|
1473
|
+
if (traverseIframes === void 0) {
|
|
1474
1474
|
traverseIframes = true;
|
|
1475
1475
|
}
|
|
1476
1476
|
const scrollableAncestor = getNearestOverflowAncestor(node);
|
|
1477
|
-
const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ?
|
|
1477
|
+
const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
|
|
1478
1478
|
const win = getWindow(scrollableAncestor);
|
|
1479
1479
|
if (isBody) {
|
|
1480
1480
|
const frameElement = getFrameElement(win);
|
|
@@ -1551,7 +1551,7 @@ function getVisualOffsets(element) {
|
|
|
1551
1551
|
};
|
|
1552
1552
|
}
|
|
1553
1553
|
function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
|
|
1554
|
-
if (isFixed ===
|
|
1554
|
+
if (isFixed === void 0) {
|
|
1555
1555
|
isFixed = false;
|
|
1556
1556
|
}
|
|
1557
1557
|
if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
|
|
@@ -1561,10 +1561,10 @@ function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
|
|
|
1561
1561
|
}
|
|
1562
1562
|
|
|
1563
1563
|
function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
|
|
1564
|
-
if (includeScale ===
|
|
1564
|
+
if (includeScale === void 0) {
|
|
1565
1565
|
includeScale = false;
|
|
1566
1566
|
}
|
|
1567
|
-
if (isFixedStrategy ===
|
|
1567
|
+
if (isFixedStrategy === void 0) {
|
|
1568
1568
|
isFixedStrategy = false;
|
|
1569
1569
|
}
|
|
1570
1570
|
const clientRect = element.getBoundingClientRect();
|
|
@@ -1624,7 +1624,7 @@ function getWindowScrollBarX(element, rect) {
|
|
|
1624
1624
|
}
|
|
1625
1625
|
|
|
1626
1626
|
function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
|
|
1627
|
-
if (ignoreScrollbarX ===
|
|
1627
|
+
if (ignoreScrollbarX === void 0) {
|
|
1628
1628
|
ignoreScrollbarX = false;
|
|
1629
1629
|
}
|
|
1630
1630
|
const htmlRect = documentElement.getBoundingClientRect();
|
|
@@ -1974,10 +1974,10 @@ function observeMove(element, onMove) {
|
|
|
1974
1974
|
io = null;
|
|
1975
1975
|
}
|
|
1976
1976
|
function refresh(skip, threshold) {
|
|
1977
|
-
if (skip ===
|
|
1977
|
+
if (skip === void 0) {
|
|
1978
1978
|
skip = false;
|
|
1979
1979
|
}
|
|
1980
|
-
if (threshold ===
|
|
1980
|
+
if (threshold === void 0) {
|
|
1981
1981
|
threshold = 1;
|
|
1982
1982
|
}
|
|
1983
1983
|
cleanup();
|
|
@@ -2048,7 +2048,7 @@ function observeMove(element, onMove) {
|
|
|
2048
2048
|
* @see https://floating-ui.com/docs/autoUpdate
|
|
2049
2049
|
*/
|
|
2050
2050
|
function autoUpdate(reference, floating, update, options) {
|
|
2051
|
-
if (options ===
|
|
2051
|
+
if (options === void 0) {
|
|
2052
2052
|
options = {};
|
|
2053
2053
|
}
|
|
2054
2054
|
const {
|
|
@@ -2248,7 +2248,7 @@ class AuroFloatingUI {
|
|
|
2248
2248
|
// Compute the position of the bib
|
|
2249
2249
|
computePosition(this.element.trigger, this.element.bib, {
|
|
2250
2250
|
placement: this.element.floaterConfig.placement || 'bottom',
|
|
2251
|
-
middleware: middleware
|
|
2251
|
+
middleware: middleware || []
|
|
2252
2252
|
}).then(({x, y}) => { // eslint-disable-line id-length
|
|
2253
2253
|
Object.assign(this.element.bib.style, {
|
|
2254
2254
|
left: `${x}px`,
|
|
@@ -2601,7 +2601,7 @@ class AuroFloatingUI {
|
|
|
2601
2601
|
// See LICENSE in the project root for license information.
|
|
2602
2602
|
|
|
2603
2603
|
|
|
2604
|
-
|
|
2604
|
+
class AuroDependencyVersioning {
|
|
2605
2605
|
|
|
2606
2606
|
/**
|
|
2607
2607
|
* Generates a unique string to be used for child auro element naming.
|
|
@@ -2635,20 +2635,20 @@ let AuroDependencyVersioning$1 = class AuroDependencyVersioning {
|
|
|
2635
2635
|
|
|
2636
2636
|
return tag;
|
|
2637
2637
|
}
|
|
2638
|
-
}
|
|
2638
|
+
}
|
|
2639
2639
|
|
|
2640
2640
|
/**
|
|
2641
2641
|
* @license
|
|
2642
2642
|
* Copyright 2017 Google LLC
|
|
2643
2643
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2644
2644
|
*/
|
|
2645
|
-
const t$2$1={ATTRIBUTE:1
|
|
2645
|
+
const t$2$1={ATTRIBUTE:1},e$4$1=t=>(...e)=>({_$litDirective$:t,values:e});let i$4$1 = class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};
|
|
2646
2646
|
|
|
2647
2647
|
/**
|
|
2648
2648
|
* @license
|
|
2649
2649
|
* Copyright 2018 Google LLC
|
|
2650
2650
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
2651
|
-
*/const e$3$1=e$4$1(class extends i$4$1{constructor(t){if(super(t),t.type!==t$2$1.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(
|
|
2651
|
+
*/const e$3$1=e$4$1(class extends i$4$1{constructor(t){if(super(t),t.type!==t$2$1.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T$1}});
|
|
2652
2652
|
|
|
2653
2653
|
/**
|
|
2654
2654
|
* @license
|
|
@@ -2666,7 +2666,7 @@ const t$2$1={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:
|
|
|
2666
2666
|
* @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
|
|
2667
2667
|
*/
|
|
2668
2668
|
|
|
2669
|
-
let AuroElement$
|
|
2669
|
+
let AuroElement$1 = class AuroElement extends r$4 {
|
|
2670
2670
|
|
|
2671
2671
|
// function to define props used within the scope of this component
|
|
2672
2672
|
static get properties() {
|
|
@@ -2692,11 +2692,11 @@ let AuroElement$2 = class AuroElement extends r$4 {
|
|
|
2692
2692
|
}
|
|
2693
2693
|
};
|
|
2694
2694
|
|
|
2695
|
-
var error$
|
|
2695
|
+
var error$1 = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"error__desc\" class=\"ico_squareLarge\" data-deprecated=\"true\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"error__desc\">Error alert indicator.</desc><path d=\"m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583\"/></svg>"};
|
|
2696
2696
|
|
|
2697
2697
|
/* eslint-disable no-underscore-dangle, jsdoc/no-undefined-types, jsdoc/require-param-description */
|
|
2698
2698
|
|
|
2699
|
-
const _fetchMap$
|
|
2699
|
+
const _fetchMap$1 = new Map();
|
|
2700
2700
|
|
|
2701
2701
|
/**
|
|
2702
2702
|
* A callback to parse Response body.
|
|
@@ -2714,15 +2714,15 @@ const _fetchMap$2 = new Map();
|
|
|
2714
2714
|
* @param {ResponseParser} [options.responseParser=(response) => response.text()]
|
|
2715
2715
|
* @returns {Promise}
|
|
2716
2716
|
*/
|
|
2717
|
-
const cacheFetch$
|
|
2717
|
+
const cacheFetch$1 = (uri, options = {}) => {
|
|
2718
2718
|
const responseParser = options.responseParser || ((response) => response.text());
|
|
2719
|
-
if (!_fetchMap$
|
|
2720
|
-
_fetchMap$
|
|
2719
|
+
if (!_fetchMap$1.has(uri)) {
|
|
2720
|
+
_fetchMap$1.set(uri, fetch(uri).then(responseParser));
|
|
2721
2721
|
}
|
|
2722
|
-
return _fetchMap$
|
|
2722
|
+
return _fetchMap$1.get(uri);
|
|
2723
2723
|
};
|
|
2724
2724
|
|
|
2725
|
-
var styleCss$
|
|
2725
|
+
var styleCss$2$1 = i$7`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}svg{min-width:var(--ds-auro-icon-size, 1.5rem) !important;width:var(--ds-auro-icon-size, 1.5rem) !important;height:var(--ds-auro-icon-size, 1.5rem) !important}.label{display:flex;align-items:flex-start}.label svg{margin:0 var(--ds-size-50, 0.25rem)}.wrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.labelContainer{line-height:1.8}`;
|
|
2726
2726
|
|
|
2727
2727
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
2728
2728
|
// See LICENSE in the project root for license information.
|
|
@@ -2735,7 +2735,7 @@ var styleCss$3$1 = i$7`*,*:before,*:after{box-sizing:border-box}@media(prefers-r
|
|
|
2735
2735
|
*/
|
|
2736
2736
|
|
|
2737
2737
|
// build the component class
|
|
2738
|
-
let BaseIcon$
|
|
2738
|
+
let BaseIcon$1 = class BaseIcon extends AuroElement$1 {
|
|
2739
2739
|
constructor() {
|
|
2740
2740
|
super();
|
|
2741
2741
|
this.onDark = false;
|
|
@@ -2762,7 +2762,7 @@ let BaseIcon$2 = class BaseIcon extends AuroElement$2 {
|
|
|
2762
2762
|
|
|
2763
2763
|
static get styles() {
|
|
2764
2764
|
return i$7`
|
|
2765
|
-
${styleCss$
|
|
2765
|
+
${styleCss$2$1}
|
|
2766
2766
|
`;
|
|
2767
2767
|
}
|
|
2768
2768
|
|
|
@@ -2777,9 +2777,9 @@ let BaseIcon$2 = class BaseIcon extends AuroElement$2 {
|
|
|
2777
2777
|
let iconHTML = '';
|
|
2778
2778
|
|
|
2779
2779
|
if (category === 'logos') {
|
|
2780
|
-
iconHTML = await cacheFetch$
|
|
2780
|
+
iconHTML = await cacheFetch$1(`${this.uri}/${category}/${name}.svg`);
|
|
2781
2781
|
} else {
|
|
2782
|
-
iconHTML = await cacheFetch$
|
|
2782
|
+
iconHTML = await cacheFetch$1(`${this.uri}/icons/${category}/${name}.svg`);
|
|
2783
2783
|
}
|
|
2784
2784
|
|
|
2785
2785
|
const dom = new DOMParser().parseFromString(iconHTML, 'text/html');
|
|
@@ -2795,7 +2795,7 @@ let BaseIcon$2 = class BaseIcon extends AuroElement$2 {
|
|
|
2795
2795
|
if (svg) {
|
|
2796
2796
|
this.svg = svg;
|
|
2797
2797
|
} else if (!svg) {
|
|
2798
|
-
const penDOM = new DOMParser().parseFromString(error$
|
|
2798
|
+
const penDOM = new DOMParser().parseFromString(error$1.svg, 'text/html');
|
|
2799
2799
|
|
|
2800
2800
|
this.svg = penDOM.body.firstChild;
|
|
2801
2801
|
}
|
|
@@ -2803,9 +2803,9 @@ let BaseIcon$2 = class BaseIcon extends AuroElement$2 {
|
|
|
2803
2803
|
}
|
|
2804
2804
|
};
|
|
2805
2805
|
|
|
2806
|
-
var tokensCss$
|
|
2806
|
+
var tokensCss$1$1 = i$7`:host{--ds-auro-icon-color: var(--ds-color-icon-primary-default, $ds-color-icon-primary-default);--ds-auro-icon-size: var(--ds-size-300, $ds-size-300)}`;
|
|
2807
2807
|
|
|
2808
|
-
var colorCss$
|
|
2808
|
+
var colorCss$2$1 = i$7`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color: var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color: var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color: var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color: var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color: var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color: var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color: var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color: var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color: var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color: var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color: var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color: var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color: var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color: var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color: var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color: var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color: var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color: var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color: var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color: var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color: var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
2809
2809
|
|
|
2810
2810
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
2811
2811
|
// See LICENSE in the project root for license information.
|
|
@@ -2838,7 +2838,7 @@ var colorCss$3$1 = i$7`:host{color:var(--ds-auro-icon-color)}:host([customColor]
|
|
|
2838
2838
|
*/
|
|
2839
2839
|
|
|
2840
2840
|
// build the component class
|
|
2841
|
-
let AuroIcon$
|
|
2841
|
+
let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
2842
2842
|
constructor() {
|
|
2843
2843
|
super();
|
|
2844
2844
|
|
|
@@ -2867,7 +2867,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
2867
2867
|
this.success = false;
|
|
2868
2868
|
this.tertiary = false;
|
|
2869
2869
|
this.warning = false;
|
|
2870
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils
|
|
2870
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
2871
2871
|
}
|
|
2872
2872
|
|
|
2873
2873
|
// function to define props used within the scope of this component
|
|
@@ -2949,9 +2949,9 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
2949
2949
|
static get styles() {
|
|
2950
2950
|
return [
|
|
2951
2951
|
super.styles,
|
|
2952
|
-
i$7`${tokensCss$
|
|
2953
|
-
i$7`${styleCss$
|
|
2954
|
-
i$7`${colorCss$
|
|
2952
|
+
i$7`${tokensCss$1$1}`,
|
|
2953
|
+
i$7`${styleCss$2$1}`,
|
|
2954
|
+
i$7`${colorCss$2$1}`
|
|
2955
2955
|
];
|
|
2956
2956
|
}
|
|
2957
2957
|
|
|
@@ -2964,7 +2964,7 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
2964
2964
|
*
|
|
2965
2965
|
*/
|
|
2966
2966
|
static register(name = "auro-icon") {
|
|
2967
|
-
AuroLibraryRuntimeUtils
|
|
2967
|
+
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroIcon);
|
|
2968
2968
|
}
|
|
2969
2969
|
|
|
2970
2970
|
connectedCallback() {
|
|
@@ -2993,14 +2993,14 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
2993
2993
|
'wrapper': true,
|
|
2994
2994
|
};
|
|
2995
2995
|
|
|
2996
|
-
return x
|
|
2996
|
+
return x`
|
|
2997
2997
|
<div
|
|
2998
2998
|
class="${e$3$1(classes)}"
|
|
2999
2999
|
title="${o$3$1(this.title || undefined)}">
|
|
3000
3000
|
<span aria-hidden="${o$3$1(this.ariaHidden ? this.ariaHidden : true)}" part="svg">
|
|
3001
|
-
${this.customSvg ? x
|
|
3001
|
+
${this.customSvg ? x`
|
|
3002
3002
|
<slot name="svg"></slot>
|
|
3003
|
-
` : x
|
|
3003
|
+
` : x`
|
|
3004
3004
|
${this.svg}
|
|
3005
3005
|
`
|
|
3006
3006
|
}
|
|
@@ -3014,13 +3014,13 @@ let AuroIcon$2 = class AuroIcon extends BaseIcon$2 {
|
|
|
3014
3014
|
}
|
|
3015
3015
|
};
|
|
3016
3016
|
|
|
3017
|
-
var iconVersion$
|
|
3017
|
+
var iconVersion$1 = '6.1.2';
|
|
3018
3018
|
|
|
3019
|
-
var styleCss$
|
|
3019
|
+
var styleCss$1$1 = i$7`:host{position:absolute;z-index:var(--depth-tooltip, 400);display:none}.container{display:inline-block;overflow:auto;box-sizing:border-box;margin:var(--ds-size-50, 0.25rem) 0}:host([isfullscreen]){position:fixed;top:0;left:0}:host([isfullscreen]) .container{width:100dvw;max-width:none;height:100dvh;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}`;
|
|
3020
3020
|
|
|
3021
|
-
var colorCss$
|
|
3021
|
+
var colorCss$1$1 = i$7`.container{background-color:var(--ds-auro-dropdownbib-container-color);box-shadow:var(--ds-auro-dropdownbib-boxshadow-color);color:var(--ds-auro-dropdownbib-text-color)}`;
|
|
3022
3022
|
|
|
3023
|
-
var tokensCss$
|
|
3023
|
+
var tokensCss$3 = i$7`:host{--ds-auro-dropdown-label-text-color: var(--ds-color-text-secondary-default, #525252);--ds-auro-dropdown-popover-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-popover-border-color: transparent;--ds-auro-dropdown-popover-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdown-trigger-border-color: transparent;--ds-auro-dropdown-trigger-outline-color: transparent;--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-primary-default, #2a2a2a);--ds-auro-dropdownbib-boxshadow-color: var(--ds-elevation-200, 0px 0px 10px rgba(0, 0, 0, 0.15));--ds-auro-dropdownbib-container-color: var(--ds-color-container-primary-default, #ffffff);--ds-auro-dropdownbib-text-color: var(--ds-color-text-primary-default, #2a2a2a)}`;
|
|
3024
3024
|
|
|
3025
3025
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
3026
3026
|
// See LICENSE in the project root for license information.
|
|
@@ -3050,14 +3050,14 @@ class AuroDropdownBib extends r$4 {
|
|
|
3050
3050
|
*/
|
|
3051
3051
|
this._mobileBreakpointValue = undefined;
|
|
3052
3052
|
|
|
3053
|
-
AuroLibraryRuntimeUtils
|
|
3053
|
+
AuroLibraryRuntimeUtils.prototype.handleComponentTagRename(this, 'auro-dropdownbib');
|
|
3054
3054
|
}
|
|
3055
3055
|
|
|
3056
3056
|
static get styles() {
|
|
3057
3057
|
return [
|
|
3058
|
-
styleCss$
|
|
3059
|
-
colorCss$
|
|
3060
|
-
tokensCss$
|
|
3058
|
+
styleCss$1$1,
|
|
3059
|
+
colorCss$1$1,
|
|
3060
|
+
tokensCss$3
|
|
3061
3061
|
];
|
|
3062
3062
|
}
|
|
3063
3063
|
|
|
@@ -3141,232 +3141,41 @@ class AuroDropdownBib extends r$4 {
|
|
|
3141
3141
|
|
|
3142
3142
|
var dropdownVersion$1 = '3.0.0';
|
|
3143
3143
|
|
|
3144
|
-
var styleCss$
|
|
3144
|
+
var styleCss$4 = i$7`:host{position:relative;display:inline-block;max-width:100%}:host([fluid]){display:block}#bibSizer{position:absolute;z-index:-1;opacity:0;pointer-events:none}.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}.label[hasTrigger=false]{font-size:var(--ds-text-body-size-default, 1rem)}.trigger{position:relative;display:flex;align-items:center}.trigger[showBorder]{border-width:1px;border-style:solid;cursor:pointer;outline-style:solid;outline-width:1px}@media(hover: hover){.trigger:hover{cursor:pointer}}.triggerContentWrapper{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}#showStateIcon{display:flex;overflow:hidden;height:100%;align-items:center;margin-left:var(--ds-size-100, 0.5rem)}#showStateIcon [auro-icon]{height:var(--ds-size-300, 1.5rem);line-height:var(--ds-size-300, 1.5rem)}#showStateIcon[data-expanded=true] [auro-icon]{transform:rotate(-180deg)}:host([matchwidth]) #bibSizer{width:100%}:host([disabled]){pointer-events:none}:host([inset]) .trigger{padding:var(--ds-size-150, 0.75rem) var(--ds-size-200, 1rem)}:host([common]) .trigger,:host([inset][bordered]) .trigger{padding:var(--ds-size-200, 1rem) var(--ds-size-150, 0.75rem)}:host([common]) .trigger,:host([rounded]) .trigger{border-radius:var(--ds-border-radius, 0.375rem)}`;
|
|
3145
3145
|
|
|
3146
|
-
var colorCss$
|
|
3146
|
+
var colorCss$4 = i$7`.label{color:var(--ds-auro-dropdown-label-text-color)}.trigger{border-color:var(--ds-auro-dropdown-trigger-border-color);background-color:var(--ds-auro-dropdown-trigger-container-color);color:var(--ds-auro-dropdown-trigger-text-color);outline-color:var(--ds-auro-dropdown-trigger-outline-color)}.trigger:focus-within,.trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8);--ds-auro-dropdown-trigger-outline-color: var(--ds-color-border-active-default, #0074c8)}.trigger:focus-within:not(:active){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5);--ds-auro-dropdown-trigger-outline-color: var(--ds-color-border-ui-focus-default, #2c67b5)}.trigger:hover{--ds-auro-dropdown-trigger-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}:host([disabled]){--ds-auro-dropdown-trigger-text-color: var(--ds-color-text-ui-disabled-default, #adadad);--ds-auro-dropdown-label-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host([common]),:host([bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-primary-default, #585e67)}:host([common]) .trigger:active,:host([common]) .trigger:focus-within,:host([bordered]) .trigger:active,:host([bordered]) .trigger:focus-within{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-focus-default, #2c67b5)}:host([error]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-error-default, #cc1816)}:host([error]) .trigger{outline:solid 1px var(--ds-auro-dropdown-trigger-border-color)}:host([error]) .trigger:focus-within,:host([error]) .trigger:active{--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-active-default, #0074c8)}:host([error]) .trigger:active{box-shadow:none;outline:none}:host([disabled][common]),:host([disabled][bordered]){--ds-auro-dropdown-trigger-border-color: var(--ds-color-border-ui-disabled-default, #adadad)}`;
|
|
3147
3147
|
|
|
3148
3148
|
/**
|
|
3149
3149
|
* @license
|
|
3150
3150
|
* Copyright 2019 Google LLC
|
|
3151
3151
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3152
3152
|
*/
|
|
3153
|
-
const t$1$1=globalThis,e$2$1=t$1$1.ShadowRoot&&(
|
|
3153
|
+
const t$1$1=globalThis,e$2$1=t$1$1.ShadowRoot&&(void 0===t$1$1.ShadyCSS||t$1$1.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$1$1=Symbol(),o$2$1=new WeakMap;let n$2$1 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$1$1)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$2$1&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$2$1.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$2$1.set(s,t));}return t}toString(){return this.cssText}};const r$3$1=t=>new n$2$1("string"==typeof t?t:t+"",void 0,s$1$1),i$3$1=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$2$1(o,t,s$1$1)},S$1$1=(s,o)=>{if(e$2$1)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$1$1.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2$1=e$2$1?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$3$1(e)})(t):t;
|
|
3154
3154
|
|
|
3155
3155
|
/**
|
|
3156
3156
|
* @license
|
|
3157
3157
|
* Copyright 2017 Google LLC
|
|
3158
3158
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3159
|
-
*/const{is:i$2$1,defineProperty:e$1
|
|
3159
|
+
*/const{is:i$2$1,defineProperty:e$1,getOwnPropertyDescriptor:r$2$1,getOwnPropertyNames:h$1$1,getOwnPropertySymbols:o$1,getPrototypeOf:n$1$1}=Object,a$1$1=globalThis,c$1$1=a$1$1.trustedTypes,l$1$1=c$1$1?c$1$1.emptyScript:"",p$1$1=a$1$1.reactiveElementPolyfillSupport,d$1$1=(t,s)=>t,u$1$1={toAttribute(t,s){switch(s){case Boolean:t=t?l$1$1:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1$1=(t,s)=>!i$2$1(t,s),y$1$1={attribute:true,type:String,converter:u$1$1,reflect:false,hasChanged:f$1$1};Symbol.metadata??=Symbol("metadata"),a$1$1.litPropertyMetadata??=new WeakMap;let b$2 = class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y$1$1){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$1(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$2$1(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$1$1}static _$Ei(){if(this.hasOwnProperty(d$1$1("elementProperties")))return;const t=n$1$1(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1$1("properties"))){const t=this.properties,s=[...h$1$1(t),...o$1(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$2$1(s));}else void 0!==s&&i.push(c$2$1(s));return i}static _$Eu(t,s){const i=s.attribute;return false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$1$1).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$1$1;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$1$1)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU();}catch(s){throw t=false,this._$EU(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}};b$2.elementStyles=[],b$2.shadowRootOptions={mode:"open"},b$2[d$1$1("elementProperties")]=new Map,b$2[d$1$1("finalized")]=new Map,p$1$1?.({ReactiveElement:b$2}),(a$1$1.reactiveElementVersions??=[]).push("2.0.4");
|
|
3160
3160
|
|
|
3161
3161
|
/**
|
|
3162
3162
|
* @license
|
|
3163
3163
|
* Copyright 2017 Google LLC
|
|
3164
3164
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3165
3165
|
*/
|
|
3166
|
-
const t
|
|
3166
|
+
const t=globalThis,i$1=t.trustedTypes,s=i$1?i$1.createPolicy("lit-html",{createHTML:t=>t}):void 0,e="$lit$",h$4=`lit$${Math.random().toFixed(9).slice(2)}$`,o$8="?"+h$4,n=`<${o$8}>`,r$1$1=document,l=()=>r$1$1.createComment(""),c$6=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a=Array.isArray,u=t=>a(t)||"function"==typeof t?.[Symbol.iterator],d$4="[ \t\n\f\r]",f$4=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v$2=/-->/g,_$2=/>/g,m$2=RegExp(`>|${d$4}(?:([^\\s"'>=/]+)(${d$4}*=${d$4}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p$4=/'/g,g$2=/"/g,$$2=/^(?:script|style|textarea|title)$/i,T$2=Symbol.for("lit-noChange"),E$2=Symbol.for("lit-nothing"),A$2=new WeakMap,C$2=r$1$1.createTreeWalker(r$1$1,129);function P$2(t,i){if(!a(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s?s.createHTML(i):i}const V$2=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f$4;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f$4?"!--"===u[1]?c=v$2:void 0!==u[1]?c=_$2:void 0!==u[2]?($$2.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m$2):void 0!==u[3]&&(c=m$2):c===m$2?">"===u[0]?(c=r??f$4,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m$2:'"'===u[3]?g$2:p$4):c===g$2||c===p$4?c=m$2:c===v$2||c===_$2?c=f$4:(c=m$2,r=void 0);const x=c===m$2&&t[i+1].startsWith("/>")?" ":"";l+=c===f$4?s+n:d>=0?(o.push(a),s.slice(0,d)+e+s.slice(d)+h$4+x):s+h$4+(-2===d?i:x);}return [P$2(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};let N$2 = class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V$2(t,s);if(this.el=N.createElement(f,n),C$2.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C$2.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e)){const i=v[a++],s=r.getAttribute(t).split(h$4),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H$2:"?"===e[1]?I$2:"@"===e[1]?L$2:k$2}),r.removeAttribute(t);}else t.startsWith(h$4)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($$2.test(r.tagName)){const t=r.textContent.split(h$4),s=t.length-1;if(s>0){r.textContent=i$1?i$1.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l()),C$2.nextNode(),d.push({type:2,index:++c});r.append(t[s],l());}}}else if(8===r.nodeType)if(r.data===o$8)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h$4,t+1));)d.push({type:7,index:c}),t+=h$4.length-1;}c++;}}static createElement(t,i){const s=r$1$1.createElement("template");return s.innerHTML=t,s}};function S$4(t,i,s=t,e){if(i===T$2)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c$6(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S$4(t,h._$AS(t,i.values),h,e)),i}let M$2 = class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$1$1).importNode(i,true);C$2.currentNode=e;let h=C$2.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R$2(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z$2(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C$2.nextNode(),o++);}return C$2.currentNode=r$1$1,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}};let R$2 = class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E$2,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S$4(this,t,i),c$6(t)?t===E$2||null==t||""===t?(this._$AH!==E$2&&this._$AR(),this._$AH=E$2):t!==this._$AH&&t!==T$2&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E$2&&c$6(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$1$1.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N$2.createElement(P$2(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M$2(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A$2.get(t.strings);return void 0===i&&A$2.set(t.strings,i=new N$2(t)),i}k(t){a(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l()),this.O(l()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}};let k$2 = class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E$2,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E$2;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S$4(this,t,i,0),o=!c$6(t)||t!==this._$AH&&t!==T$2,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S$4(this,e[s+n],i,n),r===T$2&&(r=this._$AH[n]),o||=!c$6(r)||r!==this._$AH[n],r===E$2?t=E$2:t!==E$2&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E$2?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}};let H$2 = class H extends k$2{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E$2?void 0:t;}};let I$2 = class I extends k$2{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E$2);}};let L$2 = class L extends k$2{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S$4(this,t,i,0)??E$2)===T$2)return;const s=this._$AH,e=t===E$2&&s!==E$2||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E$2&&(s===E$2||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}};let z$2 = class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S$4(this,t);}};const j$2=t.litHtmlPolyfillSupport;j$2?.(N$2,R$2),(t.litHtmlVersions??=[]).push("3.2.1");const B$2=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R$2(i.insertBefore(l(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
3167
3167
|
|
|
3168
3168
|
/**
|
|
3169
3169
|
* @license
|
|
3170
3170
|
* Copyright 2017 Google LLC
|
|
3171
3171
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3172
|
-
*/let r$8 = class r extends b$2{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=
|
|
3173
|
-
|
|
3174
|
-
var colorCss$5 = i$3$1`:host([error]){--ds-auro-helptext-color: var(--ds-color-text-error-default, #cc1816)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
3175
|
-
|
|
3176
|
-
var styleCss$5 = i$3$1`.helptext-wrapper{display:none;font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-size-200, 1rem)}:host([large]) .helptext-wrapper{font-size:var(--ds-text-body-size-default, 1rem)}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
3177
|
-
|
|
3178
|
-
var tokensCss$4 = i$3$1`:host{--ds-auro-helptext-color: var(--ds-color-text-tertiary-default, #6a717c)}`;
|
|
3179
|
-
|
|
3180
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
3181
|
-
// See LICENSE in the project root for license information.
|
|
3182
|
-
|
|
3183
|
-
// ---------------------------------------------------------------------
|
|
3184
|
-
|
|
3185
|
-
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
3186
|
-
|
|
3187
|
-
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
3188
|
-
|
|
3189
|
-
/* eslint-disable jsdoc/require-param */
|
|
3190
|
-
|
|
3191
|
-
/**
|
|
3192
|
-
* This will register a new custom element with the browser.
|
|
3193
|
-
* @param {String} name - The name of the custom element.
|
|
3194
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
3195
|
-
* @returns {void}
|
|
3196
|
-
*/
|
|
3197
|
-
registerComponent(name, componentClass) {
|
|
3198
|
-
if (!customElements.get(name)) {
|
|
3199
|
-
customElements.define(name, class extends componentClass {});
|
|
3200
|
-
}
|
|
3201
|
-
}
|
|
3202
|
-
|
|
3203
|
-
/**
|
|
3204
|
-
* Finds and returns the closest HTML Element based on a selector.
|
|
3205
|
-
* @returns {void}
|
|
3206
|
-
*/
|
|
3207
|
-
closestElement(
|
|
3208
|
-
selector, // selector like in .closest()
|
|
3209
|
-
base = this, // extra functionality to skip a parent
|
|
3210
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
3211
|
-
!el || el === document || el === window
|
|
3212
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
3213
|
-
: found
|
|
3214
|
-
? found // found a selector INside this element
|
|
3215
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
3216
|
-
) {
|
|
3217
|
-
return __Closest(base);
|
|
3218
|
-
}
|
|
3219
|
-
/* eslint-enable jsdoc/require-param */
|
|
3220
|
-
|
|
3221
|
-
/**
|
|
3222
|
-
* If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
|
|
3223
|
-
* @param {Object} elem - The element to check.
|
|
3224
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
3225
|
-
* @returns {void}
|
|
3226
|
-
*/
|
|
3227
|
-
handleComponentTagRename(elem, tagName) {
|
|
3228
|
-
const tag = tagName.toLowerCase();
|
|
3229
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
3230
|
-
|
|
3231
|
-
if (elemTag !== tag) {
|
|
3232
|
-
elem.setAttribute(tag, true);
|
|
3233
|
-
}
|
|
3234
|
-
}
|
|
3235
|
-
|
|
3236
|
-
/**
|
|
3237
|
-
* Validates if an element is a specific Auro component.
|
|
3238
|
-
* @param {Object} elem - The element to validate.
|
|
3239
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
3240
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
3241
|
-
*/
|
|
3242
|
-
elementMatch(elem, tagName) {
|
|
3243
|
-
const tag = tagName.toLowerCase();
|
|
3244
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
3245
|
-
|
|
3246
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
3247
|
-
}
|
|
3248
|
-
};
|
|
3249
|
-
|
|
3250
|
-
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
3251
|
-
// See LICENSE in the project root for license information.
|
|
3252
|
-
|
|
3253
|
-
|
|
3254
|
-
/**
|
|
3255
|
-
* Displays help text or error messages within form elements - Internal Use Only.
|
|
3256
|
-
*
|
|
3257
|
-
* @attr { Boolean } large - If declared, make font-size to 1rem(16px).
|
|
3258
|
-
*/
|
|
3259
|
-
class AuroHelpText extends r$8 {
|
|
3260
|
-
|
|
3261
|
-
constructor() {
|
|
3262
|
-
super();
|
|
3263
|
-
|
|
3264
|
-
this.error = false;
|
|
3265
|
-
this.hasTextContent = false;
|
|
3266
|
-
}
|
|
3267
|
-
|
|
3268
|
-
static get styles() {
|
|
3269
|
-
return [
|
|
3270
|
-
colorCss$5,
|
|
3271
|
-
styleCss$5,
|
|
3272
|
-
tokensCss$4
|
|
3273
|
-
];
|
|
3274
|
-
}
|
|
3275
|
-
|
|
3276
|
-
// function to define props used within the scope of this component
|
|
3277
|
-
static get properties() {
|
|
3278
|
-
return {
|
|
3172
|
+
*/let r$8 = class r extends b$2{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B$2(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T$2}};r$8._$litElement$=true,r$8["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r$8});const i=globalThis.litElementPolyfillSupport;i?.({LitElement:r$8});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
3279
3173
|
|
|
3280
|
-
|
|
3281
|
-
* @private
|
|
3282
|
-
*/
|
|
3283
|
-
slotNodes: {
|
|
3284
|
-
type: Boolean,
|
|
3285
|
-
},
|
|
3286
|
-
|
|
3287
|
-
/**
|
|
3288
|
-
* @private
|
|
3289
|
-
*/
|
|
3290
|
-
hasTextContent: {
|
|
3291
|
-
type: Boolean,
|
|
3292
|
-
},
|
|
3293
|
-
|
|
3294
|
-
/**
|
|
3295
|
-
* If declared, make font color red.
|
|
3296
|
-
*/
|
|
3297
|
-
error: {
|
|
3298
|
-
type: Boolean,
|
|
3299
|
-
reflect: true,
|
|
3300
|
-
},
|
|
3301
|
-
};
|
|
3302
|
-
}
|
|
3303
|
-
|
|
3304
|
-
/**
|
|
3305
|
-
* This will register this element with the browser.
|
|
3306
|
-
* @param {string} [name="auro-helptext"] - The name of element that you want to register to.
|
|
3307
|
-
*
|
|
3308
|
-
* @example
|
|
3309
|
-
* AuroCheckbox.register("custom-helptext") // this will register this element to <custom-helptext/>
|
|
3310
|
-
*
|
|
3311
|
-
*/
|
|
3312
|
-
static register(name = "auro-helptext") {
|
|
3313
|
-
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHelpText);
|
|
3314
|
-
}
|
|
3315
|
-
|
|
3316
|
-
updated() {
|
|
3317
|
-
this.handleSlotChange();
|
|
3318
|
-
}
|
|
3319
|
-
|
|
3320
|
-
handleSlotChange(event) {
|
|
3321
|
-
if (event) {
|
|
3322
|
-
this.slotNodes = event.target.assignedNodes();
|
|
3323
|
-
}
|
|
3324
|
-
|
|
3325
|
-
this.hasTextContent = this.checkSlotsForContent(this.slotNodes);
|
|
3326
|
-
}
|
|
3327
|
-
|
|
3328
|
-
/**
|
|
3329
|
-
* Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.
|
|
3330
|
-
*
|
|
3331
|
-
* @param {NodeList|Array} nodes - The list of nodes to check for content.
|
|
3332
|
-
* @returns {boolean} - Returns true if any node or nested slot node contains non-empty text content, otherwise false.
|
|
3333
|
-
* @private
|
|
3334
|
-
*/
|
|
3335
|
-
checkSlotsForContent(nodes) {
|
|
3336
|
-
if (!nodes) {
|
|
3337
|
-
return false;
|
|
3338
|
-
}
|
|
3339
|
-
|
|
3340
|
-
return nodes.some((node) => {
|
|
3341
|
-
if (node.textContent.trim()) {
|
|
3342
|
-
return true;
|
|
3343
|
-
}
|
|
3344
|
-
|
|
3345
|
-
if (!node.querySelector) {
|
|
3346
|
-
return false;
|
|
3347
|
-
}
|
|
3348
|
-
|
|
3349
|
-
const nestedSlot = node.tagName === 'SLOT' ? node : node.querySelector('slot');
|
|
3350
|
-
if (!nestedSlot) {
|
|
3351
|
-
return false;
|
|
3352
|
-
}
|
|
3353
|
-
|
|
3354
|
-
const nestedSlotNodes = nestedSlot.assignedNodes();
|
|
3355
|
-
return this.checkSlotsForContent(nestedSlotNodes);
|
|
3356
|
-
});
|
|
3357
|
-
}
|
|
3174
|
+
i$3$1`:host([error]){--ds-auro-helptext-color: var(--ds-color-text-error-default, #cc1816)}.helptext-wrapper{color:var(--ds-auro-helptext-color)}`;
|
|
3358
3175
|
|
|
3359
|
-
|
|
3360
|
-
render() {
|
|
3361
|
-
return x$2`
|
|
3362
|
-
<div class="helptext-wrapper" ?visible="${this.hasTextContent}">
|
|
3363
|
-
<slot @slotchange=${this.handleSlotChange}></slot>
|
|
3364
|
-
</div>
|
|
3365
|
-
`;
|
|
3366
|
-
}
|
|
3367
|
-
}
|
|
3176
|
+
i$3$1`.helptext-wrapper{display:none;font-size:var(--ds-text-body-size-xs, 0.75rem);line-height:var(--ds-size-200, 1rem)}:host([large]) .helptext-wrapper{font-size:var(--ds-text-body-size-default, 1rem)}.helptext-wrapper[visible]{display:block}::slotted(*:not(:empty)){margin-top:var(--ds-size-50, 0.25rem);margin-bottom:0}::slotted(p){margin-block:0}`;
|
|
3368
3177
|
|
|
3369
|
-
|
|
3178
|
+
i$3$1`:host{--ds-auro-helptext-color: var(--ds-color-text-tertiary-default, #6a717c)}`;
|
|
3370
3179
|
|
|
3371
3180
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
3372
3181
|
// See LICENSE in the project root for license information.
|
|
@@ -3443,7 +3252,7 @@ class AuroDropdown extends r$4 {
|
|
|
3443
3252
|
/**
|
|
3444
3253
|
* @private
|
|
3445
3254
|
*/
|
|
3446
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils
|
|
3255
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
3447
3256
|
|
|
3448
3257
|
/**
|
|
3449
3258
|
* @private
|
|
@@ -3463,12 +3272,12 @@ class AuroDropdown extends r$4 {
|
|
|
3463
3272
|
/**
|
|
3464
3273
|
* Generate unique names for dependency components.
|
|
3465
3274
|
*/
|
|
3466
|
-
const versioning = new AuroDependencyVersioning
|
|
3275
|
+
const versioning = new AuroDependencyVersioning();
|
|
3467
3276
|
|
|
3468
3277
|
/**
|
|
3469
3278
|
* @private
|
|
3470
3279
|
*/
|
|
3471
|
-
this.iconTag = versioning.generateTag('auro-icon', iconVersion$
|
|
3280
|
+
this.iconTag = versioning.generateTag('auro-icon', iconVersion$1, AuroIcon$1);
|
|
3472
3281
|
|
|
3473
3282
|
/**
|
|
3474
3283
|
* @private
|
|
@@ -3661,9 +3470,9 @@ class AuroDropdown extends r$4 {
|
|
|
3661
3470
|
|
|
3662
3471
|
static get styles() {
|
|
3663
3472
|
return [
|
|
3664
|
-
colorCss$
|
|
3665
|
-
styleCss$
|
|
3666
|
-
tokensCss$
|
|
3473
|
+
colorCss$4,
|
|
3474
|
+
styleCss$4,
|
|
3475
|
+
tokensCss$3
|
|
3667
3476
|
];
|
|
3668
3477
|
}
|
|
3669
3478
|
|
|
@@ -3676,7 +3485,7 @@ class AuroDropdown extends r$4 {
|
|
|
3676
3485
|
*
|
|
3677
3486
|
*/
|
|
3678
3487
|
static register(name = "auro-dropdown") {
|
|
3679
|
-
AuroLibraryRuntimeUtils
|
|
3488
|
+
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroDropdown);
|
|
3680
3489
|
}
|
|
3681
3490
|
|
|
3682
3491
|
connectedCallback() {
|
|
@@ -3929,8 +3738,6 @@ class AuroDropdown extends r$4 {
|
|
|
3929
3738
|
}
|
|
3930
3739
|
}
|
|
3931
3740
|
|
|
3932
|
-
AuroDropdown.register();
|
|
3933
|
-
|
|
3934
3741
|
var dropdownVersion = '3.0.0';
|
|
3935
3742
|
|
|
3936
3743
|
/**
|
|
@@ -3938,1517 +3745,148 @@ var dropdownVersion = '3.0.0';
|
|
|
3938
3745
|
* Copyright 2019 Google LLC
|
|
3939
3746
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3940
3747
|
*/
|
|
3941
|
-
const t$2=globalThis,e$4=t$2.ShadowRoot&&(
|
|
3748
|
+
const t$2=globalThis,e$4=t$2.ShadowRoot&&(void 0===t$2.ShadyCSS||t$2.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,s$2=Symbol(),o$4=new WeakMap;let n$3 = class n{constructor(t,e,o){if(this._$cssResult$=true,o!==s$2)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e;}get styleSheet(){let t=this.o;const s=this.t;if(e$4&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=o$4.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&o$4.set(s,t));}return t}toString(){return this.cssText}};const r$3=t=>new n$3("string"==typeof t?t:t+"",void 0,s$2),i$5=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,s,o)=>e+(t=>{if(true===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+t[o+1]),t[0]);return new n$3(o,t,s$2)},S$1=(s,o)=>{if(e$4)s.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),n=t$2.litNonce;void 0!==n&&o.setAttribute("nonce",n),o.textContent=e.cssText,s.appendChild(o);}},c$2=e$4?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return r$3(e)})(t):t;
|
|
3942
3749
|
|
|
3943
3750
|
/**
|
|
3944
3751
|
* @license
|
|
3945
3752
|
* Copyright 2017 Google LLC
|
|
3946
3753
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3947
|
-
*/const{is:i$4,defineProperty:e$3,getOwnPropertyDescriptor:r$2,getOwnPropertyNames:h$1,getOwnPropertySymbols:o$3,getPrototypeOf:n$2}=Object,a$2=globalThis,c$1=a$2.trustedTypes,l$2=c$1?c$1.emptyScript:"",p$1=a$2.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$2={toAttribute(t,s){switch(s){case Boolean:t=t?l$2:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$4(t,s),y$1={attribute:true,type:String,converter:u$2,reflect:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$2.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y$1){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);
|
|
3754
|
+
*/const{is:i$4,defineProperty:e$3,getOwnPropertyDescriptor:r$2,getOwnPropertyNames:h$1,getOwnPropertySymbols:o$3,getPrototypeOf:n$2}=Object,a$2=globalThis,c$1=a$2.trustedTypes,l$2=c$1?c$1.emptyScript:"",p$1=a$2.reactiveElementPolyfillSupport,d$1=(t,s)=>t,u$2={toAttribute(t,s){switch(s){case Boolean:t=t?l$2:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t);}return t},fromAttribute(t,s){let i=t;switch(s){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t);}catch(t){i=null;}}return i}},f$1=(t,s)=>!i$4(t,s),y$1={attribute:true,type:String,converter:u$2,reflect:false,hasChanged:f$1};Symbol.metadata??=Symbol("metadata"),a$2.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t);}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y$1){if(s.state&&(s.attribute=false),this._$Ei(),this.elementProperties.set(t,s),!s.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,s);void 0!==r&&e$3(this.prototype,t,r);}}static getPropertyDescriptor(t,s,i){const{get:e,set:h}=r$2(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t;}};return {get(){return e?.call(this)},set(s){const r=e?.call(this);h.call(this,s),this.requestUpdate(t,r,i);},configurable:true,enumerable:true}}static getPropertyOptions(t){return this.elementProperties.get(t)??y$1}static _$Ei(){if(this.hasOwnProperty(d$1("elementProperties")))return;const t=n$2(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties);}static finalize(){if(this.hasOwnProperty(d$1("finalized")))return;if(this.finalized=true,this._$Ei(),this.hasOwnProperty(d$1("properties"))){const t=this.properties,s=[...h$1(t),...o$3(t)];for(const i of s)this.createProperty(i,t[i]);}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,i]of s)this.elementProperties.set(t,i);}this._$Eh=new Map;for(const[t,s]of this.elementProperties){const i=this._$Eu(t,s);void 0!==i&&this._$Eh.set(i,t);}this.elementStyles=this.finalizeStyles(this.styles);}static finalizeStyles(s){const i=[];if(Array.isArray(s)){const e=new Set(s.flat(1/0).reverse());for(const s of e)i.unshift(c$2(s));}else void 0!==s&&i.push(c$2(s));return i}static _$Eu(t,s){const i=s.attribute;return false===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=false,this.hasUpdated=false,this._$Em=null,this._$Ev();}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)));}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.();}removeController(t){this._$EO?.delete(t);}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const i of s.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t);}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return S$1(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(true),this._$EO?.forEach((t=>t.hostConnected?.()));}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()));}attributeChangedCallback(t,s,i){this._$AK(t,i);}_$EC(t,s){const i=this.constructor.elementProperties.get(t),e=this.constructor._$Eu(t,i);if(void 0!==e&&true===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:u$2).toAttribute(s,i.type);this._$Em=t,null==r?this.removeAttribute(e):this.setAttribute(e,r),this._$Em=null;}}_$AK(t,s){const i=this.constructor,e=i._$Eh.get(t);if(void 0!==e&&this._$Em!==e){const t=i.getPropertyOptions(e),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:u$2;this._$Em=e,this[e]=r.fromAttribute(s,t.type),this._$Em=null;}}requestUpdate(t,s,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??f$1)(this[t],s))return;this.P(t,s,i);} false===this.isUpdatePending&&(this._$ES=this._$ET());}P(t,s,i){this._$AL.has(t)||this._$AL.set(t,s),true===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t);}async _$ET(){this.isUpdatePending=true;try{await this._$ES;}catch(t){Promise.reject(t);}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0;}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,i]of t) true!==i.wrapped||this._$AL.has(s)||void 0===this[s]||this.P(s,this[s],i);}let t=false;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EU();}catch(s){throw t=false,this._$EU(),s}t&&this._$AE(s);}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=true,this.firstUpdated(t)),this.updated(t);}_$EU(){this._$AL=new Map,this.isUpdatePending=false;}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return true}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU();}updated(t){}firstUpdated(t){}}b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[d$1("elementProperties")]=new Map,b[d$1("finalized")]=new Map,p$1?.({ReactiveElement:b}),(a$2.reactiveElementVersions??=[]).push("2.0.4");
|
|
3948
3755
|
|
|
3949
3756
|
/**
|
|
3950
3757
|
* @license
|
|
3951
3758
|
* Copyright 2017 Google LLC
|
|
3952
3759
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3953
3760
|
*/
|
|
3954
|
-
const t$1=globalThis,i$3=t$1.trustedTypes,s$1=i$3?i$3.createPolicy("lit-html",{createHTML:t=>t}):
|
|
3761
|
+
const t$1=globalThis,i$3=t$1.trustedTypes,s$1=i$3?i$3.createPolicy("lit-html",{createHTML:t=>t}):void 0,e$2="$lit$",h=`lit$${Math.random().toFixed(9).slice(2)}$`,o$2="?"+h,n$1=`<${o$2}>`,r$1=document,l$1=()=>r$1.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,a$1=Array.isArray,u$1=t=>a$1(t)||"function"==typeof t?.[Symbol.iterator],d="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,v=/-->/g,_=/>/g,m=RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),p=/'/g,g=/"/g,$=/^(?:script|style|textarea|title)$/i,T=Symbol.for("lit-noChange"),E=Symbol.for("lit-nothing"),A=new WeakMap,C=r$1.createTreeWalker(r$1,129);function P(t,i){if(!a$1(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==s$1?s$1.createHTML(i):i}const V=(t,i)=>{const s=t.length-1,o=[];let r,l=2===i?"<svg>":3===i?"<math>":"",c=f;for(let i=0;i<s;i++){const s=t[i];let a,u,d=-1,y=0;for(;y<s.length&&(c.lastIndex=y,u=c.exec(s),null!==u);)y=c.lastIndex,c===f?"!--"===u[1]?c=v:void 0!==u[1]?c=_:void 0!==u[2]?($.test(u[2])&&(r=RegExp("</"+u[2],"g")),c=m):void 0!==u[3]&&(c=m):c===m?">"===u[0]?(c=r??f,d=-1):void 0===u[1]?d=-2:(d=c.lastIndex-u[2].length,a=u[1],c=void 0===u[3]?m:'"'===u[3]?g:p):c===g||c===p?c=m:c===v||c===_?c=f:(c=m,r=void 0);const x=c===m&&t[i+1].startsWith("/>")?" ":"";l+=c===f?s+n$1:d>=0?(o.push(a),s.slice(0,d)+e$2+s.slice(d)+h+x):s+h+(-2===d?i:x);}return [P(t,l+(t[s]||"<?>")+(2===i?"</svg>":3===i?"</math>":"")),o]};class N{constructor({strings:t,_$litType$:s},n){let r;this.parts=[];let c=0,a=0;const u=t.length-1,d=this.parts,[f,v]=V(t,s);if(this.el=N.createElement(f,n),C.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes);}for(;null!==(r=C.nextNode())&&d.length<u;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(e$2)){const i=v[a++],s=r.getAttribute(t).split(h),e=/([.?@])?(.*)/.exec(i);d.push({type:1,index:c,name:e[2],strings:s,ctor:"."===e[1]?H:"?"===e[1]?I:"@"===e[1]?L:k}),r.removeAttribute(t);}else t.startsWith(h)&&(d.push({type:6,index:c}),r.removeAttribute(t));if($.test(r.tagName)){const t=r.textContent.split(h),s=t.length-1;if(s>0){r.textContent=i$3?i$3.emptyScript:"";for(let i=0;i<s;i++)r.append(t[i],l$1()),C.nextNode(),d.push({type:2,index:++c});r.append(t[s],l$1());}}}else if(8===r.nodeType)if(r.data===o$2)d.push({type:2,index:c});else {let t=-1;for(;-1!==(t=r.data.indexOf(h,t+1));)d.push({type:7,index:c}),t+=h.length-1;}c++;}}static createElement(t,i){const s=r$1.createElement("template");return s.innerHTML=t,s}}function S(t,i,s=t,e){if(i===T)return i;let h=void 0!==e?s._$Co?.[e]:s._$Cl;const o=c(i)?void 0:i._$litDirective$;return h?.constructor!==o&&(h?._$AO?.(false),void 0===o?h=void 0:(h=new o(t),h._$AT(t,s,e)),void 0!==e?(s._$Co??=[])[e]=h:s._$Cl=h),void 0!==h&&(i=S(t,h._$AS(t,i.values),h,e)),i}class M{constructor(t,i){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=i;}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:i},parts:s}=this._$AD,e=(t?.creationScope??r$1).importNode(i,true);C.currentNode=e;let h=C.nextNode(),o=0,n=0,l=s[0];for(;void 0!==l;){if(o===l.index){let i;2===l.type?i=new R(h,h.nextSibling,this,t):1===l.type?i=new l.ctor(h,l.name,l.strings,this,t):6===l.type&&(i=new z(h,this,t)),this._$AV.push(i),l=s[++n];}o!==l?.index&&(h=C.nextNode(),o++);}return C.currentNode=r$1,e}p(t){let i=0;for(const s of this._$AV) void 0!==s&&(void 0!==s.strings?(s._$AI(t,s,i),i+=s.strings.length-2):s._$AI(t[i])),i++;}}class R{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,i,s,e){this.type=2,this._$AH=E,this._$AN=void 0,this._$AA=t,this._$AB=i,this._$AM=s,this.options=e,this._$Cv=e?.isConnected??true;}get parentNode(){let t=this._$AA.parentNode;const i=this._$AM;return void 0!==i&&11===t?.nodeType&&(t=i.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,i=this){t=S(this,t,i),c(t)?t===E||null==t||""===t?(this._$AH!==E&&this._$AR(),this._$AH=E):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):u$1(t)?this.k(t):this._(t);}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t));}_(t){this._$AH!==E&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(r$1.createTextNode(t)),this._$AH=t;}$(t){const{values:i,_$litType$:s}=t,e="number"==typeof s?this._$AC(t):(void 0===s.el&&(s.el=N.createElement(P(s.h,s.h[0]),this.options)),s);if(this._$AH?._$AD===e)this._$AH.p(i);else {const t=new M(e,this),s=t.u(this.options);t.p(i),this.T(s),this._$AH=t;}}_$AC(t){let i=A.get(t.strings);return void 0===i&&A.set(t.strings,i=new N(t)),i}k(t){a$1(this._$AH)||(this._$AH=[],this._$AR());const i=this._$AH;let s,e=0;for(const h of t)e===i.length?i.push(s=new R(this.O(l$1()),this.O(l$1()),this,this.options)):s=i[e],s._$AI(h),e++;e<i.length&&(this._$AR(s&&s._$AB.nextSibling,e),i.length=e);}_$AR(t=this._$AA.nextSibling,i){for(this._$AP?.(false,true,i);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i;}}setConnected(t){ void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t));}}class k{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,i,s,e,h){this.type=1,this._$AH=E,this._$AN=void 0,this.element=t,this.name=i,this._$AM=e,this.options=h,s.length>2||""!==s[0]||""!==s[1]?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=E;}_$AI(t,i=this,s,e){const h=this.strings;let o=false;if(void 0===h)t=S(this,t,i,0),o=!c(t)||t!==this._$AH&&t!==T,o&&(this._$AH=t);else {const e=t;let n,r;for(t=h[0],n=0;n<h.length-1;n++)r=S(this,e[s+n],i,n),r===T&&(r=this._$AH[n]),o||=!c(r)||r!==this._$AH[n],r===E?t=E:t!==E&&(t+=(r??"")+h[n+1]),this._$AH[n]=r;}o&&!e&&this.j(t);}j(t){t===E?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"");}}class H extends k{constructor(){super(...arguments),this.type=3;}j(t){this.element[this.name]=t===E?void 0:t;}}class I extends k{constructor(){super(...arguments),this.type=4;}j(t){this.element.toggleAttribute(this.name,!!t&&t!==E);}}class L extends k{constructor(t,i,s,e,h){super(t,i,s,e,h),this.type=5;}_$AI(t,i=this){if((t=S(this,t,i,0)??E)===T)return;const s=this._$AH,e=t===E&&s!==E||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,h=t!==E&&(s===E||e);e&&this.element.removeEventListener(this.name,this,s),h&&this.element.addEventListener(this.name,this,t),this._$AH=t;}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t);}}class z{constructor(t,i,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=i,this.options=s;}get _$AU(){return this._$AM._$AU}_$AI(t){S(this,t);}}const j=t$1.litHtmlPolyfillSupport;j?.(N,R),(t$1.litHtmlVersions??=[]).push("3.2.1");const B=(t,i,s)=>{const e=s?.renderBefore??i;let h=e._$litPart$;if(void 0===h){const t=s?.renderBefore??null;e._$litPart$=h=new R(i.insertBefore(l$1(),t),t,void 0,s??{});}return h._$AI(t),h};
|
|
3955
3762
|
|
|
3956
3763
|
/**
|
|
3957
3764
|
* @license
|
|
3958
3765
|
* Copyright 2017 Google LLC
|
|
3959
3766
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
3960
|
-
*/class r extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=
|
|
3767
|
+
*/class r extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0;}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=B(s,this.renderRoot,this.renderOptions);}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(true);}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(false);}render(){return T}}r._$litElement$=true,r["finalized"]=true,globalThis.litElementHydrateSupport?.({LitElement:r});const i$2=globalThis.litElementPolyfillSupport;i$2?.({LitElement:r});(globalThis.litElementVersions??=[]).push("4.1.1");
|
|
3961
3768
|
|
|
3962
|
-
var styleCss$2$1 = i$5`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: 0.375rem;--ds-size-25: 0.125rem;--ds-size-50: 0.25rem;--ds-size-75: 0.375rem;--ds-size-100: 0.5rem;--ds-size-150: 0.75rem;--ds-size-200: 1rem;--ds-size-250: 1.25rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: 0.25;--ds-unitless-scale-50: 0.5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: 0.3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 300;--ds-depth-tooltip: 400;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: 0.5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -0.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: 0.625rem;--ds-text-body-size-xs: 0.75rem;--ds-text-body-size-sm: 0.875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, 0.5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, 0.03);--ds-color-base-white-200: rgba(255, 255, 255, 0.06);--ds-color-base-white-300: rgba(255, 255, 255, 0.12);--ds-color-base-white-400: rgba(255, 255, 255, 0.25);--ds-color-base-white-500: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, 0.03);--ds-color-base-black-200: rgba(0, 0, 0, 0.06);--ds-color-base-black-300: rgba(0, 0, 0, 0.12);--ds-color-base-black-400: rgba(0, 0, 0, 0.25);--ds-color-base-black-500: rgba(0, 0, 0, 0.5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #d4d4d4;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, 0.12);--ds-color-border-divider-inverse: rgba(255, 255, 255, 0.25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #d4d4d4;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, 0.3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, 0.03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, 0.06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, 0.12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, 0.15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0.03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, 0.06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}:host{display:inline-block;width:100%;margin:0;padding:0;vertical-align:middle}:host ::slotted(auro-menuoption),:host ::slotted([auro-menuoption]),:host auro-menuoption[loadingplaceholder]{padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem))}:host ::slotted([selected]){padding-left:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host([nocheckmark]) ::slotted(auro-menuoption),:host([nocheckmark]) auro-menuoption[loadingplaceholder]{padding-left:var(--ds-size-200, 1rem)}:host([root]){overflow-y:auto}[loadingplaceholder]{color:var(--ds-color-text-secondary-default, #525252)}[loadingplaceholder].empty{opacity:0;position:absolute}[loadingplaceholder] slot[name=loadingIcon]{vertical-align:middle;line-height:1;display:inline-block}[loadingplaceholder] slot[name=loadingIcon]::slotted(*){margin-right:var(--ds-size-150, 0.75rem)}`;
|
|
3769
|
+
i$5`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: 0.375rem;--ds-size-25: 0.125rem;--ds-size-50: 0.25rem;--ds-size-75: 0.375rem;--ds-size-100: 0.5rem;--ds-size-150: 0.75rem;--ds-size-200: 1rem;--ds-size-250: 1.25rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: 0.25;--ds-unitless-scale-50: 0.5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: 0.3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 300;--ds-depth-tooltip: 400;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: 0.5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -0.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: 0.625rem;--ds-text-body-size-xs: 0.75rem;--ds-text-body-size-sm: 0.875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, 0.5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, 0.03);--ds-color-base-white-200: rgba(255, 255, 255, 0.06);--ds-color-base-white-300: rgba(255, 255, 255, 0.12);--ds-color-base-white-400: rgba(255, 255, 255, 0.25);--ds-color-base-white-500: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, 0.03);--ds-color-base-black-200: rgba(0, 0, 0, 0.06);--ds-color-base-black-300: rgba(0, 0, 0, 0.12);--ds-color-base-black-400: rgba(0, 0, 0, 0.25);--ds-color-base-black-500: rgba(0, 0, 0, 0.5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #d4d4d4;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, 0.12);--ds-color-border-divider-inverse: rgba(255, 255, 255, 0.25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #d4d4d4;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, 0.3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, 0.03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, 0.06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, 0.12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, 0.15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0.03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, 0.06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}:host{display:inline-block;width:100%;margin:0;padding:0;vertical-align:middle}:host ::slotted(auro-menuoption),:host ::slotted([auro-menuoption]),:host auro-menuoption[loadingplaceholder]{padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem))}:host ::slotted([selected]){padding-left:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host([nocheckmark]) ::slotted(auro-menuoption),:host([nocheckmark]) auro-menuoption[loadingplaceholder]{padding-left:var(--ds-size-200, 1rem)}:host([root]){overflow-y:auto}[loadingplaceholder]{color:var(--ds-color-text-secondary-default, #525252)}[loadingplaceholder].empty{opacity:0;position:absolute}[loadingplaceholder] slot[name=loadingIcon]{vertical-align:middle;line-height:1;display:inline-block}[loadingplaceholder] slot[name=loadingIcon]::slotted(*){margin-right:var(--ds-size-150, 0.75rem)}`;
|
|
3963
3770
|
|
|
3964
|
-
|
|
3771
|
+
i$5`:host ::slotted(hr){border-top-color:var(--ds-auro-menu-divider-color) !important}`;
|
|
3965
3772
|
|
|
3966
|
-
|
|
3773
|
+
i$5`:host{--ds-auro-menu-divider-color: var(--ds-color-border-divider-default, $ds-color-border-divider-default);--ds-auro-menuoption-container-color: transparent;--ds-auro-menuoption-icon-color: transparent;--ds-auro-menuoption-text-color: var(--ds-color-text-primary-default, $ds-color-text-primary-default)}`;
|
|
3967
3774
|
|
|
3968
|
-
// Copyright (c) Alaska
|
|
3775
|
+
// Copyright (c) 2021 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
3969
3776
|
// See LICENSE in the project root for license information.
|
|
3970
3777
|
|
|
3971
3778
|
// ---------------------------------------------------------------------
|
|
3972
3779
|
|
|
3973
|
-
|
|
3780
|
+
/**
|
|
3781
|
+
* Converts value to an array.
|
|
3782
|
+
* If the value is a JSON string representing an array, it will be parsed.
|
|
3783
|
+
* If the value is already an array, it is returned.
|
|
3784
|
+
* If the value is undefined, it returns undefined.
|
|
3785
|
+
* @private
|
|
3786
|
+
* @param {any} value - The value to be converted. Can be a string, array, or undefined.
|
|
3787
|
+
* @returns {Array|undefined} - The converted array or undefined.
|
|
3788
|
+
* @throws {Error} - Throws an error if the value is not an array, undefined,
|
|
3789
|
+
* or if the value cannot be parsed into an array from a JSON string.
|
|
3790
|
+
*/
|
|
3791
|
+
function arrayConverter$1(value) {
|
|
3792
|
+
// Allow undefined
|
|
3793
|
+
if (value === undefined) {
|
|
3794
|
+
return undefined;
|
|
3795
|
+
}
|
|
3974
3796
|
|
|
3975
|
-
|
|
3797
|
+
// Return the value if it is already an array
|
|
3798
|
+
if (Array.isArray(value)) {
|
|
3799
|
+
return value;
|
|
3800
|
+
}
|
|
3976
3801
|
|
|
3977
|
-
|
|
3802
|
+
try {
|
|
3803
|
+
// If value is a JSON string, parse it
|
|
3804
|
+
const parsed = typeof value === 'string' ? JSON.parse(value) : value;
|
|
3978
3805
|
|
|
3979
|
-
|
|
3980
|
-
|
|
3981
|
-
|
|
3982
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
3983
|
-
* @returns {void}
|
|
3984
|
-
*/
|
|
3985
|
-
registerComponent(name, componentClass) {
|
|
3986
|
-
if (!customElements.get(name)) {
|
|
3987
|
-
customElements.define(name, class extends componentClass {});
|
|
3806
|
+
// Check if the parsed value is an array
|
|
3807
|
+
if (Array.isArray(parsed)) {
|
|
3808
|
+
return parsed;
|
|
3988
3809
|
}
|
|
3810
|
+
} catch (error) {
|
|
3811
|
+
// If JSON parsing fails, continue to throw an error below
|
|
3812
|
+
/* eslint-disable no-console */
|
|
3813
|
+
console.error('JSON parsing failed:', error);
|
|
3989
3814
|
}
|
|
3990
3815
|
|
|
3991
|
-
|
|
3992
|
-
|
|
3993
|
-
|
|
3994
|
-
*/
|
|
3995
|
-
closestElement(
|
|
3996
|
-
selector, // selector like in .closest()
|
|
3997
|
-
base = this, // extra functionality to skip a parent
|
|
3998
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
3999
|
-
!el || el === document || el === window
|
|
4000
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
4001
|
-
: found
|
|
4002
|
-
? found // found a selector INside this element
|
|
4003
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
4004
|
-
) {
|
|
4005
|
-
return __Closest(base);
|
|
4006
|
-
}
|
|
4007
|
-
/* eslint-enable jsdoc/require-param */
|
|
4008
|
-
|
|
4009
|
-
/**
|
|
4010
|
-
* If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
|
|
4011
|
-
* @param {Object} elem - The element to check.
|
|
4012
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
4013
|
-
* @returns {void}
|
|
4014
|
-
*/
|
|
4015
|
-
handleComponentTagRename(elem, tagName) {
|
|
4016
|
-
const tag = tagName.toLowerCase();
|
|
4017
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
4018
|
-
|
|
4019
|
-
if (elemTag !== tag) {
|
|
4020
|
-
elem.setAttribute(tag, true);
|
|
4021
|
-
}
|
|
4022
|
-
}
|
|
4023
|
-
|
|
4024
|
-
/**
|
|
4025
|
-
* Validates if an element is a specific Auro component.
|
|
4026
|
-
* @param {Object} elem - The element to validate.
|
|
4027
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
4028
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
4029
|
-
*/
|
|
4030
|
-
elementMatch(elem, tagName) {
|
|
4031
|
-
const tag = tagName.toLowerCase();
|
|
4032
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
4033
|
-
|
|
4034
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
4035
|
-
}
|
|
4036
|
-
}
|
|
4037
|
-
|
|
4038
|
-
// Copyright (c) 2021 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
4039
|
-
// See LICENSE in the project root for license information.
|
|
4040
|
-
|
|
4041
|
-
// ---------------------------------------------------------------------
|
|
4042
|
-
|
|
4043
|
-
/**
|
|
4044
|
-
* Converts value to an array.
|
|
4045
|
-
* If the value is a JSON string representing an array, it will be parsed.
|
|
4046
|
-
* If the value is already an array, it is returned.
|
|
4047
|
-
* If the value is undefined, it returns undefined.
|
|
4048
|
-
* @private
|
|
4049
|
-
* @param {any} value - The value to be converted. Can be a string, array, or undefined.
|
|
4050
|
-
* @returns {Array|undefined} - The converted array or undefined.
|
|
4051
|
-
* @throws {Error} - Throws an error if the value is not an array, undefined,
|
|
4052
|
-
* or if the value cannot be parsed into an array from a JSON string.
|
|
4053
|
-
*/
|
|
4054
|
-
function arrayConverter$1(value) {
|
|
4055
|
-
// Allow undefined
|
|
4056
|
-
if (value === undefined) {
|
|
4057
|
-
return undefined;
|
|
4058
|
-
}
|
|
4059
|
-
|
|
4060
|
-
// Return the value if it is already an array
|
|
4061
|
-
if (Array.isArray(value)) {
|
|
4062
|
-
return value;
|
|
4063
|
-
}
|
|
4064
|
-
|
|
4065
|
-
try {
|
|
4066
|
-
// If value is a JSON string, parse it
|
|
4067
|
-
const parsed = typeof value === 'string' ? JSON.parse(value) : value;
|
|
4068
|
-
|
|
4069
|
-
// Check if the parsed value is an array
|
|
4070
|
-
if (Array.isArray(parsed)) {
|
|
4071
|
-
return parsed;
|
|
4072
|
-
}
|
|
4073
|
-
} catch (error) {
|
|
4074
|
-
// If JSON parsing fails, continue to throw an error below
|
|
4075
|
-
/* eslint-disable no-console */
|
|
4076
|
-
console.error('JSON parsing failed:', error);
|
|
4077
|
-
}
|
|
4078
|
-
|
|
4079
|
-
// Throw error if the input is not an array or undefined
|
|
4080
|
-
throw new Error('Invalid value: Input must be an array or undefined');
|
|
4081
|
-
}
|
|
4082
|
-
|
|
4083
|
-
/**
|
|
4084
|
-
* Compare two arrays for equality.
|
|
4085
|
-
* @private
|
|
4086
|
-
* @param {Array} arr1 - First array to compare.
|
|
4087
|
-
* @param {Array} arr2 - Second array to compare.
|
|
4088
|
-
* @returns {boolean} True if arrays are equal.
|
|
4089
|
-
*/
|
|
4090
|
-
function arraysAreEqual$1(arr1, arr2) {
|
|
4091
|
-
// If both arrays undefined, they are equal (true)
|
|
4092
|
-
if (arr1 === undefined || arr2 === undefined) {
|
|
4093
|
-
return arr1 === arr2;
|
|
4094
|
-
}
|
|
4095
|
-
|
|
4096
|
-
// If arrays have different lengths, they are not equal
|
|
4097
|
-
if (arr1.length !== arr2.length) {
|
|
4098
|
-
return false;
|
|
4099
|
-
}
|
|
4100
|
-
|
|
4101
|
-
// If every item at each index is the same, return true
|
|
4102
|
-
for (let index = 0; index < arr1.length; index += 1) {
|
|
4103
|
-
if (arr1[index] !== arr2[index]) {
|
|
4104
|
-
return false;
|
|
4105
|
-
}
|
|
4106
|
-
}
|
|
4107
|
-
return true;
|
|
4108
|
-
}
|
|
4109
|
-
|
|
4110
|
-
/**
|
|
4111
|
-
* Compares array for changes.
|
|
4112
|
-
* @private
|
|
4113
|
-
* @param {Array|any} newVal - New value to compare.
|
|
4114
|
-
* @param {Array|any} oldVal - Old value to compare.
|
|
4115
|
-
* @returns {boolean} True if arrays have changed.
|
|
4116
|
-
*/
|
|
4117
|
-
function arrayOrUndefinedHasChanged$1(newVal, oldVal) {
|
|
4118
|
-
try {
|
|
4119
|
-
// Check if values are undefined or arrays
|
|
4120
|
-
const isArrayOrUndefined = (val) => val === undefined || Array.isArray(val);
|
|
4121
|
-
|
|
4122
|
-
// If non-array or non-undefined, throw error
|
|
4123
|
-
if (!isArrayOrUndefined(newVal) || !isArrayOrUndefined(oldVal)) {
|
|
4124
|
-
const invalidValue = isArrayOrUndefined(newVal) ? oldVal : newVal;
|
|
4125
|
-
throw new Error(`Value must be an array or undefined, received ${typeof invalidValue}`);
|
|
4126
|
-
}
|
|
4127
|
-
|
|
4128
|
-
// Return true if arrays have changed, false if they are the same
|
|
4129
|
-
return !arraysAreEqual$1(newVal, oldVal);
|
|
4130
|
-
} catch (error) {
|
|
4131
|
-
/* eslint-disable no-console */
|
|
4132
|
-
console.error(error);
|
|
4133
|
-
// If validation fails, it has changed
|
|
4134
|
-
return true;
|
|
4135
|
-
}
|
|
4136
|
-
}
|
|
4137
|
-
|
|
4138
|
-
/**
|
|
4139
|
-
* Validates if an option can be interacted with.
|
|
4140
|
-
* @private
|
|
4141
|
-
* @param {HTMLElement} option - The option to check.
|
|
4142
|
-
* @returns {boolean} True if option is interactive.
|
|
4143
|
-
*/
|
|
4144
|
-
function isOptionInteractive$1(option) {
|
|
4145
|
-
return !option.hasAttribute('hidden') &&
|
|
4146
|
-
!option.hasAttribute('disabled') &&
|
|
4147
|
-
!option.hasAttribute('static');
|
|
4148
|
-
}
|
|
4149
|
-
|
|
4150
|
-
/**
|
|
4151
|
-
* Helper method to dispatch custom events.
|
|
4152
|
-
* @param {HTMLElement} element - Element to dispatch event from.
|
|
4153
|
-
* @param {string} eventName - Name of the event to dispatch.
|
|
4154
|
-
* @param {Object} [detail] - Optional detail object to include with the event.
|
|
4155
|
-
*/
|
|
4156
|
-
function dispatchMenuEvent$1(element, eventName, detail = null) {
|
|
4157
|
-
const eventConfig = {
|
|
4158
|
-
bubbles: true,
|
|
4159
|
-
cancelable: false,
|
|
4160
|
-
composed: true
|
|
4161
|
-
};
|
|
4162
|
-
|
|
4163
|
-
if (detail !== null) {
|
|
4164
|
-
eventConfig.detail = detail;
|
|
4165
|
-
}
|
|
4166
|
-
|
|
4167
|
-
element.dispatchEvent(new CustomEvent(eventName, eventConfig));
|
|
4168
|
-
}
|
|
4169
|
-
|
|
4170
|
-
// Copyright (c) 2021 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
4171
|
-
// See LICENSE in the project root for license information.
|
|
4172
|
-
|
|
4173
|
-
|
|
4174
|
-
|
|
4175
|
-
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
4176
|
-
/**
|
|
4177
|
-
* The auro-menu element provides users a way to select from a list of options.
|
|
4178
|
-
* @attr {Array<HTMLElement>|undefined} optionselected - An array of currently selected menu options. In single-select mode, the array will contain only one HTMLElement. `undefined` when no options are selected.
|
|
4179
|
-
* @attr {object} optionactive - Specifies the current active menuOption.
|
|
4180
|
-
* @attr {string} matchword - Specifies a string used to highlight matched string parts in options.
|
|
4181
|
-
* @attr {boolean} disabled - When true, the entire menu and all options are disabled;
|
|
4182
|
-
* @attr {boolean} nocheckmark - When true, selected option will not show the checkmark.
|
|
4183
|
-
* @attr {boolean} loading - When true, displays a loading state using the loadingIcon and loadingText slots if provided.
|
|
4184
|
-
* @attr {boolean} multiselect - When true, the selected option can be multiple options.
|
|
4185
|
-
* @attr {Array<string>|undefined} value - Value selected for the menu. `undefined` when no selection has been made, otherwise an array of strings. In single-select mode, the array will contain only one value.
|
|
4186
|
-
* @prop {boolean} hasLoadingPlaceholder - Indicates whether the menu has a loadingIcon or loadingText to render when in a loading state.
|
|
4187
|
-
* @event {CustomEvent<Element>} auroMenu-activatedOption - Notifies that a menuoption has been made `active`.
|
|
4188
|
-
* @event {CustomEvent<any>} auroMenu-customEventFired - Notifies that a custom event has been fired.
|
|
4189
|
-
* @event {CustomEvent<{ loading: boolean; hasLoadingPlaceholder: boolean; }>} auroMenu-loadingChange - Notifies when the loading attribute is changed.
|
|
4190
|
-
* @event {CustomEvent<any>} auroMenu-selectValueFailure - Notifies that an attempt to select a menuoption by matching a value has failed.
|
|
4191
|
-
* @event {CustomEvent<any>} auroMenu-selectValueReset - Notifies that the component value has been reset.
|
|
4192
|
-
* @event {CustomEvent<any>} auroMenu-selectedOption - Notifies that a new menuoption selection has been made.
|
|
4193
|
-
* @slot loadingText - Text to show while loading attribute is set
|
|
4194
|
-
* @slot loadingIcon - Icon to show while loading attribute is set
|
|
4195
|
-
* @slot - Slot for insertion of menu options.
|
|
4196
|
-
*/
|
|
4197
|
-
|
|
4198
|
-
/* eslint-disable no-magic-numbers, max-lines */
|
|
4199
|
-
|
|
4200
|
-
let AuroMenu$1 = class AuroMenu extends r {
|
|
4201
|
-
constructor() {
|
|
4202
|
-
super();
|
|
4203
|
-
|
|
4204
|
-
// State properties (reactive)
|
|
4205
|
-
|
|
4206
|
-
// Value of the selected options
|
|
4207
|
-
this.value = undefined;
|
|
4208
|
-
// Currently selected option
|
|
4209
|
-
this.optionSelected = undefined;
|
|
4210
|
-
// String used for highlighting/filtering
|
|
4211
|
-
this.matchWord = undefined;
|
|
4212
|
-
// Hide the checkmark icon on selected options
|
|
4213
|
-
this.noCheckmark = false;
|
|
4214
|
-
// Currently active option
|
|
4215
|
-
this.optionActive = undefined;
|
|
4216
|
-
// Loading state
|
|
4217
|
-
this.loading = false;
|
|
4218
|
-
// Multi-select mode
|
|
4219
|
-
this.multiSelect = false;
|
|
4220
|
-
|
|
4221
|
-
// Event Bindings
|
|
4222
|
-
|
|
4223
|
-
/**
|
|
4224
|
-
* @private
|
|
4225
|
-
*/
|
|
4226
|
-
this.handleKeyDown = this.handleKeyDown.bind(this);
|
|
4227
|
-
|
|
4228
|
-
/**
|
|
4229
|
-
* @private
|
|
4230
|
-
*/
|
|
4231
|
-
this.handleMouseSelect = this.handleMouseSelect.bind(this);
|
|
4232
|
-
|
|
4233
|
-
/**
|
|
4234
|
-
* @private
|
|
4235
|
-
*/
|
|
4236
|
-
this.handleOptionHover = this.handleOptionHover.bind(this);
|
|
4237
|
-
|
|
4238
|
-
/**
|
|
4239
|
-
* @private
|
|
4240
|
-
*/
|
|
4241
|
-
this.handleSlotChange = this.handleSlotChange.bind(this);
|
|
4242
|
-
|
|
4243
|
-
// Instance properties (non-reactive)
|
|
4244
|
-
|
|
4245
|
-
/**
|
|
4246
|
-
* @private
|
|
4247
|
-
*/
|
|
4248
|
-
Object.assign(this, {
|
|
4249
|
-
// Root-level menu (true) or a nested submenu (false)
|
|
4250
|
-
rootMenu: true,
|
|
4251
|
-
// Currently focused/active menu item index
|
|
4252
|
-
index: -1,
|
|
4253
|
-
// Nested menu spacer
|
|
4254
|
-
nestingSpacer: '<span class="nestingSpacer"></span>',
|
|
4255
|
-
// Loading indicator for slot elements
|
|
4256
|
-
loadingSlots: null,
|
|
4257
|
-
// Store for menu items
|
|
4258
|
-
items: [],
|
|
4259
|
-
});
|
|
4260
|
-
}
|
|
4261
|
-
|
|
4262
|
-
static get properties() {
|
|
4263
|
-
return {
|
|
4264
|
-
noCheckmark: {
|
|
4265
|
-
type: Boolean,
|
|
4266
|
-
reflect: true,
|
|
4267
|
-
attribute: 'nocheckmark'
|
|
4268
|
-
},
|
|
4269
|
-
disabled: {
|
|
4270
|
-
type: Boolean,
|
|
4271
|
-
reflect: true
|
|
4272
|
-
},
|
|
4273
|
-
loading: {
|
|
4274
|
-
type: Boolean,
|
|
4275
|
-
reflect: true
|
|
4276
|
-
},
|
|
4277
|
-
optionSelected: {
|
|
4278
|
-
// Allow HTMLElement[] arrays and undefined
|
|
4279
|
-
converter: arrayConverter$1,
|
|
4280
|
-
hasChanged: arrayOrUndefinedHasChanged$1
|
|
4281
|
-
},
|
|
4282
|
-
optionActive: {
|
|
4283
|
-
type: Object,
|
|
4284
|
-
attribute: 'optionactive'
|
|
4285
|
-
},
|
|
4286
|
-
matchWord: {
|
|
4287
|
-
type: String,
|
|
4288
|
-
attribute: 'matchword'
|
|
4289
|
-
},
|
|
4290
|
-
multiSelect: {
|
|
4291
|
-
type: Boolean,
|
|
4292
|
-
reflect: true,
|
|
4293
|
-
attribute: 'multiselect'
|
|
4294
|
-
},
|
|
4295
|
-
value: {
|
|
4296
|
-
// Allow string[] arrays and undefined
|
|
4297
|
-
type: Object,
|
|
4298
|
-
converter: arrayConverter$1,
|
|
4299
|
-
hasChanged: arrayOrUndefinedHasChanged$1
|
|
4300
|
-
}
|
|
4301
|
-
};
|
|
4302
|
-
}
|
|
4303
|
-
|
|
4304
|
-
static get styles() {
|
|
4305
|
-
return [
|
|
4306
|
-
styleCss$2$1,
|
|
4307
|
-
colorCss$2$1,
|
|
4308
|
-
tokensCss$1$1
|
|
4309
|
-
];
|
|
4310
|
-
}
|
|
4311
|
-
|
|
4312
|
-
/**
|
|
4313
|
-
* This will register this element with the browser.
|
|
4314
|
-
* @param {string} [name="auro-menu"] - The name of element that you want to register to.
|
|
4315
|
-
*
|
|
4316
|
-
* @example
|
|
4317
|
-
* AuroMenu.register("custom-menu") // this will register this element to <custom-menu/>
|
|
4318
|
-
*
|
|
4319
|
-
*/
|
|
4320
|
-
static register(name = "auro-menu") {
|
|
4321
|
-
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroMenu);
|
|
4322
|
-
}
|
|
4323
|
-
|
|
4324
|
-
// Lifecycle Methods
|
|
4325
|
-
|
|
4326
|
-
connectedCallback() {
|
|
4327
|
-
super.connectedCallback();
|
|
4328
|
-
|
|
4329
|
-
this.addEventListener('keydown', this.handleKeyDown);
|
|
4330
|
-
this.addEventListener('mousedown', this.handleMouseSelect);
|
|
4331
|
-
this.addEventListener('auroMenuOption-mouseover', this.handleOptionHover);
|
|
4332
|
-
this.addEventListener('slotchange', this.handleSlotChange);
|
|
4333
|
-
}
|
|
4334
|
-
|
|
4335
|
-
disconnectedCallback() {
|
|
4336
|
-
this.removeEventListener('keydown', this.handleKeyDown);
|
|
4337
|
-
this.removeEventListener('mousedown', this.handleMouseSelect);
|
|
4338
|
-
this.removeEventListener('auroMenuOption-mouseover', this.handleOptionHover);
|
|
4339
|
-
this.removeEventListener('slotchange', this.handleSlotChange);
|
|
4340
|
-
|
|
4341
|
-
super.disconnectedCallback();
|
|
4342
|
-
}
|
|
4343
|
-
|
|
4344
|
-
firstUpdated() {
|
|
4345
|
-
AuroLibraryRuntimeUtils.prototype.handleComponentTagRename(this, 'auro-menu');
|
|
4346
|
-
|
|
4347
|
-
this.loadingSlots = this.querySelectorAll("[slot='loadingText'], [slot='loadingIcon']");
|
|
4348
|
-
this.initializeMenu();
|
|
4349
|
-
}
|
|
4350
|
-
|
|
4351
|
-
updated(changedProperties) {
|
|
4352
|
-
if (changedProperties.has('value')) {
|
|
4353
|
-
// Handle null/undefined case
|
|
4354
|
-
if (this.value === undefined || this.value === null) {
|
|
4355
|
-
this.optionSelected = undefined;
|
|
4356
|
-
// Reset index tracking
|
|
4357
|
-
this.index = -1;
|
|
4358
|
-
} else {
|
|
4359
|
-
// Convert single values to arrays
|
|
4360
|
-
const valueArray = Array.isArray(this.value) ? this.value : [this.value];
|
|
4361
|
-
|
|
4362
|
-
// Find all matching options
|
|
4363
|
-
const matchingOptions = this.items.filter((item) => valueArray.includes(item.value));
|
|
4364
|
-
|
|
4365
|
-
if (matchingOptions.length > 0) {
|
|
4366
|
-
if (this.multiSelect) {
|
|
4367
|
-
// For multiselect, keep all matching options
|
|
4368
|
-
this.optionSelected = matchingOptions;
|
|
4369
|
-
} else {
|
|
4370
|
-
// For single select, only use the first match
|
|
4371
|
-
this.optionSelected = [matchingOptions[0]];
|
|
4372
|
-
this.index = this.items.indexOf(matchingOptions[0]);
|
|
4373
|
-
}
|
|
4374
|
-
} else {
|
|
4375
|
-
// No matches found - trigger failure event
|
|
4376
|
-
dispatchMenuEvent$1(this, 'auroMenu-selectValueFailure');
|
|
4377
|
-
this.optionSelected = undefined;
|
|
4378
|
-
this.index = -1;
|
|
4379
|
-
}
|
|
4380
|
-
}
|
|
4381
|
-
|
|
4382
|
-
// Update UI state
|
|
4383
|
-
this.updateItemsState(new Map([
|
|
4384
|
-
[
|
|
4385
|
-
'optionSelected',
|
|
4386
|
-
true
|
|
4387
|
-
]
|
|
4388
|
-
]));
|
|
4389
|
-
|
|
4390
|
-
// Notify of changes
|
|
4391
|
-
if (this.optionSelected !== undefined) {
|
|
4392
|
-
this.notifySelectionChange();
|
|
4393
|
-
}
|
|
4394
|
-
}
|
|
4395
|
-
|
|
4396
|
-
// Process all other UI updates
|
|
4397
|
-
this.updateItemsState(changedProperties);
|
|
4398
|
-
}
|
|
4399
|
-
|
|
4400
|
-
/**
|
|
4401
|
-
* Updates the UI state and appearance of menu items based on changed properties.
|
|
4402
|
-
* @private
|
|
4403
|
-
* @param {Map<string, boolean>} changedProperties - LitElement's changed properties map.
|
|
4404
|
-
*/
|
|
4405
|
-
updateItemsState(changedProperties) {
|
|
4406
|
-
if (!this.items) {
|
|
4407
|
-
return;
|
|
4408
|
-
}
|
|
4409
|
-
|
|
4410
|
-
// Handle noCheckmark propagation to all menus and options
|
|
4411
|
-
if (changedProperties.has('noCheckmark') && this.noCheckmark) {
|
|
4412
|
-
// Update both menus and options
|
|
4413
|
-
this.querySelectorAll('auro-menu, [auro-menu], auro-menuoption, [auro-menuoption]').forEach((element) => element.setAttribute('noCheckmark', ''));
|
|
4414
|
-
}
|
|
4415
|
-
|
|
4416
|
-
// Regex for matchWord if needed
|
|
4417
|
-
let regexWord = null;
|
|
4418
|
-
|
|
4419
|
-
if (changedProperties.has('matchWord') && this.matchWord && this.matchWord.length) {
|
|
4420
|
-
const escapedWord = this.matchWord.replace(/[.*+?^${}()|[\]\\]/gu, '\\$&');
|
|
4421
|
-
regexWord = new RegExp(escapedWord, 'giu');
|
|
4422
|
-
}
|
|
4423
|
-
|
|
4424
|
-
// Handle direct item updates
|
|
4425
|
-
this.items.forEach((option) => {
|
|
4426
|
-
// Update selection if option or value changed
|
|
4427
|
-
if (changedProperties.has('optionSelected') || changedProperties.has('value')) {
|
|
4428
|
-
const isSelected = this.isOptionSelected(option);
|
|
4429
|
-
option.setAttribute('aria-selected', isSelected ? 'true' : 'false');
|
|
4430
|
-
|
|
4431
|
-
// Add/remove selected attribute based on state
|
|
4432
|
-
if (isSelected) {
|
|
4433
|
-
option.setAttribute('selected', '');
|
|
4434
|
-
} else {
|
|
4435
|
-
option.removeAttribute('selected');
|
|
4436
|
-
}
|
|
4437
|
-
}
|
|
4438
|
-
|
|
4439
|
-
// Update text highlighting if matchWord changed
|
|
4440
|
-
if (changedProperties.has('matchWord') && regexWord &&
|
|
4441
|
-
isOptionInteractive$1(option) && !option.hasAttribute('persistent')) {
|
|
4442
|
-
const nested = option.querySelectorAll('.nestingSpacer');
|
|
4443
|
-
// Create nested spacers
|
|
4444
|
-
const nestingSpacerBundle = [...nested].map(() => this.nestingSpacer).join('');
|
|
4445
|
-
|
|
4446
|
-
// Update with spacers and matchWord
|
|
4447
|
-
option.innerHTML = nestingSpacerBundle +
|
|
4448
|
-
option.textContent.replace(
|
|
4449
|
-
regexWord,
|
|
4450
|
-
(match) => `<strong>${match}</strong>`
|
|
4451
|
-
);
|
|
4452
|
-
}
|
|
4453
|
-
|
|
4454
|
-
// Update disabled state
|
|
4455
|
-
if (changedProperties.has('disabled')) {
|
|
4456
|
-
option.disabled = this.disabled;
|
|
4457
|
-
}
|
|
4458
|
-
});
|
|
4459
|
-
|
|
4460
|
-
// Handle loading state changes
|
|
4461
|
-
if (changedProperties.has('loading')) {
|
|
4462
|
-
this.setAttribute("aria-busy", this.loading);
|
|
4463
|
-
dispatchMenuEvent$1(this, "auroMenu-loadingChange", {
|
|
4464
|
-
loading: this.loading,
|
|
4465
|
-
hasLoadingPlaceholder: this.hasLoadingPlaceholder
|
|
4466
|
-
});
|
|
4467
|
-
}
|
|
4468
|
-
}
|
|
4469
|
-
|
|
4470
|
-
// Init Methods
|
|
4471
|
-
|
|
4472
|
-
/**
|
|
4473
|
-
* Initializes the menu's state and structure.
|
|
4474
|
-
* @private
|
|
4475
|
-
*/
|
|
4476
|
-
initializeMenu() {
|
|
4477
|
-
this.initItems();
|
|
4478
|
-
if (this.rootMenu) {
|
|
4479
|
-
this.setAttribute('role', 'listbox');
|
|
4480
|
-
this.setAttribute('root', '');
|
|
4481
|
-
this.handleNestedMenus(this);
|
|
4482
|
-
}
|
|
4483
|
-
}
|
|
4484
|
-
|
|
4485
|
-
/**
|
|
4486
|
-
* Initializes menu items and their attributes.
|
|
4487
|
-
* @private
|
|
4488
|
-
*/
|
|
4489
|
-
initItems() {
|
|
4490
|
-
this.items = Array.from(this.querySelectorAll('auro-menuoption, [auro-menuoption]'));
|
|
4491
|
-
if (this.noCheckmark) {
|
|
4492
|
-
this.updateItemsState(new Map([
|
|
4493
|
-
[
|
|
4494
|
-
'noCheckmark',
|
|
4495
|
-
true
|
|
4496
|
-
]
|
|
4497
|
-
]));
|
|
4498
|
-
}
|
|
4499
|
-
}
|
|
4500
|
-
|
|
4501
|
-
// Logic Methods
|
|
4502
|
-
|
|
4503
|
-
/**
|
|
4504
|
-
* Updates menu state when an option is selected.
|
|
4505
|
-
* @private
|
|
4506
|
-
* @param {HTMLElement} option - The option element to select.
|
|
4507
|
-
*/
|
|
4508
|
-
handleSelectState(option) {
|
|
4509
|
-
if (this.multiSelect) {
|
|
4510
|
-
const currentValue = this.value || [];
|
|
4511
|
-
const currentSelected = this.optionSelected || [];
|
|
4512
|
-
|
|
4513
|
-
if (!currentValue.includes(option.value)) {
|
|
4514
|
-
this.value = [
|
|
4515
|
-
...currentValue,
|
|
4516
|
-
option.value
|
|
4517
|
-
];
|
|
4518
|
-
}
|
|
4519
|
-
if (!currentSelected.includes(option)) {
|
|
4520
|
-
this.optionSelected = [
|
|
4521
|
-
...currentSelected,
|
|
4522
|
-
option
|
|
4523
|
-
];
|
|
4524
|
-
}
|
|
4525
|
-
} else {
|
|
4526
|
-
// Single select - use arrays with single values
|
|
4527
|
-
this.value = [option.value];
|
|
4528
|
-
this.optionSelected = [option];
|
|
4529
|
-
}
|
|
4530
|
-
|
|
4531
|
-
this.index = this.items.indexOf(option);
|
|
4532
|
-
}
|
|
4533
|
-
|
|
4534
|
-
/**
|
|
4535
|
-
* Deselects a menu option and updates related state.
|
|
4536
|
-
* @private
|
|
4537
|
-
* @param {HTMLElement} option - The menuoption to be deselected.
|
|
4538
|
-
*/
|
|
4539
|
-
handleDeselectState(option) {
|
|
4540
|
-
if (this.multiSelect && Array.isArray(this.value)) {
|
|
4541
|
-
// Remove this option from array
|
|
4542
|
-
this.value = this.value.filter((val) => val !== option.value);
|
|
4543
|
-
|
|
4544
|
-
// If array is empty after removal, set back to undefined
|
|
4545
|
-
if (this.value.length === 0) {
|
|
4546
|
-
this.value = undefined;
|
|
4547
|
-
}
|
|
4548
|
-
|
|
4549
|
-
this.optionSelected = this.optionSelected.filter((val) => val !== option);
|
|
4550
|
-
if (this.optionSelected.length === 0) {
|
|
4551
|
-
this.optionSelected = undefined;
|
|
4552
|
-
}
|
|
4553
|
-
} else {
|
|
4554
|
-
// For single-select: Back to undefined when deselected
|
|
4555
|
-
this.value = undefined;
|
|
4556
|
-
this.optionSelected = undefined;
|
|
4557
|
-
}
|
|
4558
|
-
|
|
4559
|
-
// Update the index tracking
|
|
4560
|
-
this.index = this.items.indexOf(option);
|
|
4561
|
-
|
|
4562
|
-
// Update UI to reflect changes
|
|
4563
|
-
this.updateItemsState(new Map([
|
|
4564
|
-
[
|
|
4565
|
-
'optionSelected',
|
|
4566
|
-
true
|
|
4567
|
-
]
|
|
4568
|
-
]));
|
|
4569
|
-
|
|
4570
|
-
// Notify of selection change
|
|
4571
|
-
this.notifySelectionChange();
|
|
4572
|
-
}
|
|
4573
|
-
|
|
4574
|
-
/**
|
|
4575
|
-
* Resets all options to their default state.
|
|
4576
|
-
* @private
|
|
4577
|
-
*/
|
|
4578
|
-
clearSelection() {
|
|
4579
|
-
this.optionSelected = undefined;
|
|
4580
|
-
this.value = undefined;
|
|
4581
|
-
}
|
|
4582
|
-
|
|
4583
|
-
/**
|
|
4584
|
-
* Resets the menu to its initial state.
|
|
4585
|
-
* This is the only way to return value to undefined.
|
|
4586
|
-
* @public
|
|
4587
|
-
*/
|
|
4588
|
-
reset() {
|
|
4589
|
-
// Reset to undefined - initial state
|
|
4590
|
-
this.value = undefined;
|
|
4591
|
-
this.optionSelected = undefined;
|
|
4592
|
-
this.index = -1;
|
|
4593
|
-
|
|
4594
|
-
// Reset UI state
|
|
4595
|
-
this.updateItemsState(new Map([
|
|
4596
|
-
[
|
|
4597
|
-
'optionSelected',
|
|
4598
|
-
true
|
|
4599
|
-
]
|
|
4600
|
-
]));
|
|
4601
|
-
|
|
4602
|
-
// Dispatch reset event
|
|
4603
|
-
dispatchMenuEvent$1(this, 'auroMenu-selectValueReset');
|
|
4604
|
-
}
|
|
4605
|
-
|
|
4606
|
-
/**
|
|
4607
|
-
* Handles nested menu structure.
|
|
4608
|
-
* @private
|
|
4609
|
-
* @param {HTMLElement} menu - Root menu element.
|
|
4610
|
-
*/
|
|
4611
|
-
handleNestedMenus(menu) {
|
|
4612
|
-
const nestedMenus = menu.querySelectorAll('auro-menu, [auro-menu]');
|
|
4613
|
-
|
|
4614
|
-
nestedMenus.forEach((nestedMenu) => {
|
|
4615
|
-
// role="listbox" only allows "role=group" for children.
|
|
4616
|
-
nestedMenu.setAttribute('role', 'group');
|
|
4617
|
-
if (!nestedMenu.hasAttribute('aria-label')) {
|
|
4618
|
-
nestedMenu.setAttribute('aria-label', 'submenu');
|
|
4619
|
-
}
|
|
4620
|
-
|
|
4621
|
-
const options = nestedMenu.querySelectorAll(':scope > auro-menuoption, :scope > [auro-menuoption]');
|
|
4622
|
-
options.forEach((option) => {
|
|
4623
|
-
option.innerHTML = this.nestingSpacer + option.innerHTML;
|
|
4624
|
-
});
|
|
4625
|
-
|
|
4626
|
-
this.handleNestedMenus(nestedMenu);
|
|
4627
|
-
});
|
|
4628
|
-
}
|
|
4629
|
-
|
|
4630
|
-
// Event Handlers
|
|
4631
|
-
|
|
4632
|
-
/**
|
|
4633
|
-
* Handles keyboard navigation.
|
|
4634
|
-
* @private
|
|
4635
|
-
* @param {KeyboardEvent} event - Event object from the browser.
|
|
4636
|
-
*/
|
|
4637
|
-
handleKeyDown(event) {
|
|
4638
|
-
event.preventDefault();
|
|
4639
|
-
switch (event.key) {
|
|
4640
|
-
case "ArrowDown":
|
|
4641
|
-
this.navigateOptions('down');
|
|
4642
|
-
break;
|
|
4643
|
-
case "ArrowUp":
|
|
4644
|
-
this.navigateOptions('up');
|
|
4645
|
-
break;
|
|
4646
|
-
case "Enter":
|
|
4647
|
-
this.makeSelection();
|
|
4648
|
-
break;
|
|
4649
|
-
}
|
|
4650
|
-
}
|
|
4651
|
-
|
|
4652
|
-
/**
|
|
4653
|
-
* Makes a selection based on the current index or clicked option.
|
|
4654
|
-
* @private
|
|
4655
|
-
*/
|
|
4656
|
-
makeSelection() {
|
|
4657
|
-
if (!this.items) {
|
|
4658
|
-
this.initItems();
|
|
4659
|
-
}
|
|
4660
|
-
|
|
4661
|
-
// Get currently selected menu option based on index
|
|
4662
|
-
const option = this.items[this.index];
|
|
4663
|
-
|
|
4664
|
-
// Return early if option is not interactive
|
|
4665
|
-
if (!option || !isOptionInteractive$1(option)) {
|
|
4666
|
-
return;
|
|
4667
|
-
}
|
|
4668
|
-
|
|
4669
|
-
// Handle custom events first
|
|
4670
|
-
if (option.hasAttribute('event')) {
|
|
4671
|
-
this.handleCustomEvent(option);
|
|
4672
|
-
return;
|
|
4673
|
-
}
|
|
4674
|
-
|
|
4675
|
-
if (this.multiSelect) {
|
|
4676
|
-
// In multiselect, toggle individual selections
|
|
4677
|
-
this.toggleOption(option);
|
|
4678
|
-
// In single select, only handle selection of new options
|
|
4679
|
-
} else if (!this.isOptionSelected(option)) {
|
|
4680
|
-
this.clearSelection();
|
|
4681
|
-
this.handleSelectState(option);
|
|
4682
|
-
}
|
|
4683
|
-
|
|
4684
|
-
this.notifySelectionChange();
|
|
4685
|
-
}
|
|
4686
|
-
|
|
4687
|
-
/**
|
|
4688
|
-
* Toggle the selection state of the menuoption.
|
|
4689
|
-
* @private
|
|
4690
|
-
* @param {HTMLElement} option - The menuoption to toggle.
|
|
4691
|
-
*/
|
|
4692
|
-
toggleOption(option) {
|
|
4693
|
-
const isCurrentlySelected = this.isOptionSelected(option);
|
|
4694
|
-
|
|
4695
|
-
if (isCurrentlySelected) {
|
|
4696
|
-
this.handleDeselectState(option);
|
|
4697
|
-
} else if (option.value === undefined || option.value === '') {
|
|
4698
|
-
dispatchMenuEvent$1(this, 'auroMenu-selectValueFailure');
|
|
4699
|
-
} else {
|
|
4700
|
-
this.handleSelectState(option);
|
|
4701
|
-
}
|
|
4702
|
-
}
|
|
4703
|
-
|
|
4704
|
-
/**
|
|
4705
|
-
* Handles option selection via mouse.
|
|
4706
|
-
* @private
|
|
4707
|
-
* @param {MouseEvent} event - Event object from the browser.
|
|
4708
|
-
*/
|
|
4709
|
-
handleMouseSelect(event) {
|
|
4710
|
-
if (event.target === this) {
|
|
4711
|
-
return;
|
|
4712
|
-
}
|
|
4713
|
-
|
|
4714
|
-
const option = event.target.closest('auro-menuoption, [auro-menuoption]');
|
|
4715
|
-
if (option) {
|
|
4716
|
-
this.index = this.items.indexOf(option);
|
|
4717
|
-
this.makeSelection();
|
|
4718
|
-
}
|
|
4719
|
-
}
|
|
4720
|
-
|
|
4721
|
-
/**
|
|
4722
|
-
* Handles option hover events.
|
|
4723
|
-
* @private
|
|
4724
|
-
* @param {CustomEvent} event - Event object from the browser.
|
|
4725
|
-
*/
|
|
4726
|
-
handleOptionHover(event) {
|
|
4727
|
-
const option = event.target;
|
|
4728
|
-
this.index = this.items.indexOf(option);
|
|
4729
|
-
this.updateActiveOption(this.index);
|
|
4730
|
-
}
|
|
4731
|
-
|
|
4732
|
-
/**
|
|
4733
|
-
* Handles slot change events.
|
|
4734
|
-
* @private
|
|
4735
|
-
*/
|
|
4736
|
-
handleSlotChange() {
|
|
4737
|
-
if (this.parentElement && this.parentElement.closest('auro-menu, [auro-menu]')) {
|
|
4738
|
-
this.rootMenu = false;
|
|
4739
|
-
}
|
|
4740
|
-
|
|
4741
|
-
if (this.rootMenu) {
|
|
4742
|
-
this.initializeMenu();
|
|
4743
|
-
} else if (this.noCheckmark) {
|
|
4744
|
-
this.updateItemsState(new Map([
|
|
4745
|
-
[
|
|
4746
|
-
'noCheckmark',
|
|
4747
|
-
true
|
|
4748
|
-
]
|
|
4749
|
-
]));
|
|
4750
|
-
}
|
|
4751
|
-
}
|
|
4752
|
-
|
|
4753
|
-
/**
|
|
4754
|
-
* Navigates through options using keyboard.
|
|
4755
|
-
* @private
|
|
4756
|
-
* @param {string} direction - 'up' or 'down'.
|
|
4757
|
-
*/
|
|
4758
|
-
navigateOptions(direction) {
|
|
4759
|
-
// Return early if no items exist
|
|
4760
|
-
if (!this.items || !this.items.length) {
|
|
4761
|
-
return;
|
|
4762
|
-
}
|
|
4763
|
-
|
|
4764
|
-
let newIndex = this.index;
|
|
4765
|
-
const increment = direction === 'down' ? 1 : -1;
|
|
4766
|
-
const maxIterations = this.items.length;
|
|
4767
|
-
let iterations = 0;
|
|
4768
|
-
let foundInteractiveOption = false;
|
|
4769
|
-
|
|
4770
|
-
do {
|
|
4771
|
-
newIndex = (newIndex + increment + this.items.length) % this.items.length;
|
|
4772
|
-
iterations += 1;
|
|
4773
|
-
|
|
4774
|
-
// Check if current option is interactive
|
|
4775
|
-
const currentOption = this.items[newIndex];
|
|
4776
|
-
if (isOptionInteractive$1(currentOption)) {
|
|
4777
|
-
foundInteractiveOption = true;
|
|
4778
|
-
break;
|
|
4779
|
-
}
|
|
4780
|
-
|
|
4781
|
-
// Break if all options were checked
|
|
4782
|
-
if (iterations >= maxIterations) {
|
|
4783
|
-
break;
|
|
4784
|
-
}
|
|
4785
|
-
} while (iterations < maxIterations);
|
|
4786
|
-
|
|
4787
|
-
// Handle the results of the search
|
|
4788
|
-
if (foundInteractiveOption) {
|
|
4789
|
-
// Update only if an interactive option was found
|
|
4790
|
-
this.index = newIndex;
|
|
4791
|
-
this.updateActiveOption(this.index);
|
|
4792
|
-
} else {
|
|
4793
|
-
// All options are disabled or non-interactive
|
|
4794
|
-
// Keep the current index unchanged
|
|
4795
|
-
dispatchMenuEvent$1(this, 'auroMenu-navigateFailure', {
|
|
4796
|
-
reason: 'No interactive options available',
|
|
4797
|
-
direction,
|
|
4798
|
-
currentIndex: this.index
|
|
4799
|
-
});
|
|
4800
|
-
}
|
|
4801
|
-
}
|
|
4802
|
-
|
|
4803
|
-
/**
|
|
4804
|
-
* Updates the active option state and dispatches events.
|
|
4805
|
-
* @private
|
|
4806
|
-
* @param {number} index - Index of the option to make active.
|
|
4807
|
-
*/
|
|
4808
|
-
updateActiveOption(index) {
|
|
4809
|
-
if (!this.items || !this.items[index]) {
|
|
4810
|
-
return;
|
|
4811
|
-
}
|
|
4812
|
-
|
|
4813
|
-
this.items.forEach((item) => item.classList.remove('active'));
|
|
4814
|
-
this.items[index].classList.add('active');
|
|
4815
|
-
this.optionActive = this.items[index];
|
|
4816
|
-
|
|
4817
|
-
dispatchMenuEvent$1(this, 'auroMenu-activatedOption', this.items[index]);
|
|
4818
|
-
}
|
|
4819
|
-
|
|
4820
|
-
/**
|
|
4821
|
-
* Handles custom events defined on options.
|
|
4822
|
-
* @private
|
|
4823
|
-
* @param {HTMLElement} option - Option with custom event.
|
|
4824
|
-
*/
|
|
4825
|
-
handleCustomEvent(option) {
|
|
4826
|
-
const eventName = option.getAttribute('event');
|
|
4827
|
-
dispatchMenuEvent$1(this, eventName);
|
|
4828
|
-
dispatchMenuEvent$1(this, 'auroMenu-customEventFired');
|
|
4829
|
-
}
|
|
4830
|
-
|
|
4831
|
-
/**
|
|
4832
|
-
* Notifies selection change to parent components.
|
|
4833
|
-
* @private
|
|
4834
|
-
*/
|
|
4835
|
-
notifySelectionChange() {
|
|
4836
|
-
dispatchMenuEvent$1(this, 'auroMenu-selectedOption');
|
|
4837
|
-
}
|
|
4838
|
-
|
|
4839
|
-
/**
|
|
4840
|
-
* Checks if an option is currently selected.
|
|
4841
|
-
* @private
|
|
4842
|
-
* @param {HTMLElement} option - The option to check.
|
|
4843
|
-
* @returns {boolean}
|
|
4844
|
-
*/
|
|
4845
|
-
isOptionSelected(option) {
|
|
4846
|
-
if (!this.optionSelected) {
|
|
4847
|
-
return false;
|
|
4848
|
-
}
|
|
4849
|
-
// Always treat as array for both single and multi-select
|
|
4850
|
-
return Array.isArray(this.optionSelected) && this.optionSelected.includes(option);
|
|
4851
|
-
}
|
|
4852
|
-
|
|
4853
|
-
/**
|
|
4854
|
-
* Getter for loading placeholder state.
|
|
4855
|
-
* @returns {boolean} - True if loading slots are present and non-empty.
|
|
4856
|
-
*/
|
|
4857
|
-
get hasLoadingPlaceholder() {
|
|
4858
|
-
return this.loadingSlots && this.loadingSlots.length > 0;
|
|
4859
|
-
}
|
|
4860
|
-
|
|
4861
|
-
/**
|
|
4862
|
-
* Renders the component.
|
|
4863
|
-
* @returns {boolean} - True if loading slots are present and non-empty.
|
|
4864
|
-
*/
|
|
4865
|
-
render() {
|
|
4866
|
-
if (this.loading) {
|
|
4867
|
-
return x`
|
|
4868
|
-
<auro-menuoption disabled loadingplaceholder class="${this.hasLoadingPlaceholder ? '' : 'empty'}">
|
|
4869
|
-
<div>
|
|
4870
|
-
<slot name="loadingIcon"></slot>
|
|
4871
|
-
<slot name="loadingText"></slot>
|
|
4872
|
-
</div>
|
|
4873
|
-
</auro-menuoption>
|
|
4874
|
-
`;
|
|
4875
|
-
}
|
|
4876
|
-
|
|
4877
|
-
return x`<slot @slotchange=${this.handleSlotChange}></slot>`;
|
|
4878
|
-
}
|
|
4879
|
-
};
|
|
4880
|
-
|
|
4881
|
-
/**
|
|
4882
|
-
* @license
|
|
4883
|
-
* Copyright 2020 Google LLC
|
|
4884
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
4885
|
-
*/
|
|
4886
|
-
const a=Symbol.for(""),o$1=t=>{if(t?.r===a)return t?._$litStatic$},s=t=>({_$litStatic$:t,r:a}),i$1=(t,...r)=>({_$litStatic$:r.reduce(((r,e,a)=>r+(t=>{if(undefined!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[a+1]),t[0]),r:a}),l=new Map,n=t=>(r,...e)=>{const a=e.length;let s,i;const n=[],u=[];let c,$=0,f=false;for(;$<a;){for(c=r[$];$<a&&undefined!==(i=e[$],s=o$1(i));)c+=s+r[++$],f=true;$!==a&&u.push(i),n.push(c),$++;}if($===a&&n.push(r[a]),f){const t=n.join("$$lit$$");undefined===(r=l.get(t))&&(n.raw=n,l.set(t,r=n)),e=u;}return t(r,...e)},u=n(x);
|
|
4887
|
-
|
|
4888
|
-
var styleCss$1$1 = i$5`:host{display:flex;align-items:center;padding:var(--ds-size-50, 0.25rem) var(--ds-size-200, 1rem) var(--ds-size-50, 0.25rem) 0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}:host slot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-150, 0.75rem);margin-left:var(--ds-size-100, 0.5rem)}:host ::slotted(.nestingSpacer){display:inline-block;width:var(--ds-size-300, 1.5rem)}:host ::slotted(strong){font-weight:700}:host([hidden]){display:none}:host([static]){pointer-events:none}:host([disabled]:hover){cursor:auto}:host([disabled]){user-select:none;pointer-events:none}`;
|
|
4889
|
-
|
|
4890
|
-
var colorCss$1$1 = i$5`:host{background-color:var(--ds-auro-menuoption-container-color);color:var(--ds-auro-menuoption-text-color)}:host svg{fill:var(--ds-auro-menuoption-icon-color) !important}:host([disabled]){--ds-auro-menuoption-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host(:hover),:host(.active){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}:host([selected]){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-menuoption-text-color: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-menuoption-icon-color: var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([selected]):host(.active){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-active-default, #225296)}`;
|
|
4891
|
-
|
|
4892
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
4893
|
-
// See LICENSE in the project root for license information.
|
|
4894
|
-
|
|
4895
|
-
|
|
4896
|
-
class AuroDependencyVersioning {
|
|
4897
|
-
|
|
4898
|
-
/**
|
|
4899
|
-
* Generates a unique string to be used for child auro element naming.
|
|
4900
|
-
* @private
|
|
4901
|
-
* @param {string} baseName - Defines the first part of the unique element name.
|
|
4902
|
-
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
4903
|
-
* @returns {string} - Unique string to be used for naming.
|
|
4904
|
-
*/
|
|
4905
|
-
generateElementName(baseName, version) {
|
|
4906
|
-
let result = baseName;
|
|
4907
|
-
|
|
4908
|
-
result += '-';
|
|
4909
|
-
result += version.replace(/[.]/g, '_');
|
|
4910
|
-
|
|
4911
|
-
return result;
|
|
4912
|
-
}
|
|
4913
|
-
|
|
4914
|
-
/**
|
|
4915
|
-
* Generates a unique string to be used for child auro element naming.
|
|
4916
|
-
* @param {string} baseName - Defines the first part of the unique element name.
|
|
4917
|
-
* @param {string} version - Version of the component that will be appended to the baseName.
|
|
4918
|
-
* @returns {string} - Unique string to be used for naming.
|
|
4919
|
-
*/
|
|
4920
|
-
generateTag(baseName, version, tagClass) {
|
|
4921
|
-
const elementName = this.generateElementName(baseName, version);
|
|
4922
|
-
const tag = i$1`${s(elementName)}`;
|
|
4923
|
-
|
|
4924
|
-
if (!customElements.get(elementName)) {
|
|
4925
|
-
customElements.define(elementName, class extends tagClass {});
|
|
4926
|
-
}
|
|
4927
|
-
|
|
4928
|
-
return tag;
|
|
4929
|
-
}
|
|
4930
|
-
}
|
|
4931
|
-
|
|
4932
|
-
/**
|
|
4933
|
-
* @license
|
|
4934
|
-
* Copyright 2017 Google LLC
|
|
4935
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
4936
|
-
*/
|
|
4937
|
-
const t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},e$1=t=>(...e)=>({_$litDirective$:t,values:e});class i{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i;}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
|
|
4938
|
-
|
|
4939
|
-
/**
|
|
4940
|
-
* @license
|
|
4941
|
-
* Copyright 2018 Google LLC
|
|
4942
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
4943
|
-
*/const e=e$1(class extends i{constructor(t$1){if(super(t$1),t$1.type!==t.ATTRIBUTE||"class"!==t$1.name||t$1.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(undefined===this.st){this.st=new Set,undefined!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T}});
|
|
4944
|
-
|
|
4945
|
-
/**
|
|
4946
|
-
* @license
|
|
4947
|
-
* Copyright 2018 Google LLC
|
|
4948
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
4949
|
-
*/const o$5=o=>o??E;
|
|
4950
|
-
|
|
4951
|
-
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
4952
|
-
// See LICENSE in the project root for license information.
|
|
4953
|
-
|
|
4954
|
-
|
|
4955
|
-
/**
|
|
4956
|
-
* @attr {Boolean} hidden - If present, the component will be hidden both visually and from screen readers
|
|
4957
|
-
* @attr {Boolean} hiddenVisually - If present, the component will be hidden visually, but still read by screen readers
|
|
4958
|
-
* @attr {Boolean} hiddenAudible - If present, the component will be hidden from screen readers, but seen visually
|
|
4959
|
-
*/
|
|
4960
|
-
|
|
4961
|
-
let AuroElement$1 = class AuroElement extends r {
|
|
4962
|
-
|
|
4963
|
-
// function to define props used within the scope of this component
|
|
4964
|
-
static get properties() {
|
|
4965
|
-
return {
|
|
4966
|
-
hidden: { type: Boolean,
|
|
4967
|
-
reflect: true },
|
|
4968
|
-
hiddenVisually: { type: Boolean,
|
|
4969
|
-
reflect: true },
|
|
4970
|
-
hiddenAudible: { type: Boolean,
|
|
4971
|
-
reflect: true },
|
|
4972
|
-
};
|
|
4973
|
-
}
|
|
4974
|
-
|
|
4975
|
-
/**
|
|
4976
|
-
* @private Function that determines state of aria-hidden
|
|
4977
|
-
*/
|
|
4978
|
-
hideAudible(value) {
|
|
4979
|
-
if (value) {
|
|
4980
|
-
return 'true'
|
|
4981
|
-
}
|
|
4982
|
-
|
|
4983
|
-
return 'false'
|
|
4984
|
-
}
|
|
4985
|
-
};
|
|
4986
|
-
|
|
4987
|
-
var error$1 = {"role":"img","color":"currentColor","title":"","desc":"Error alert indicator.","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"error","category":"alert","deprecated":true,"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"error__desc\" class=\"ico_squareLarge\" data-deprecated=\"true\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"error__desc\">Error alert indicator.</desc><path d=\"m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583\"/></svg>"};
|
|
4988
|
-
|
|
4989
|
-
/* eslint-disable no-underscore-dangle, jsdoc/no-undefined-types, jsdoc/require-param-description */
|
|
4990
|
-
|
|
4991
|
-
const _fetchMap$1 = new Map();
|
|
4992
|
-
|
|
4993
|
-
/**
|
|
4994
|
-
* A callback to parse Response body.
|
|
4995
|
-
*
|
|
4996
|
-
* @callback ResponseParser
|
|
4997
|
-
* @param {Fetch.Response} response
|
|
4998
|
-
* @returns {Promise}
|
|
4999
|
-
*/
|
|
5000
|
-
|
|
5001
|
-
/**
|
|
5002
|
-
* A minimal in-memory map to de-duplicate Fetch API media requests.
|
|
5003
|
-
*
|
|
5004
|
-
* @param {String} uri
|
|
5005
|
-
* @param {Object} [options={}]
|
|
5006
|
-
* @param {ResponseParser} [options.responseParser=(response) => response.text()]
|
|
5007
|
-
* @returns {Promise}
|
|
5008
|
-
*/
|
|
5009
|
-
const cacheFetch$1 = (uri, options = {}) => {
|
|
5010
|
-
const responseParser = options.responseParser || ((response) => response.text());
|
|
5011
|
-
if (!_fetchMap$1.has(uri)) {
|
|
5012
|
-
_fetchMap$1.set(uri, fetch(uri).then(responseParser));
|
|
5013
|
-
}
|
|
5014
|
-
return _fetchMap$1.get(uri);
|
|
5015
|
-
};
|
|
5016
|
-
|
|
5017
|
-
var styleCss$4 = i$5`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}svg{min-width:var(--ds-auro-icon-size, 1.5rem) !important;width:var(--ds-auro-icon-size, 1.5rem) !important;height:var(--ds-auro-icon-size, 1.5rem) !important}.label{display:flex;align-items:flex-start}.label svg{margin:0 var(--ds-size-50, 0.25rem)}.wrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.labelContainer{line-height:1.8}`;
|
|
5018
|
-
|
|
5019
|
-
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
5020
|
-
// See LICENSE in the project root for license information.
|
|
5021
|
-
|
|
5022
|
-
|
|
5023
|
-
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
5024
|
-
/**
|
|
5025
|
-
* @attr {Boolean} onDark - Set value for on-dark version of auro-icon
|
|
5026
|
-
* @slot - Hidden from visibility, used for a11y if icon description is needed
|
|
5027
|
-
*/
|
|
5028
|
-
|
|
5029
|
-
// build the component class
|
|
5030
|
-
let BaseIcon$1 = class BaseIcon extends AuroElement$1 {
|
|
5031
|
-
constructor() {
|
|
5032
|
-
super();
|
|
5033
|
-
this.onDark = false;
|
|
5034
|
-
}
|
|
5035
|
-
|
|
5036
|
-
// function to define props used within the scope of this component
|
|
5037
|
-
static get properties() {
|
|
5038
|
-
return {
|
|
5039
|
-
...super.properties,
|
|
5040
|
-
onDark: {
|
|
5041
|
-
type: Boolean,
|
|
5042
|
-
reflect: true
|
|
5043
|
-
},
|
|
5044
|
-
|
|
5045
|
-
/**
|
|
5046
|
-
* @private
|
|
5047
|
-
*/
|
|
5048
|
-
svg: {
|
|
5049
|
-
attribute: false,
|
|
5050
|
-
reflect: true
|
|
5051
|
-
}
|
|
5052
|
-
};
|
|
5053
|
-
}
|
|
5054
|
-
|
|
5055
|
-
static get styles() {
|
|
5056
|
-
return i$5`
|
|
5057
|
-
${styleCss$4}
|
|
5058
|
-
`;
|
|
5059
|
-
}
|
|
5060
|
-
|
|
5061
|
-
/**
|
|
5062
|
-
* Async function to fetch requested icon from npm CDN.
|
|
5063
|
-
* @private
|
|
5064
|
-
* @param {string} category - Icon category.
|
|
5065
|
-
* @param {string} name - Icon name.
|
|
5066
|
-
* @returns {SVGElement} DOM - Ready HTML to be appended.
|
|
5067
|
-
*/
|
|
5068
|
-
async fetchIcon(category, name) {
|
|
5069
|
-
let iconHTML = '';
|
|
5070
|
-
|
|
5071
|
-
if (category === 'logos') {
|
|
5072
|
-
iconHTML = await cacheFetch$1(`${this.uri}/${category}/${name}.svg`);
|
|
5073
|
-
} else {
|
|
5074
|
-
iconHTML = await cacheFetch$1(`${this.uri}/icons/${category}/${name}.svg`);
|
|
5075
|
-
}
|
|
5076
|
-
|
|
5077
|
-
const dom = new DOMParser().parseFromString(iconHTML, 'text/html');
|
|
5078
|
-
|
|
5079
|
-
return dom.body.querySelector('svg');
|
|
5080
|
-
}
|
|
5081
|
-
|
|
5082
|
-
// lifecycle function
|
|
5083
|
-
async firstUpdated() {
|
|
5084
|
-
if (!this.customSvg) {
|
|
5085
|
-
const svg = await this.fetchIcon(this.category, this.name);
|
|
5086
|
-
|
|
5087
|
-
if (svg) {
|
|
5088
|
-
this.svg = svg;
|
|
5089
|
-
} else if (!svg) {
|
|
5090
|
-
const penDOM = new DOMParser().parseFromString(error$1.svg, 'text/html');
|
|
5091
|
-
|
|
5092
|
-
this.svg = penDOM.body.firstChild;
|
|
5093
|
-
}
|
|
5094
|
-
}
|
|
5095
|
-
}
|
|
5096
|
-
};
|
|
5097
|
-
|
|
5098
|
-
var tokensCss$3 = i$5`:host{--ds-auro-icon-color: var(--ds-color-icon-primary-default, $ds-color-icon-primary-default);--ds-auro-icon-size: var(--ds-size-300, $ds-size-300)}`;
|
|
5099
|
-
|
|
5100
|
-
var colorCss$4 = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color: var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color: var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color: var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color: var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color: var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color: var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color: var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color: var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color: var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color: var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color: var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color: var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color: var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color: var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color: var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color: var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color: var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color: var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color: var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color: var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color: var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
5101
|
-
|
|
5102
|
-
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
5103
|
-
// See LICENSE in the project root for license information.
|
|
5104
|
-
|
|
5105
|
-
|
|
5106
|
-
// See https://git.io/JJ6SJ for "How to document your components using JSDoc"
|
|
5107
|
-
/**
|
|
5108
|
-
* auro-icon provides users a way to use the Auro Icons by simply passing in the category and name.
|
|
5109
|
-
*
|
|
5110
|
-
* @attr {String} category - The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage.
|
|
5111
|
-
* @attr {String} name - The name of the icon you are looking for without the file extension. See https://auro.alaskaair.com/icons/usage
|
|
5112
|
-
* @attr {Boolean} customColor - Removes primary selector.
|
|
5113
|
-
* @attr {Boolean} customSvg - When true, auro-icon will render a custom SVG inside the default slot.
|
|
5114
|
-
* @attr {Boolean} label - Exposes content in slot as icon label.
|
|
5115
|
-
* @attr {Boolean} primary - DEPRECATED: Sets the icon to use the baseline primary icon style.
|
|
5116
|
-
* @attr {Boolean} accent - Sets the icon to use the accent style.
|
|
5117
|
-
* @attr {Boolean} emphasis - Sets the icon to use the emphasis style.
|
|
5118
|
-
* @attr {Boolean} disabled - Sets the icon to use the disabled style.
|
|
5119
|
-
* @attr {Boolean} error - Sets the icon to use the error style.
|
|
5120
|
-
* @attr {Boolean} info - Sets the icon to use the info style.
|
|
5121
|
-
* @attr {Boolean} secondary - Sets the icon to use the secondary style.
|
|
5122
|
-
* @attr {Boolean} tertiary - Sets the icon to use the tertiary style.
|
|
5123
|
-
* @attr {Boolean} subtle - Sets the icon to use the subtle style.
|
|
5124
|
-
* @attr {Boolean} success - Sets the icon to use the success style.
|
|
5125
|
-
* @attr {Boolean} warning - Sets the icon to use the warning style.
|
|
5126
|
-
* @attr {String} ariaHidden - Set aria-hidden value. Default is `true`. Option is `false`.
|
|
5127
|
-
* @attr {String} uri - Set the uri for CDN used when fetching icons
|
|
5128
|
-
* @slot - Hidden from visibility, used for a11y if icon description is needed.
|
|
5129
|
-
* @slot svg - Used for custom SVG content.
|
|
5130
|
-
*/
|
|
5131
|
-
|
|
5132
|
-
// build the component class
|
|
5133
|
-
let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
|
|
5134
|
-
constructor() {
|
|
5135
|
-
super();
|
|
5136
|
-
|
|
5137
|
-
this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
|
|
5138
|
-
|
|
5139
|
-
this.privateDefaults();
|
|
5140
|
-
}
|
|
5141
|
-
|
|
5142
|
-
/**
|
|
5143
|
-
* Internal Defaults.
|
|
5144
|
-
* @private
|
|
5145
|
-
* @returns {void}
|
|
5146
|
-
*/
|
|
5147
|
-
privateDefaults() {
|
|
5148
|
-
this.accent = false;
|
|
5149
|
-
this.customColor = false;
|
|
5150
|
-
this.customSvg = false;
|
|
5151
|
-
this.disabled = false;
|
|
5152
|
-
this.emphasis = false;
|
|
5153
|
-
this.error = false;
|
|
5154
|
-
this.info = false;
|
|
5155
|
-
this.label = false;
|
|
5156
|
-
this.primary = false;
|
|
5157
|
-
this.secondary = false;
|
|
5158
|
-
this.subtle = false;
|
|
5159
|
-
this.success = false;
|
|
5160
|
-
this.tertiary = false;
|
|
5161
|
-
this.warning = false;
|
|
5162
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
5163
|
-
}
|
|
5164
|
-
|
|
5165
|
-
// function to define props used within the scope of this component
|
|
5166
|
-
static get properties() {
|
|
5167
|
-
return {
|
|
5168
|
-
...super.properties,
|
|
5169
|
-
accent: {
|
|
5170
|
-
type: Boolean,
|
|
5171
|
-
reflect: true
|
|
5172
|
-
},
|
|
5173
|
-
ariaHidden: {
|
|
5174
|
-
type: String,
|
|
5175
|
-
reflect: true
|
|
5176
|
-
},
|
|
5177
|
-
category: {
|
|
5178
|
-
type: String,
|
|
5179
|
-
reflect: true
|
|
5180
|
-
},
|
|
5181
|
-
customColor: {
|
|
5182
|
-
type: Boolean
|
|
5183
|
-
},
|
|
5184
|
-
customSvg: {
|
|
5185
|
-
type: Boolean
|
|
5186
|
-
},
|
|
5187
|
-
disabled: {
|
|
5188
|
-
type: Boolean,
|
|
5189
|
-
reflect: true
|
|
5190
|
-
},
|
|
5191
|
-
emphasis: {
|
|
5192
|
-
type: Boolean,
|
|
5193
|
-
reflect: true
|
|
5194
|
-
},
|
|
5195
|
-
error: {
|
|
5196
|
-
type: Boolean,
|
|
5197
|
-
reflect: true
|
|
5198
|
-
},
|
|
5199
|
-
info: {
|
|
5200
|
-
type: Boolean,
|
|
5201
|
-
reflect: true
|
|
5202
|
-
},
|
|
5203
|
-
label: {
|
|
5204
|
-
type: Boolean,
|
|
5205
|
-
reflect: true
|
|
5206
|
-
},
|
|
5207
|
-
name: {
|
|
5208
|
-
type: String,
|
|
5209
|
-
reflect: true
|
|
5210
|
-
},
|
|
5211
|
-
primary: {
|
|
5212
|
-
type: Boolean,
|
|
5213
|
-
reflect: true
|
|
5214
|
-
},
|
|
5215
|
-
secondary: {
|
|
5216
|
-
type: Boolean,
|
|
5217
|
-
reflect: true
|
|
5218
|
-
},
|
|
5219
|
-
subtle: {
|
|
5220
|
-
type: Boolean,
|
|
5221
|
-
reflect: true
|
|
5222
|
-
},
|
|
5223
|
-
success: {
|
|
5224
|
-
type: Boolean,
|
|
5225
|
-
reflect: true
|
|
5226
|
-
},
|
|
5227
|
-
tertiary: {
|
|
5228
|
-
type: Boolean,
|
|
5229
|
-
reflect: true
|
|
5230
|
-
},
|
|
5231
|
-
uri: {
|
|
5232
|
-
type: String
|
|
5233
|
-
},
|
|
5234
|
-
warning: {
|
|
5235
|
-
type: Boolean,
|
|
5236
|
-
reflect: true
|
|
5237
|
-
}
|
|
5238
|
-
};
|
|
5239
|
-
}
|
|
5240
|
-
|
|
5241
|
-
static get styles() {
|
|
5242
|
-
return [
|
|
5243
|
-
super.styles,
|
|
5244
|
-
i$5`${tokensCss$3}`,
|
|
5245
|
-
i$5`${styleCss$4}`,
|
|
5246
|
-
i$5`${colorCss$4}`
|
|
5247
|
-
];
|
|
5248
|
-
}
|
|
5249
|
-
|
|
5250
|
-
/**
|
|
5251
|
-
* This will register this element with the browser.
|
|
5252
|
-
* @param {string} [name="auro-icon"] - The name of element that you want to register to.
|
|
5253
|
-
*
|
|
5254
|
-
* @example
|
|
5255
|
-
* AuroIcon.register("custom-icon") // this will register this element to <custom-icon/>
|
|
5256
|
-
*
|
|
5257
|
-
*/
|
|
5258
|
-
static register(name = "auro-icon") {
|
|
5259
|
-
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroIcon);
|
|
5260
|
-
}
|
|
5261
|
-
|
|
5262
|
-
connectedCallback() {
|
|
5263
|
-
super.connectedCallback();
|
|
5264
|
-
|
|
5265
|
-
// Add the tag name as an attribute if it is different than the component name
|
|
5266
|
-
this.runtimeUtils.handleComponentTagRename(this, 'auro-icon');
|
|
5267
|
-
}
|
|
5268
|
-
|
|
5269
|
-
/**
|
|
5270
|
-
* @returns {void} Exposes CSS parts for styling from parent components.
|
|
5271
|
-
*/
|
|
5272
|
-
exposeCssParts() {
|
|
5273
|
-
this.setAttribute('exportparts', 'svg:iconSvg');
|
|
5274
|
-
}
|
|
5275
|
-
|
|
5276
|
-
// function that renders the HTML and CSS into the scope of the component
|
|
5277
|
-
render() {
|
|
5278
|
-
const a11y = {
|
|
5279
|
-
'labelContainer': true,
|
|
5280
|
-
'util_displayHiddenVisually': !this.label
|
|
5281
|
-
};
|
|
5282
|
-
|
|
5283
|
-
const classes = {
|
|
5284
|
-
'label': this.label,
|
|
5285
|
-
'wrapper': true,
|
|
5286
|
-
};
|
|
5287
|
-
|
|
5288
|
-
return x`
|
|
5289
|
-
<div
|
|
5290
|
-
class="${e(classes)}"
|
|
5291
|
-
title="${o$5(this.title || undefined)}">
|
|
5292
|
-
<span aria-hidden="${o$5(this.ariaHidden ? this.ariaHidden : true)}" part="svg">
|
|
5293
|
-
${this.customSvg ? x`
|
|
5294
|
-
<slot name="svg"></slot>
|
|
5295
|
-
` : x`
|
|
5296
|
-
${this.svg}
|
|
5297
|
-
`
|
|
5298
|
-
}
|
|
5299
|
-
</span>
|
|
5300
|
-
|
|
5301
|
-
<div class="${e(a11y)}">
|
|
5302
|
-
<slot></slot>
|
|
5303
|
-
</div>
|
|
5304
|
-
</div>
|
|
5305
|
-
`;
|
|
5306
|
-
}
|
|
5307
|
-
};
|
|
5308
|
-
|
|
5309
|
-
var iconVersion$1 = '6.1.2';
|
|
5310
|
-
|
|
5311
|
-
var checkmarkIcon$1 = {"role":"img","color":"currentColor","title":"","desc":"a small check mark.","width":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","height":"var(--auro-size-lg, var(--ds-size-300, 1.5rem))","xmlns":"http://www.w3.org/2000/svg","xmlns_xlink":"http://www.w3.org/1999/xlink","viewBox":"0 0 24 24","path":"/icons","style":"ico_squareLarge","type":"icon","name":"checkmark-sm","category":"interface","svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
|
|
5312
|
-
|
|
5313
|
-
// Copyright (c) 2021 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
5314
|
-
// See LICENSE in the project root for license information.
|
|
5315
|
-
|
|
3816
|
+
// Throw error if the input is not an array or undefined
|
|
3817
|
+
throw new Error('Invalid value: Input must be an array or undefined');
|
|
3818
|
+
}
|
|
5316
3819
|
|
|
5317
3820
|
/**
|
|
5318
|
-
*
|
|
5319
|
-
*
|
|
5320
|
-
* @
|
|
5321
|
-
* @
|
|
5322
|
-
* @
|
|
5323
|
-
* @attr {Boolean} selected - Specifies that an option is selected.
|
|
5324
|
-
* @event auroMenuOption-mouseover - Notifies that this option has been hovered over.
|
|
5325
|
-
* @slot - Specifies text for an option, but is not the value.
|
|
3821
|
+
* Compare two arrays for equality.
|
|
3822
|
+
* @private
|
|
3823
|
+
* @param {Array} arr1 - First array to compare.
|
|
3824
|
+
* @param {Array} arr2 - Second array to compare.
|
|
3825
|
+
* @returns {boolean} True if arrays are equal.
|
|
5326
3826
|
*/
|
|
5327
|
-
|
|
5328
|
-
|
|
5329
|
-
|
|
5330
|
-
|
|
5331
|
-
/**
|
|
5332
|
-
* Generate unique names for dependency components.
|
|
5333
|
-
*/
|
|
5334
|
-
const versioning = new AuroDependencyVersioning();
|
|
5335
|
-
this.iconTag = versioning.generateTag('auro-icon', iconVersion$1, AuroIcon$1);
|
|
5336
|
-
|
|
5337
|
-
this.selected = false;
|
|
5338
|
-
this.nocheckmark = false;
|
|
5339
|
-
this.disabled = false;
|
|
5340
|
-
|
|
5341
|
-
/**
|
|
5342
|
-
* @private
|
|
5343
|
-
*/
|
|
5344
|
-
this.tabIndex = -1;
|
|
5345
|
-
|
|
5346
|
-
/**
|
|
5347
|
-
* @private
|
|
5348
|
-
*/
|
|
5349
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils();
|
|
5350
|
-
}
|
|
5351
|
-
|
|
5352
|
-
static get properties() {
|
|
5353
|
-
return {
|
|
5354
|
-
nocheckmark: {
|
|
5355
|
-
type: Boolean,
|
|
5356
|
-
reflect: true
|
|
5357
|
-
},
|
|
5358
|
-
selected: {
|
|
5359
|
-
type: Boolean,
|
|
5360
|
-
reflect: true
|
|
5361
|
-
},
|
|
5362
|
-
disabled: {
|
|
5363
|
-
type: Boolean,
|
|
5364
|
-
reflect: true
|
|
5365
|
-
},
|
|
5366
|
-
value: {
|
|
5367
|
-
type: String
|
|
5368
|
-
},
|
|
5369
|
-
tabIndex: {
|
|
5370
|
-
type: Number,
|
|
5371
|
-
reflect: true
|
|
5372
|
-
}
|
|
5373
|
-
};
|
|
3827
|
+
function arraysAreEqual$1(arr1, arr2) {
|
|
3828
|
+
// If both arrays undefined, they are equal (true)
|
|
3829
|
+
if (arr1 === undefined || arr2 === undefined) {
|
|
3830
|
+
return arr1 === arr2;
|
|
5374
3831
|
}
|
|
5375
3832
|
|
|
5376
|
-
|
|
5377
|
-
|
|
5378
|
-
|
|
5379
|
-
colorCss$1$1,
|
|
5380
|
-
tokensCss$1$1
|
|
5381
|
-
];
|
|
3833
|
+
// If arrays have different lengths, they are not equal
|
|
3834
|
+
if (arr1.length !== arr2.length) {
|
|
3835
|
+
return false;
|
|
5382
3836
|
}
|
|
5383
3837
|
|
|
5384
|
-
|
|
5385
|
-
|
|
5386
|
-
|
|
5387
|
-
|
|
5388
|
-
|
|
5389
|
-
* AuroMenuOption.register("custom-menuoption") // this will register this element to <custom-menuoption/>
|
|
5390
|
-
*
|
|
5391
|
-
*/
|
|
5392
|
-
static register(name = "auro-menuoption") {
|
|
5393
|
-
AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroMenuOption);
|
|
3838
|
+
// If every item at each index is the same, return true
|
|
3839
|
+
for (let index = 0; index < arr1.length; index += 1) {
|
|
3840
|
+
if (arr1[index] !== arr2[index]) {
|
|
3841
|
+
return false;
|
|
3842
|
+
}
|
|
5394
3843
|
}
|
|
3844
|
+
return true;
|
|
3845
|
+
}
|
|
5395
3846
|
|
|
5396
|
-
|
|
5397
|
-
|
|
5398
|
-
|
|
5399
|
-
|
|
5400
|
-
|
|
5401
|
-
|
|
5402
|
-
|
|
5403
|
-
|
|
5404
|
-
|
|
5405
|
-
|
|
5406
|
-
|
|
5407
|
-
composed: true,
|
|
5408
|
-
detail: this
|
|
5409
|
-
}));
|
|
5410
|
-
});
|
|
5411
|
-
}
|
|
3847
|
+
/**
|
|
3848
|
+
* Compares array for changes.
|
|
3849
|
+
* @private
|
|
3850
|
+
* @param {Array|any} newVal - New value to compare.
|
|
3851
|
+
* @param {Array|any} oldVal - Old value to compare.
|
|
3852
|
+
* @returns {boolean} True if arrays have changed.
|
|
3853
|
+
*/
|
|
3854
|
+
function arrayOrUndefinedHasChanged$1(newVal, oldVal) {
|
|
3855
|
+
try {
|
|
3856
|
+
// Check if values are undefined or arrays
|
|
3857
|
+
const isArrayOrUndefined = (val) => val === undefined || Array.isArray(val);
|
|
5412
3858
|
|
|
5413
|
-
|
|
5414
|
-
|
|
5415
|
-
|
|
5416
|
-
|
|
3859
|
+
// If non-array or non-undefined, throw error
|
|
3860
|
+
if (!isArrayOrUndefined(newVal) || !isArrayOrUndefined(oldVal)) {
|
|
3861
|
+
const invalidValue = isArrayOrUndefined(newVal) ? oldVal : newVal;
|
|
3862
|
+
throw new Error(`Value must be an array or undefined, received ${typeof invalidValue}`);
|
|
5417
3863
|
}
|
|
3864
|
+
|
|
3865
|
+
// Return true if arrays have changed, false if they are the same
|
|
3866
|
+
return !arraysAreEqual$1(newVal, oldVal);
|
|
3867
|
+
} catch (error) {
|
|
3868
|
+
/* eslint-disable no-console */
|
|
3869
|
+
console.error(error);
|
|
3870
|
+
// If validation fails, it has changed
|
|
3871
|
+
return true;
|
|
5418
3872
|
}
|
|
3873
|
+
}
|
|
5419
3874
|
|
|
5420
|
-
|
|
5421
|
-
* Generates an HTML element containing an SVG icon based on the provided `svgContent`.
|
|
5422
|
-
*
|
|
5423
|
-
* @private
|
|
5424
|
-
* @param {string} svgContent - The SVG content to be embedded.
|
|
5425
|
-
* @returns {Element} The HTML element containing the SVG icon.
|
|
5426
|
-
*/
|
|
5427
|
-
generateIconHtml(svgContent) {
|
|
5428
|
-
const dom = new DOMParser().parseFromString(svgContent, 'text/html');
|
|
5429
|
-
const svg = dom.body.firstChild;
|
|
3875
|
+
i$5`:host{display:flex;align-items:center;padding:var(--ds-size-50, 0.25rem) var(--ds-size-200, 1rem) var(--ds-size-50, 0.25rem) 0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}:host slot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-150, 0.75rem);margin-left:var(--ds-size-100, 0.5rem)}:host ::slotted(.nestingSpacer){display:inline-block;width:var(--ds-size-300, 1.5rem)}:host ::slotted(strong){font-weight:700}:host([hidden]){display:none}:host([static]){pointer-events:none}:host([disabled]:hover){cursor:auto}:host([disabled]){user-select:none;pointer-events:none}`;
|
|
5430
3876
|
|
|
5431
|
-
|
|
3877
|
+
i$5`:host{background-color:var(--ds-auro-menuoption-container-color);color:var(--ds-auro-menuoption-text-color)}:host svg{fill:var(--ds-auro-menuoption-icon-color) !important}:host([disabled]){--ds-auro-menuoption-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host(:hover),:host(.active){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}:host([selected]){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-menuoption-text-color: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-menuoption-icon-color: var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([selected]):host(.active){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-active-default, #225296)}`;
|
|
5432
3878
|
|
|
5433
|
-
|
|
5434
|
-
}
|
|
3879
|
+
i$5`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}svg{min-width:var(--ds-auro-icon-size, 1.5rem) !important;width:var(--ds-auro-icon-size, 1.5rem) !important;height:var(--ds-auro-icon-size, 1.5rem) !important}.label{display:flex;align-items:flex-start}.label svg{margin:0 var(--ds-size-50, 0.25rem)}.wrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.labelContainer{line-height:1.8}`;
|
|
5435
3880
|
|
|
5436
|
-
|
|
5437
|
-
return u`
|
|
5438
|
-
${this.selected && !this.nocheckmark ? this.generateIconHtml(checkmarkIcon$1.svg) : undefined}
|
|
5439
|
-
<slot></slot>
|
|
5440
|
-
`;
|
|
5441
|
-
}
|
|
5442
|
-
};
|
|
3881
|
+
i$5`:host{--ds-auro-icon-color: var(--ds-color-icon-primary-default, $ds-color-icon-primary-default);--ds-auro-icon-size: var(--ds-size-300, $ds-size-300)}`;
|
|
5443
3882
|
|
|
5444
|
-
|
|
5445
|
-
AuroMenuOption$1.register();
|
|
3883
|
+
i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color: var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color: var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color: var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color: var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color: var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color: var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color: var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color: var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color: var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color: var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color: var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color: var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color: var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color: var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color: var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color: var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color: var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color: var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color: var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color: var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color: var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
5446
3884
|
|
|
5447
|
-
var styleCss$3 = i$
|
|
3885
|
+
var styleCss$3 = i$f`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}[slot=trigger]{width:100%;padding:0;border:0;cursor:pointer;font-family:inherit;font-size:inherit;text-align:left}[slot=trigger] .nestingSpacer{display:none}[slot=trigger] #placeholder.hidden{position:absolute;z-index:-1;opacity:0;pointer-events:none}:host [auro-dropdown]{position:relative}:host [auro-dropdown]::part(trigger){max-height:var(--ds-size-300, 1.5rem)}:host [auro-dropdown]::part(popover){max-width:-webkit-fill-available;overflow-y:scroll}:host([disabled]) *{user-select:none}.outerWrapper{position:relative}auro-menuoption{padding:0;pointer-events:none}.menuWrapper{padding:var(--ds-size-50, 0.25rem) 0}:host([multiselect]) [slot=trigger]{display:flex}:host([multiselect]) auro-menuoption:not(:first-child){margin-left:var(--ds-size-100)}`;
|
|
5448
3886
|
|
|
5449
|
-
var colorCss$3 = i$
|
|
3887
|
+
var colorCss$3 = i$f`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host [auro-dropdown]::part(trigger):hover{--ds-auro-dropdown-trigger-container-color: rgba(0 0 0 / 0.06)}:host([disabled]) *{color:var(--ds-color-text-ui-disabled-default, #adadad)}.placeholder{color:var(--ds-auro-select-placeholder-text-color)}`;
|
|
5450
3888
|
|
|
5451
|
-
var tokensCss$2 = i$
|
|
3889
|
+
var tokensCss$2 = i$f`:host{--ds-auro-select-placeholder-text-color: var(--ds-color-text-secondary-default, $ds-color-text-secondary-default)}`;
|
|
5452
3890
|
|
|
5453
3891
|
// Copyright (c) 2021 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
5454
3892
|
// See LICENSE in the project root for license information.
|
|
@@ -5495,12 +3933,12 @@ class AuroSelect extends r$9 {
|
|
|
5495
3933
|
/**
|
|
5496
3934
|
* @private
|
|
5497
3935
|
*/
|
|
5498
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
3936
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
5499
3937
|
|
|
5500
3938
|
/**
|
|
5501
3939
|
* Generate unique names for dependency components.
|
|
5502
3940
|
*/
|
|
5503
|
-
const versioning = new AuroDependencyVersioning$
|
|
3941
|
+
const versioning = new AuroDependencyVersioning$1();
|
|
5504
3942
|
|
|
5505
3943
|
/**
|
|
5506
3944
|
* @private
|
|
@@ -5682,7 +4120,7 @@ class AuroSelect extends r$9 {
|
|
|
5682
4120
|
*
|
|
5683
4121
|
*/
|
|
5684
4122
|
static register(name = "auro-select") {
|
|
5685
|
-
AuroLibraryRuntimeUtils$
|
|
4123
|
+
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroSelect);
|
|
5686
4124
|
}
|
|
5687
4125
|
|
|
5688
4126
|
/**
|
|
@@ -5980,18 +4418,18 @@ class AuroSelect extends r$9 {
|
|
|
5980
4418
|
hidden: this.value,
|
|
5981
4419
|
};
|
|
5982
4420
|
|
|
5983
|
-
return u$
|
|
4421
|
+
return u$5`
|
|
5984
4422
|
<div class="outerWrapper">
|
|
5985
4423
|
<div aria-live="polite" class="util_displayHiddenVisually">
|
|
5986
4424
|
${this.optionActive && this.options.length > 0
|
|
5987
|
-
? u$
|
|
4425
|
+
? u$5`
|
|
5988
4426
|
${`${this.optionActive.innerText}, option ${this.options.indexOf(this.optionActive) + 1} of ${this.options.length}`}
|
|
5989
4427
|
`
|
|
5990
4428
|
: undefined
|
|
5991
4429
|
};
|
|
5992
4430
|
|
|
5993
4431
|
${this.optionSelected && this.options.length > 0
|
|
5994
|
-
? u$
|
|
4432
|
+
? u$5`
|
|
5995
4433
|
${`${this.optionSelected.innerText} selected`}
|
|
5996
4434
|
`
|
|
5997
4435
|
: undefined
|
|
@@ -6006,18 +4444,18 @@ class AuroSelect extends r$9 {
|
|
|
6006
4444
|
chevron
|
|
6007
4445
|
part="dropdown">
|
|
6008
4446
|
<span slot="trigger" aria-haspopup="true" id="triggerFocus">
|
|
6009
|
-
<span id="placeholder" class="${e$
|
|
4447
|
+
<span id="placeholder" class="${e$8(placeholderClass)}"><slot name="placeholder"></slot></span>
|
|
6010
4448
|
</span>
|
|
6011
4449
|
<div class="menuWrapper">
|
|
6012
4450
|
</div>
|
|
6013
4451
|
<slot name="label" slot="label"></slot>
|
|
6014
4452
|
<p slot="helpText">
|
|
6015
4453
|
${!this.validity || this.validity === undefined || this.validity === 'valid'
|
|
6016
|
-
? u$
|
|
4454
|
+
? u$5`
|
|
6017
4455
|
<span id="${this.uniqueId}" part="helpText">
|
|
6018
4456
|
<slot name="helpText"></slot>
|
|
6019
4457
|
</span>`
|
|
6020
|
-
: u$
|
|
4458
|
+
: u$5`
|
|
6021
4459
|
<span id="${this.uniqueId}" role="alert" aria-live="assertive" part="helpText">
|
|
6022
4460
|
${this.errorMessage}
|
|
6023
4461
|
</span>`
|
|
@@ -6030,11 +4468,11 @@ class AuroSelect extends r$9 {
|
|
|
6030
4468
|
}
|
|
6031
4469
|
}
|
|
6032
4470
|
|
|
6033
|
-
var styleCss$2 = i$g`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: 0.375rem;--ds-size-25: 0.125rem;--ds-size-50: 0.25rem;--ds-size-75: 0.375rem;--ds-size-100: 0.5rem;--ds-size-150: 0.75rem;--ds-size-200: 1rem;--ds-size-250: 1.25rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: 0.25;--ds-unitless-scale-50: 0.5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: 0.3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 300;--ds-depth-tooltip: 400;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: 0.5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -0.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: 0.625rem;--ds-text-body-size-xs: 0.75rem;--ds-text-body-size-sm: 0.875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, 0.5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, 0.03);--ds-color-base-white-200: rgba(255, 255, 255, 0.06);--ds-color-base-white-300: rgba(255, 255, 255, 0.12);--ds-color-base-white-400: rgba(255, 255, 255, 0.25);--ds-color-base-white-500: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, 0.03);--ds-color-base-black-200: rgba(0, 0, 0, 0.06);--ds-color-base-black-300: rgba(0, 0, 0, 0.12);--ds-color-base-black-400: rgba(0, 0, 0, 0.25);--ds-color-base-black-500: rgba(0, 0, 0, 0.5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #d4d4d4;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, 0.12);--ds-color-border-divider-inverse: rgba(255, 255, 255, 0.25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #d4d4d4;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, 0.3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, 0.03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, 0.06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, 0.12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, 0.15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0.03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, 0.06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}:host{display:inline-block;width:100%;margin:0;padding:0;vertical-align:middle}:host ::slotted(auro-menuoption),:host ::slotted([auro-menuoption]),:host auro-menuoption[loadingplaceholder]{padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem))}:host ::slotted([selected]){padding-left:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host([nocheckmark]) ::slotted(auro-menuoption),:host([nocheckmark]) auro-menuoption[loadingplaceholder]{padding-left:var(--ds-size-200, 1rem)}:host([root]){overflow-y:auto}[loadingplaceholder]{color:var(--ds-color-text-secondary-default, #525252)}[loadingplaceholder].empty{opacity:0;position:absolute}[loadingplaceholder] slot[name=loadingIcon]{vertical-align:middle;line-height:1;display:inline-block}[loadingplaceholder] slot[name=loadingIcon]::slotted(*){margin-right:var(--ds-size-150, 0.75rem)}`;
|
|
4471
|
+
var styleCss$2 = i$f`:root{--ds-asset-font-circular-family-name: "AS Circular";--ds-asset-font-circular-filename: "ASCircularWeb";--ds-asset-font-circular-weight-light: "-Light";--ds-asset-font-circular-weight-medium: "-Medium";--ds-asset-font-circular-weight-book: "-Book";--ds-border-radius: 0.375rem;--ds-size-25: 0.125rem;--ds-size-50: 0.25rem;--ds-size-75: 0.375rem;--ds-size-100: 0.5rem;--ds-size-150: 0.75rem;--ds-size-200: 1rem;--ds-size-250: 1.25rem;--ds-size-300: 1.5rem;--ds-size-400: 2rem;--ds-size-500: 2.5rem;--ds-size-600: 3rem;--ds-size-700: 3.5rem;--ds-size-800: 4rem;--ds-size-900: 4.5rem;--ds-size-1000: 5rem;--ds-unitless-scale-20: 0.25;--ds-unitless-scale-50: 0.5;--ds-unitless-scale-100: 1;--ds-unitless-scale-140: 1.4;--ds-unitless-scale-150: 1.5;--ds-unitless-scale-200: 2;--ds-unitless-scale-300: 3;--ds-unitless-scale-350: 3.5;--ds-animation-default-property: all;--ds-animation-default-duration: 0.3s;--ds-animation-default-timing: ease-out;--ds-depth-overlay: 200;--ds-depth-modal: 300;--ds-depth-tooltip: 400;--ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15);--ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15);--ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2);--ds-grid-breakpoint-xs: 320px;--ds-grid-breakpoint-sm: 576px;--ds-grid-breakpoint-md: 768px;--ds-grid-breakpoint-lg: 1024px;--ds-grid-breakpoint-xl: 1232px;--ds-grid-column-xs: 6;--ds-grid-column-sm: 12;--ds-grid-column-md: 12;--ds-grid-column-lg: 12;--ds-grid-column-xl: 12;--ds-grid-gutter-xs: 0.5rem;--ds-grid-gutter-sm: 1rem;--ds-grid-gutter-md: 1.5rem;--ds-grid-gutter-lg: 1.5rem;--ds-grid-gutter-xl: 2rem;--ds-grid-margin-xs: 1rem;--ds-grid-margin-sm: 1rem;--ds-grid-margin-md: 1.5rem;--ds-grid-margin-lg: 2rem;--ds-grid-margin-xl: 2rem;--ds-font-family-default: "AS Circular", Helvetica Neue, Arial, sans-serif;--ds-font-family-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--ds-text-heading-300-weight: 300;--ds-text-heading-300-px: 18px;--ds-text-heading-300-size: 1.125rem;--ds-text-heading-300-height: 1.625rem;--ds-text-heading-300-height-px: 26px;--ds-text-heading-400-weight: 300;--ds-text-heading-400-px: 20px;--ds-text-heading-400-size: 1.25rem;--ds-text-heading-400-height: 1.625rem;--ds-text-heading-400-height-px: 26px;--ds-text-heading-500-weight: 300;--ds-text-heading-500-px-breakpoint-sm: 22px;--ds-text-heading-500-px-breakpoint-md: 24px;--ds-text-heading-500-px-breakpoint-lg: 24px;--ds-text-heading-500-size-breakpoint-sm: 1.375rem;--ds-text-heading-500-size-breakpoint-md: 1.5rem;--ds-text-heading-500-size-breakpoint-lg: 1.5rem;--ds-text-heading-500-height-breakpoint-sm: 1.625rem;--ds-text-heading-500-height-breakpoint-px-sm: 26px;--ds-text-heading-500-height-breakpoint-md: 1.875rem;--ds-text-heading-500-height-breakpoint-px-md: 30px;--ds-text-heading-500-height-breakpoint-lg: 2rem;--ds-text-heading-500-height-breakpoint-px-lg: 32px;--ds-text-heading-600-weight: 300;--ds-text-heading-600-px-breakpoint-sm: 26px;--ds-text-heading-600-px-breakpoint-md: 28px;--ds-text-heading-600-px-breakpoint-lg: 28px;--ds-text-heading-600-size-breakpoint-sm: 1.625rem;--ds-text-heading-600-size-breakpoint-md: 1.75rem;--ds-text-heading-600-size-breakpoint-lg: 1.75rem;--ds-text-heading-600-height-breakpoint-sm: 1.875rem;--ds-text-heading-600-height-breakpoint-px-sm: 30px;--ds-text-heading-600-height-breakpoint-md: 2.125rem;--ds-text-heading-600-height-breakpoint-px-md: 34px;--ds-text-heading-600-height-breakpoint-lg: 2.25rem;--ds-text-heading-600-height-breakpoint-px-lg: 36px;--ds-text-heading-700-weight: 500;--ds-text-heading-700-px-breakpoint-sm: 28px;--ds-text-heading-700-px-breakpoint-md: 32px;--ds-text-heading-700-px-breakpoint-lg: 36px;--ds-text-heading-700-size-breakpoint-sm: 1.75rem;--ds-text-heading-700-size-breakpoint-md: 2rem;--ds-text-heading-700-size-breakpoint-lg: 2.25rem;--ds-text-heading-700-height-breakpoint-sm: 2.125rem;--ds-text-heading-700-height-breakpoint-px-sm: 34px;--ds-text-heading-700-height-breakpoint-md: 2.375rem;--ds-text-heading-700-height-breakpoint-px-md: 38px;--ds-text-heading-700-height-breakpoint-lg: 2.75rem;--ds-text-heading-700-height-breakpoint-px-lg: 44px;--ds-text-heading-800-weight: 500;--ds-text-heading-800-px-breakpoint-sm: 32px;--ds-text-heading-800-px-breakpoint-md: 36px;--ds-text-heading-800-px-breakpoint-lg: 40px;--ds-text-heading-800-size-breakpoint-sm: 2rem;--ds-text-heading-800-size-breakpoint-md: 2.25rem;--ds-text-heading-800-size-breakpoint-lg: 2.5rem;--ds-text-heading-800-height-breakpoint-sm: 2.375rem;--ds-text-heading-800-height-breakpoint-px-sm: 38px;--ds-text-heading-800-height-breakpoint-md: 2.625rem;--ds-text-heading-800-height-breakpoint-px-md: 42px;--ds-text-heading-800-height-breakpoint-lg: 3rem;--ds-text-heading-800-height-breakpoint-px-lg: 48px;--ds-text-heading-default-weight: 500;--ds-text-heading-default-margin: 0;--ds-text-heading-default-spacing: -0.2px;--ds-text-heading-medium-weight: 300;--ds-text-heading-display-weight: 100;--ds-text-heading-display-px-breakpoint-sm: 44px;--ds-text-heading-display-px-breakpoint-md: 48px;--ds-text-heading-display-px-breakpoint-lg: 56px;--ds-text-heading-display-size-breakpoint-sm: 2.75rem;--ds-text-heading-display-size-breakpoint-md: 3rem;--ds-text-heading-display-size-breakpoint-lg: 3.5rem;--ds-text-heading-display-height-breakpoint-sm: 3.375rem;--ds-text-heading-display-height-breakpoint-px-sm: 54px;--ds-text-heading-display-height-breakpoint-md: 3.75rem;--ds-text-heading-display-height-breakpoint-px-md: 60px;--ds-text-heading-display-height-breakpoint-lg: 4.25rem;--ds-text-heading-display-height-breakpoint-px-lg: 68px;--ds-text-body-default-weight: 500;--ds-text-body-size-xxs: 0.625rem;--ds-text-body-size-xs: 0.75rem;--ds-text-body-size-sm: 0.875rem;--ds-text-body-size-default: 1rem;--ds-text-body-size-lg: 1.125rem;--ds-text-body-height-xs: 1rem;--ds-text-body-height-sm: 1.25rem;--ds-text-body-height-default: 1.5rem;--ds-text-body-height-lg: 1.625rem;--ds-color-alert-notification-default: #0074c8;--ds-color-alert-warning-default: #de750c;--ds-color-alert-error-default: #df0b37;--ds-color-alert-success-default: #00805d;--ds-color-alert-advisory-default: #fff0cd;--ds-color-alert-bkg-success-default: #ddf6e8;--ds-color-alert-bkg-error-default: #ffedf1;--ds-color-background-primary-100-default: #ffffff;--ds-color-background-primary-100-inverse: #0e2b4f;--ds-color-background-primary-200-default: #f7f7f7;--ds-color-background-primary-200-inverse: #194069;--ds-color-background-primary-300-default: #e4e8ec;--ds-color-background-primary-300-inverse: #265688;--ds-color-background-primary-400-default: #dddddd;--ds-color-background-primary-400-inverse: #326aa5;--ds-color-background-success-default: #eef8f5;--ds-color-background-success-inverse: #173c30;--ds-color-background-error-default: #fff4f4;--ds-color-background-error-inverse: #74110e;--ds-color-background-warning-default: #fef8e9;--ds-color-background-warning-inverse: #5d4514;--ds-color-background-info-default: #f0f7fd;--ds-color-background-info-inverse: #193d73;--ds-color-background-subtle-default: #f7f8fa;--ds-color-background-subtle-inverse: #2a2a2a;--ds-color-background-accent-default: #ebfafd;--ds-color-background-accent-inverse: #275b72;--ds-color-background-emphasis-default: #c9e0f7;--ds-color-background-emphasis-inverse: #225296;--ds-color-background-scrimmed-default: rgba(0, 0, 0, 0.5);--ds-color-background-lightest: #ffffff;--ds-color-background-lighter: #f7f7f7;--ds-color-background-darker: #01426a;--ds-color-background-darkest: #00274a;--ds-color-background-gradient-default: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));--ds-color-base-white: #ffffff;--ds-color-base-white-100: rgba(255, 255, 255, 0.03);--ds-color-base-white-200: rgba(255, 255, 255, 0.06);--ds-color-base-white-300: rgba(255, 255, 255, 0.12);--ds-color-base-white-400: rgba(255, 255, 255, 0.25);--ds-color-base-white-500: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-50: rgba(255, 255, 255, 0.5);--ds-color-base-white-opacity-40: rgba(255, 255, 255, 0.4);--ds-color-base-white-opacity-0: rgba(255, 255, 255, 0);--ds-color-base-black: #000000;--ds-color-base-black-100: rgba(0, 0, 0, 0.03);--ds-color-base-black-200: rgba(0, 0, 0, 0.06);--ds-color-base-black-300: rgba(0, 0, 0, 0.12);--ds-color-base-black-400: rgba(0, 0, 0, 0.25);--ds-color-base-black-500: rgba(0, 0, 0, 0.5);--ds-color-base-black-opacity-15: rgba(0, 0, 0, 0.15);--ds-color-base-blue-100: #f0f7fd;--ds-color-base-blue-200: #c9e0f7;--ds-color-base-blue-300: #a0c9f1;--ds-color-base-blue-400: #79b2ec;--ds-color-base-blue-500: #5398e6;--ds-color-base-blue-600: #3b7fd2;--ds-color-base-blue-700: #2c67b5;--ds-color-base-blue-800: #225296;--ds-color-base-blue-900: #193d73;--ds-color-base-blue-1000: #102a51;--ds-color-base-cyan-100: #ebfafd;--ds-color-base-cyan-200: #a8e9f7;--ds-color-base-cyan-300: #6ad5ef;--ds-color-base-cyan-400: #56bbde;--ds-color-base-cyan-500: #4aa2c7;--ds-color-base-cyan-600: #3e89aa;--ds-color-base-cyan-700: #32718e;--ds-color-base-cyan-800: #275b72;--ds-color-base-cyan-900: #1d4658;--ds-color-base-cyan-1000: #12303d;--ds-color-base-error-100: #fff4f4;--ds-color-base-error-200: #f9aca6;--ds-color-base-error-300: #f16359;--ds-color-base-error-400: #cc1816;--ds-color-base-error-500: #74110e;--ds-color-base-gray-100: #f7f7f7;--ds-color-base-gray-200: #d4d4d4;--ds-color-base-gray-300: #c5c5c5;--ds-color-base-gray-400: #adadad;--ds-color-base-gray-500: #959595;--ds-color-base-gray-600: #7e7e7e;--ds-color-base-gray-700: #676767;--ds-color-base-gray-800: #525252;--ds-color-base-gray-900: #3d3d3d;--ds-color-base-gray-1000: #2a2a2a;--ds-color-base-green-100: #f3faf7;--ds-color-base-green-200: #000000;--ds-color-base-green-300: #addbca;--ds-color-base-green-400: #7ec6ac;--ds-color-base-green-500: #51ae8c;--ds-color-base-green-600: #459578;--ds-color-base-green-700: #3a7d64;--ds-color-base-green-800: #306854;--ds-color-base-green-900: #285545;--ds-color-base-green-1000: #1f4436;--ds-color-base-lime-100: #f5fbeb;--ds-color-base-lime-200: #d8efb4;--ds-color-base-lime-300: #badd81;--ds-color-base-lime-400: #a2c270;--ds-color-base-lime-500: #8ca761;--ds-color-base-lime-600: #778f53;--ds-color-base-lime-700: #647845;--ds-color-base-lime-800: #53643a;--ds-color-base-lime-900: #44522f;--ds-color-base-lime-1000: #364126;--ds-color-base-navy-100: #f2f7fb;--ds-color-base-navy-200: #cfe0ef;--ds-color-base-navy-300: #acc9e2;--ds-color-base-navy-400: #89b2d4;--ds-color-base-navy-500: #6899c6;--ds-color-base-navy-600: #4a82b7;--ds-color-base-navy-700: #326aa5;--ds-color-base-navy-800: #265688;--ds-color-base-navy-900: #194069;--ds-color-base-navy-1000: #0e2b4f;--ds-color-base-neutral-100: #f7f8fa;--ds-color-base-neutral-200: #e4e8ec;--ds-color-base-neutral-300: #ccd2db;--ds-color-base-neutral-400: #afb9c6;--ds-color-base-neutral-500: #939fad;--ds-color-base-neutral-600: #7e8894;--ds-color-base-neutral-700: #6a717c;--ds-color-base-neutral-800: #585e67;--ds-color-base-neutral-900: #484d55;--ds-color-base-neutral-1000: #393d43;--ds-color-base-pink-100: #fff7f8;--ds-color-base-pink-200: #fde0e6;--ds-color-base-pink-300: #fcc2ce;--ds-color-base-pink-400: #fa9db0;--ds-color-base-pink-500: #f7738e;--ds-color-base-pink-600: #e45472;--ds-color-base-pink-700: #bf475f;--ds-color-base-pink-800: #a03b50;--ds-color-base-pink-900: #833142;--ds-color-base-pink-1000: #692734;--ds-color-base-purple-100: #fbf8fe;--ds-color-base-purple-200: #ede3fd;--ds-color-base-purple-300: #ddc9fb;--ds-color-base-purple-400: #c9a9f8;--ds-color-base-purple-500: #b588f5;--ds-color-base-purple-600: #a268f3;--ds-color-base-purple-700: #8d47f0;--ds-color-base-purple-800: #7633d7;--ds-color-base-purple-900: #622ab2;--ds-color-base-purple-1000: #4e228d;--ds-color-base-red-100: #fef7f5;--ds-color-base-red-200: #fae2da;--ds-color-base-red-300: #f5c7b8;--ds-color-base-red-400: #f0a68d;--ds-color-base-red-500: #e9815e;--ds-color-base-red-600: #e35c2f;--ds-color-base-red-700: #d03a08;--ds-color-base-red-800: #ae3007;--ds-color-base-red-900: #902806;--ds-color-base-red-1000: #732005;--ds-color-base-success-100: #eef8f5;--ds-color-base-success-200: #8eceb9;--ds-color-base-success-300: #40a080;--ds-color-base-success-400: #0b6f4d;--ds-color-base-success-500: #173c30;--ds-color-base-turquoise-100: #f7fafa;--ds-color-base-turquoise-200: #dfe9ea;--ds-color-base-turquoise-300: #c2d5d6;--ds-color-base-turquoise-400: #9fbdbe;--ds-color-base-turquoise-500: #7ba5a6;--ds-color-base-turquoise-600: #5c8f91;--ds-color-base-turquoise-700: #3d7a7d;--ds-color-base-turquoise-800: #21686a;--ds-color-base-turquoise-900: #085659;--ds-color-base-turquoise-1000: #004447;--ds-color-base-yellow-100: #fff9df;--ds-color-base-yellow-200: #ffe87e;--ds-color-base-yellow-300: #f9ce06;--ds-color-base-yellow-400: #d6b622;--ds-color-base-yellow-500: #b49d35;--ds-color-base-yellow-600: #96873e;--ds-color-base-yellow-700: #7c7140;--ds-color-base-yellow-800: #665e3d;--ds-color-base-yellow-900: #524e38;--ds-color-base-yellow-1000: #403d30;--ds-color-base-warning-100: #fef8e9;--ds-color-base-warning-200: #f2c153;--ds-color-base-warning-300: #c49432;--ds-color-base-warning-400: #8e6b22;--ds-color-base-warning-500: #5d4514;--ds-color-state-error-100: #ff999b;--ds-color-state-error-500: #df0b37;--ds-color-state-success-100: #69cf96;--ds-color-state-success-500: #00805d;--ds-color-state-warning-500: #de750c;--ds-color-border-primary-default: #585e67;--ds-color-border-primary-inverse: #afb9c6;--ds-color-border-secondary-default: #939fad;--ds-color-border-secondary-inverse: #7e8894;--ds-color-border-tertiary-default: #dddddd;--ds-color-border-tertiary-inverse: #676767;--ds-color-border-error-default: #cc1816;--ds-color-border-error-inverse: #f9aca6;--ds-color-border-divider-default: rgba(0, 0, 0, 0.12);--ds-color-border-divider-inverse: rgba(255, 255, 255, 0.25);--ds-color-border-subtle-default: #f0f7fd;--ds-color-border-subtle-inverse: #326aa5;--ds-color-border-emphasis-default: #194069;--ds-color-border-emphasis-inverse: #f2f7fb;--ds-color-border-accent-default: #badd81;--ds-color-border-accent-inverse: #a2c270;--ds-color-border-success-default: #0b6f4d;--ds-color-border-success-inverse: #8eceb9;--ds-color-border-warning-default: #c49432;--ds-color-border-warning-inverse: #f2c153;--ds-color-border-info-default: #326aa5;--ds-color-border-info-inverse: #89b2d4;--ds-color-border-ui-default-default: #2c67b5;--ds-color-border-ui-default-inverse: #56bbde;--ds-color-border-ui-hover-default: #193d73;--ds-color-border-ui-hover-inverse: #a8e9f7;--ds-color-border-ui-active-default: #225296;--ds-color-border-ui-active-inverse: #6ad5ef;--ds-color-border-ui-focus-default: #2c67b5;--ds-color-border-ui-focus-inverse: #56bbde;--ds-color-border-ui-disabled-default: #adadad;--ds-color-border-ui-disabled-inverse: #7e7e7e;--ds-color-border-active-default: #0074c8;--ds-color-border-active-inverse: #00cff0;--ds-color-border-disabled-default: #d4d4d4;--ds-color-border-focus-default: #959595;--ds-color-brand-neutral-100: #f7f8fa;--ds-color-brand-neutral-200: #e4e8ec;--ds-color-brand-neutral-300: #ccd2db;--ds-color-brand-neutral-400: #afb9c6;--ds-color-brand-neutral-500: #939fad;--ds-color-brand-neutral-600: #7e8894;--ds-color-brand-neutral-700: #6a717c;--ds-color-brand-neutral-800: #585e67;--ds-color-brand-neutral-900: #484d55;--ds-color-brand-neutral-1000: #393d43;--ds-color-brand-gray-100: #f7f7f7;--ds-color-brand-gray-200: #dddddd;--ds-color-brand-gray-300: #c5c5c5;--ds-color-brand-gray-400: #adadad;--ds-color-brand-gray-500: #959595;--ds-color-brand-gray-600: #7e7e7e;--ds-color-brand-gray-700: #676767;--ds-color-brand-gray-800: #525252;--ds-color-brand-gray-900: #3d3d3d;--ds-color-brand-gray-1000: #2a2a2a;--ds-color-brand-red-100: #fef7f5;--ds-color-brand-red-200: #fae2da;--ds-color-brand-red-300: #f5c7b8;--ds-color-brand-red-400: #f0a68d;--ds-color-brand-red-500: #e9815e;--ds-color-brand-red-600: #e35c2f;--ds-color-brand-red-700: #d03a08;--ds-color-brand-red-800: #ae3007;--ds-color-brand-red-900: #902806;--ds-color-brand-red-1000: #732005;--ds-color-brand-yellow-100: #fff9df;--ds-color-brand-yellow-200: #ffe87e;--ds-color-brand-yellow-300: #f9ce06;--ds-color-brand-yellow-400: #d6b622;--ds-color-brand-yellow-500: #b49d35;--ds-color-brand-yellow-600: #96873e;--ds-color-brand-yellow-700: #7c7140;--ds-color-brand-yellow-800: #665e3d;--ds-color-brand-yellow-900: #524e38;--ds-color-brand-yellow-1000: #403d30;--ds-color-brand-lime-100: #f5fbeb;--ds-color-brand-lime-200: #d8efb4;--ds-color-brand-lime-300: #badd81;--ds-color-brand-lime-400: #a2c270;--ds-color-brand-lime-500: #8ca761;--ds-color-brand-lime-600: #778f53;--ds-color-brand-lime-700: #647845;--ds-color-brand-lime-800: #53643a;--ds-color-brand-lime-900: #44522f;--ds-color-brand-lime-1000: #364126;--ds-color-brand-green-100: #f3faf7;--ds-color-brand-green-200: #d4ece4;--ds-color-brand-green-300: #addbca;--ds-color-brand-green-400: #7ec6ac;--ds-color-brand-green-500: #51ae8c;--ds-color-brand-green-600: #459578;--ds-color-brand-green-700: #3a7d64;--ds-color-brand-green-800: #306854;--ds-color-brand-green-900: #285545;--ds-color-brand-green-1000: #1f4436;--ds-color-brand-turquoise-100: #f7fafa;--ds-color-brand-turquoise-200: #dfe9ea;--ds-color-brand-turquoise-300: #c2d5d6;--ds-color-brand-turquoise-400: #9fbdbe;--ds-color-brand-turquoise-500: #7ba5a6;--ds-color-brand-turquoise-600: #5c8f91;--ds-color-brand-turquoise-700: #3d7a7d;--ds-color-brand-turquoise-800: #21686a;--ds-color-brand-turquoise-900: #085659;--ds-color-brand-turquoise-1000: #004447;--ds-color-brand-cyan-100: #ebfafd;--ds-color-brand-cyan-200: #a8e9f7;--ds-color-brand-cyan-300: #6ad5ef;--ds-color-brand-cyan-400: #56bbde;--ds-color-brand-cyan-500: #4aa2c7;--ds-color-brand-cyan-600: #3e89aa;--ds-color-brand-cyan-700: #32718e;--ds-color-brand-cyan-800: #275b72;--ds-color-brand-cyan-900: #1d4658;--ds-color-brand-cyan-1000: #12303d;--ds-color-brand-blue-100: #f0f7fd;--ds-color-brand-blue-200: #c9e0f7;--ds-color-brand-blue-300: #a0c9f1;--ds-color-brand-blue-400: #79b2ec;--ds-color-brand-blue-500: #5398e6;--ds-color-brand-blue-600: #3b7fd2;--ds-color-brand-blue-700: #2c67b5;--ds-color-brand-blue-800: #225296;--ds-color-brand-blue-900: #193d73;--ds-color-brand-blue-1000: #102a51;--ds-color-brand-navy-100: #f2f7fb;--ds-color-brand-navy-200: #cfe0ef;--ds-color-brand-navy-300: #acc9e2;--ds-color-brand-navy-400: #89b2d4;--ds-color-brand-navy-500: #6899c6;--ds-color-brand-navy-600: #4a82b7;--ds-color-brand-navy-700: #326aa5;--ds-color-brand-navy-800: #265688;--ds-color-brand-navy-900: #194069;--ds-color-brand-navy-1000: #0e2b4f;--ds-color-brand-purple-100: #fbf8fe;--ds-color-brand-purple-200: #ede3fd;--ds-color-brand-purple-300: #ddc9fb;--ds-color-brand-purple-400: #c9a9f8;--ds-color-brand-purple-500: #b588f5;--ds-color-brand-purple-600: #a268f3;--ds-color-brand-purple-700: #8d47f0;--ds-color-brand-purple-800: #7633d7;--ds-color-brand-purple-900: #622ab2;--ds-color-brand-purple-1000: #4e228d;--ds-color-brand-pink-100: #fff7f8;--ds-color-brand-pink-200: #fde0e6;--ds-color-brand-pink-300: #fcc2ce;--ds-color-brand-pink-400: #fa9db0;--ds-color-brand-pink-500: #f7738e;--ds-color-brand-pink-600: #e45472;--ds-color-brand-pink-700: #bf475f;--ds-color-brand-pink-800: #a03b50;--ds-color-brand-pink-900: #833142;--ds-color-brand-pink-1000: #692734;--ds-color-brand-midnight-100: #c1daf0;--ds-color-brand-midnight-200: #569ed7;--ds-color-brand-midnight-300: #156fad;--ds-color-brand-midnight-400: #01426a;--ds-color-brand-midnight-500: #00274a;--ds-color-brand-atlas-100: #cde6ff;--ds-color-brand-atlas-200: #6bb7fb;--ds-color-brand-atlas-300: #2492eb;--ds-color-brand-atlas-400: #0074c8;--ds-color-brand-atlas-500: #054687;--ds-color-brand-atlas-400-opacity-20: rgba(0, 116, 200, 0.2);--ds-color-brand-breeze-100: #c0f7ff;--ds-color-brand-breeze-200: #5de3f7;--ds-color-brand-breeze-300: #00cff0;--ds-color-brand-breeze-400: #099dc5;--ds-color-brand-breeze-500: #0b5575;--ds-color-brand-breeze-300-opacity-30: rgba(0, 207, 240, 0.3);--ds-color-brand-tropical-100: #e2ffcd;--ds-color-brand-tropical-200: #d0fba6;--ds-color-brand-tropical-300: #c0e585;--ds-color-brand-tropical-400: #91be62;--ds-color-brand-tropical-500: #5e8741;--ds-color-brand-alpine-100: #bcaae6;--ds-color-brand-alpine-200: #9e73ea;--ds-color-brand-alpine-300: #8439ef;--ds-color-brand-alpine-400: #631db8;--ds-color-brand-alpine-500: #39115c;--ds-color-brand-flamingo-100: #ffebee;--ds-color-brand-flamingo-200: #ffc0ca;--ds-color-brand-flamingo-300: #ff94a7;--ds-color-brand-flamingo-400: #f65b7b;--ds-color-brand-flamingo-500: #b82b47;--ds-color-brand-canyon-100: #ffcab6;--ds-color-brand-canyon-200: #f99574;--ds-color-brand-canyon-300: #f26135;--ds-color-brand-canyon-400: #de3e09;--ds-color-brand-canyon-500: #b83302;--ds-color-brand-goldcoast-100: #fff0cd;--ds-color-brand-goldcoast-200: #ffdb67;--ds-color-brand-goldcoast-300: #ffd200;--ds-color-brand-goldcoast-400: #e5ad07;--ds-color-brand-goldcoast-500: #b88624;--ds-color-brand-goldgray-100: #c5c1bf;--ds-color-brand-goldgray-200: #726e6c;--ds-color-brand-gold-100: #ccbc94;--ds-color-brand-gold-200: #7f682e;--ds-color-brand-emerald: #139142;--ds-color-brand-sapphire: #015daa;--ds-color-brand-ruby: #a41d4a;--ds-color-brand-lounge: #01426a;--ds-color-brand-loungeplus: #53b390;--ds-color-container-accent-default: #f5fbeb;--ds-color-container-accent-inverse: #badd81;--ds-color-container-emphasis-default: #ebfafd;--ds-color-container-emphasis-inverse: #6ad5ef;--ds-color-container-error-default: #fff4f4;--ds-color-container-error-inverse: #74110e;--ds-color-container-info-default: #f0f7fd;--ds-color-container-info-inverse: #193d73;--ds-color-container-primary-default: #ffffff;--ds-color-container-primary-inverse: #0e2b4f;--ds-color-container-secondary-default: #f7f7f7;--ds-color-container-secondary-inverse: #194069;--ds-color-container-subtle-default: #f7f8fa;--ds-color-container-subtle-inverse: #393d43;--ds-color-container-success-default: #eef8f5;--ds-color-container-success-inverse: #173c30;--ds-color-container-tertiary-default: rgba(0, 0, 0, 0.03);--ds-color-container-tertiary-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-warning-default: #fef8e9;--ds-color-container-warning-inverse: #5d4514;--ds-color-container-ui-primary-active-default: #225296;--ds-color-container-ui-primary-active-inverse: #6ad5ef;--ds-color-container-ui-primary-default-default: #2c67b5;--ds-color-container-ui-primary-default-inverse: #56bbde;--ds-color-container-ui-primary-disabled-default: #a0c9f1;--ds-color-container-ui-primary-disabled-inverse: #275b72;--ds-color-container-ui-primary-focus-default: #2c67b5;--ds-color-container-ui-primary-focus-inverse: #56bbde;--ds-color-container-ui-primary-hover-default: #193d73;--ds-color-container-ui-primary-hover-inverse: #a8e9f7;--ds-color-container-ui-secondary-active-default: #f0f7fd;--ds-color-container-ui-secondary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-secondary-default-default: #ffffff;--ds-color-container-ui-secondary-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-disabled-default: #f7f7f7;--ds-color-container-ui-secondary-disabled-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-secondary-focus-default: #ffffff;--ds-color-container-ui-secondary-focus-inverse: rgba(255, 255, 255, 0.03);--ds-color-container-ui-secondary-hover-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-secondary-hover-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-active-default: rgba(0, 0, 0, 0.06);--ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, 0.06);--ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.25);--ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, 0.03);--ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, 0.12);--ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, 0.12);--ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.25);--ds-color-icon-primary-default: #676767;--ds-color-icon-primary-inverse: #f7f7f7;--ds-color-icon-secondary-default: #7e8894;--ds-color-icon-secondary-inverse: #ccd2db;--ds-color-icon-tertiary-default: #afb9c6;--ds-color-icon-tertiary-inverse: #939fad;--ds-color-icon-emphasis-default: #2a2a2a;--ds-color-icon-emphasis-inverse: #ffffff;--ds-color-icon-accent-default: #a2c270;--ds-color-icon-accent-inverse: #badd81;--ds-color-icon-info-default: #326aa5;--ds-color-icon-info-inverse: #89b2d4;--ds-color-icon-error-default: #cc1816;--ds-color-icon-error-inverse: #f9aca6;--ds-color-icon-warning-default: #c49432;--ds-color-icon-warning-inverse: #f2c153;--ds-color-icon-success-default: #40a080;--ds-color-icon-success-inverse: #8eceb9;--ds-color-icon-subtle-default: #a0c9f1;--ds-color-icon-subtle-inverse: #326aa5;--ds-color-icon-ui-primary-default-default: #2c67b5;--ds-color-icon-ui-primary-default-inverse: #56bbde;--ds-color-icon-ui-primary-hover-default: #193d73;--ds-color-icon-ui-primary-hover-inverse: #a8e9f7;--ds-color-icon-ui-primary-active-default: #225296;--ds-color-icon-ui-primary-active-inverse: #6ad5ef;--ds-color-icon-ui-primary-disabled-default: #adadad;--ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-primary-focus-default: #2c67b5;--ds-color-icon-ui-primary-focus-inverse: #56bbde;--ds-color-icon-ui-secondary-active-default: #676767;--ds-color-icon-ui-secondary-active-inverse: #c5c5c5;--ds-color-icon-ui-secondary-default-default: #7e7e7e;--ds-color-icon-ui-secondary-default-inverse: #adadad;--ds-color-icon-ui-secondary-disabled-default: #adadad;--ds-color-icon-ui-secondary-disabled-inverse: #7e7e7e;--ds-color-icon-ui-secondary-focus-default: #7e7e7e;--ds-color-icon-ui-secondary-focus-inverse: #adadad;--ds-color-icon-ui-secondary-hover-default: #525252;--ds-color-icon-ui-secondary-hover-inverse: #dddddd;--ds-color-icon-brand-red-default: #d03a08;--ds-color-icon-brand-red-inverse: #e9815e;--ds-color-icon-brand-yellow-default: #7c7140;--ds-color-icon-brand-yellow-inverse: #f9ce06;--ds-color-icon-brand-pink-default: #bf475f;--ds-color-icon-brand-pink-inverse: #f7738e;--ds-color-icon-brand-purple-default: #8d47f0;--ds-color-icon-brand-purple-inverse: #b588f5;--ds-color-icon-brand-lime-default: #647845;--ds-color-icon-brand-lime-inverse: #badd81;--ds-color-icon-brand-green-default: #3a7d64;--ds-color-icon-brand-green-inverse: #51ae8c;--ds-color-icon-brand-turquoise-default: #3d7a7d;--ds-color-icon-brand-turquoise-inverse: #7ba5a6;--ds-color-icon-brand-navy-default: #265688;--ds-color-icon-brand-navy-inverse: #6899c6;--ds-color-icon-brand-blue-default: #2c67b5;--ds-color-icon-brand-blue-inverse: #5398e6;--ds-color-icon-brand-cyan-default: #32718e;--ds-color-icon-brand-cyan-inverse: #6ad5ef;--ds-color-icon-brand-gray-default: #676767;--ds-color-icon-brand-gray-inverse: #c5c5c5;--ds-color-icon-brand-neutral-default: #6a717c;--ds-color-icon-brand-neutral-inverse: #afb9c6;--ds-color-icon-disabled-default: rgba(0, 0, 0, 0.15);--ds-color-text-primary-default: #2a2a2a;--ds-color-text-primary-inverse: #ffffff;--ds-color-text-secondary-default: #525252;--ds-color-text-secondary-inverse: #dddddd;--ds-color-text-tertiary-default: #6a717c;--ds-color-text-tertiary-inverse: #adadad;--ds-color-text-error-default: #cc1816;--ds-color-text-error-inverse: #f9aca6;--ds-color-text-emphasis-default: #265688;--ds-color-text-emphasis-inverse: #cfe0ef;--ds-color-text-accent-default: #647845;--ds-color-text-accent-inverse: #badd81;--ds-color-text-info-default: #326aa5;--ds-color-text-info-inverse: #acc9e2;--ds-color-text-subtle-default: #32718e;--ds-color-text-subtle-inverse: #56bbde;--ds-color-text-success-default: #0b6f4d;--ds-color-text-success-inverse: #8eceb9;--ds-color-text-ui-active-default: #225296;--ds-color-text-ui-active-inverse: #6ad5ef;--ds-color-text-ui-default-default: #2c67b5;--ds-color-text-ui-default-inverse: #56bbde;--ds-color-text-ui-disabled-default: #adadad;--ds-color-text-ui-disabled-inverse: #7e7e7e;--ds-color-text-ui-focus-default: #2c67b5;--ds-color-text-ui-focus-inverse: #56bbde;--ds-color-text-ui-hover-default: #193d73;--ds-color-text-ui-hover-inverse: #a8e9f7;--ds-color-text-link-default: #0074c8;--ds-color-text-link-inverse: #00cff0;--ds-color-tier-alaska-mvp-default: #726e6c;--ds-color-tier-alaska-mvp-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold-default: #7f682e;--ds-color-tier-alaska-mvpgold-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold75k-default: #7f682e;--ds-color-tier-alaska-mvpgold75k-inverse: #c5c1bf;--ds-color-tier-alaska-mvpgold100k-default: #7f682e;--ds-color-tier-alaska-mvpgold100k-inverse: #c5c1bf;--ds-color-tier-alaska-lounge: #01426a;--ds-color-tier-alaska-loungeplus: #53b390;--ds-color-tier-fare-business-default: #005154;--ds-color-tier-fare-business-inverse: #9fbdbe;--ds-color-tier-fare-economy-default: #2c67b5;--ds-color-tier-fare-economy-inverse: #a0c9f1;--ds-color-tier-fare-first-class-default: #002c4e;--ds-color-tier-fare-first-class-inverse: #89b2d4;--ds-color-tier-fare-saver-default: #4aa2c7;--ds-color-tier-fare-saver-inverse: #a8e9f7;--ds-color-tier-oneworld-emerald: #139142;--ds-color-tier-oneworld-sapphire: #015daa;--ds-color-tier-oneworld-ruby: #a41d4a;--ds-color-ui-default-default: #0074c8;--ds-color-ui-default-inverse: #00cff0;--ds-color-ui-hover-default: #054687;--ds-color-ui-hover-inverse: #5de3f7;--ds-color-ui-active-default: #054687;--ds-color-ui-active-inverse: #5de3f7;--ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);--ds-color-ui-bkg-default-default: rgba(0, 0, 0, 0.03);--ds-color-ui-bkg-default-inverse: rgba(255, 255, 255, 0.03);--ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);--ds-color-ui-bkg-hover-inverse: rgba(255, 255, 255, 0.06);--ds-color-utility-blue-default: #79b2ec;--ds-color-utility-blue-inverse: #c9e0f7;--ds-color-utility-cyan-default: #6ad5ef;--ds-color-utility-cyan-inverse: #a8e9f7;--ds-color-utility-green-default: #7ec6ac;--ds-color-utility-green-inverse: #addbca;--ds-color-utility-gray-default: #adadad;--ds-color-utility-gray-inverse: #dddddd;--ds-color-utility-lime-default: #badd81;--ds-color-utility-lime-inverse: #d8efb4;--ds-color-utility-navy-default: #265688;--ds-color-utility-navy-inverse: #acc9e2;--ds-color-utility-neutral-default: #7e8894;--ds-color-utility-neutral-inverse: #ccd2db;--ds-color-utility-pink-default: #f7738e;--ds-color-utility-pink-inverse: #fcc2ce;--ds-color-utility-purple-default: #8d47f0;--ds-color-utility-purple-inverse: #ddc9fb;--ds-color-utility-red-default: #e35c2f;--ds-color-utility-red-inverse: #f0a68d;--ds-color-utility-turquoise-default: #5c8f91;--ds-color-utility-turquoise-inverse: #9fbdbe;--ds-color-utility-yellow-default: #f9ce06;--ds-color-utility-yellow-inverse: #ffe87e;--ds-color-utility-error-default: #cc1816;--ds-color-utility-error-inverse: #f9aca6;--ds-color-utility-warning-default: #f2c153;--ds-color-utility-warning-inverse: #f2c153;--ds-color-utility-success-default: #0b6f4d;--ds-color-utility-success-inverse: #8eceb9}*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}:host{display:inline-block;width:100%;margin:0;padding:0;vertical-align:middle}:host ::slotted(auro-menuoption),:host ::slotted([auro-menuoption]),:host auro-menuoption[loadingplaceholder]{padding-left:calc(var(--ds-size-150, 0.75rem) + 24px + var(--ds-size-100, 0.5rem))}:host ::slotted([selected]){padding-left:0}:host ::slotted(hr){box-sizing:content-box !important;height:0 !important;overflow:visible !important;margin:var(--ds-size-100, 0.5rem) 0 !important;border-width:0 !important;border-top-width:1px !important;border-top-style:solid !important}:host([nocheckmark]) ::slotted(auro-menuoption),:host([nocheckmark]) auro-menuoption[loadingplaceholder]{padding-left:var(--ds-size-200, 1rem)}:host([root]){overflow-y:auto}[loadingplaceholder]{color:var(--ds-color-text-secondary-default, #525252)}[loadingplaceholder].empty{opacity:0;position:absolute}[loadingplaceholder] slot[name=loadingIcon]{vertical-align:middle;line-height:1;display:inline-block}[loadingplaceholder] slot[name=loadingIcon]::slotted(*){margin-right:var(--ds-size-150, 0.75rem)}`;
|
|
6034
4472
|
|
|
6035
|
-
var colorCss$2 = i$
|
|
4473
|
+
var colorCss$2 = i$f`:host ::slotted(hr){border-top-color:var(--ds-auro-menu-divider-color) !important}`;
|
|
6036
4474
|
|
|
6037
|
-
var tokensCss$1 = i$
|
|
4475
|
+
var tokensCss$1 = i$f`:host{--ds-auro-menu-divider-color: var(--ds-color-border-divider-default, $ds-color-border-divider-default);--ds-auro-menuoption-container-color: transparent;--ds-auro-menuoption-icon-color: transparent;--ds-auro-menuoption-text-color: var(--ds-color-text-primary-default, $ds-color-text-primary-default)}`;
|
|
6038
4476
|
|
|
6039
4477
|
// Copyright (c) 2021 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6040
4478
|
// See LICENSE in the project root for license information.
|
|
@@ -6319,7 +4757,7 @@ class AuroMenu extends r$9 {
|
|
|
6319
4757
|
*
|
|
6320
4758
|
*/
|
|
6321
4759
|
static register(name = "auro-menu") {
|
|
6322
|
-
AuroLibraryRuntimeUtils$
|
|
4760
|
+
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroMenu);
|
|
6323
4761
|
}
|
|
6324
4762
|
|
|
6325
4763
|
// Lifecycle Methods
|
|
@@ -6343,7 +4781,7 @@ class AuroMenu extends r$9 {
|
|
|
6343
4781
|
}
|
|
6344
4782
|
|
|
6345
4783
|
firstUpdated() {
|
|
6346
|
-
AuroLibraryRuntimeUtils$
|
|
4784
|
+
AuroLibraryRuntimeUtils$1.prototype.handleComponentTagRename(this, 'auro-menu');
|
|
6347
4785
|
|
|
6348
4786
|
this.loadingSlots = this.querySelectorAll("[slot='loadingText'], [slot='loadingIcon']");
|
|
6349
4787
|
this.initializeMenu();
|
|
@@ -6865,7 +5303,7 @@ class AuroMenu extends r$9 {
|
|
|
6865
5303
|
*/
|
|
6866
5304
|
render() {
|
|
6867
5305
|
if (this.loading) {
|
|
6868
|
-
return x$
|
|
5306
|
+
return x$1`
|
|
6869
5307
|
<auro-menuoption disabled loadingplaceholder class="${this.hasLoadingPlaceholder ? '' : 'empty'}">
|
|
6870
5308
|
<div>
|
|
6871
5309
|
<slot name="loadingIcon"></slot>
|
|
@@ -6875,13 +5313,13 @@ class AuroMenu extends r$9 {
|
|
|
6875
5313
|
`;
|
|
6876
5314
|
}
|
|
6877
5315
|
|
|
6878
|
-
return x$
|
|
5316
|
+
return x$1`<slot @slotchange=${this.handleSlotChange}></slot>`;
|
|
6879
5317
|
}
|
|
6880
5318
|
}
|
|
6881
5319
|
|
|
6882
|
-
var styleCss$1 = i$
|
|
5320
|
+
var styleCss$1 = i$f`:host{display:flex;align-items:center;padding:var(--ds-size-50, 0.25rem) var(--ds-size-200, 1rem) var(--ds-size-50, 0.25rem) 0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}:host slot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem);margin-right:var(--ds-size-150, 0.75rem);margin-left:var(--ds-size-100, 0.5rem)}:host ::slotted(.nestingSpacer){display:inline-block;width:var(--ds-size-300, 1.5rem)}:host ::slotted(strong){font-weight:700}:host([hidden]){display:none}:host([static]){pointer-events:none}:host([disabled]:hover){cursor:auto}:host([disabled]){user-select:none;pointer-events:none}`;
|
|
6883
5321
|
|
|
6884
|
-
var colorCss$1 = i$
|
|
5322
|
+
var colorCss$1 = i$f`:host{background-color:var(--ds-auro-menuoption-container-color);color:var(--ds-auro-menuoption-text-color)}:host svg{fill:var(--ds-auro-menuoption-icon-color) !important}:host([disabled]){--ds-auro-menuoption-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host(:hover),:host(.active){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}:host([selected]){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-menuoption-text-color: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-menuoption-icon-color: var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([selected]):host(.active){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-active-default, #225296)}`;
|
|
6885
5323
|
|
|
6886
5324
|
/**
|
|
6887
5325
|
* @license
|
|
@@ -6925,7 +5363,7 @@ class AuroElement extends r$9 {
|
|
|
6925
5363
|
}
|
|
6926
5364
|
}
|
|
6927
5365
|
|
|
6928
|
-
var error = {"
|
|
5366
|
+
var error = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"error__desc\" class=\"ico_squareLarge\" data-deprecated=\"true\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"error__desc\">Error alert indicator.</desc><path d=\"m13.047 5.599 6.786 11.586A1.207 1.207 0 0 1 18.786 19H5.214a1.207 1.207 0 0 1-1.047-1.815l6.786-11.586a1.214 1.214 0 0 1 2.094 0m-1.165.87a.23.23 0 0 0-.085.085L5.419 17.442a.232.232 0 0 0 .203.35h12.756a.234.234 0 0 0 .203-.35L12.203 6.554a.236.236 0 0 0-.321-.084M12 15.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m-.024-6.22c.325 0 .589.261.589.583v4.434a.586.586 0 0 1-.589.583.586.586 0 0 1-.588-.583V9.863c0-.322.264-.583.588-.583\"/></svg>"};
|
|
6929
5367
|
|
|
6930
5368
|
/* eslint-disable no-underscore-dangle, jsdoc/no-undefined-types, jsdoc/require-param-description */
|
|
6931
5369
|
|
|
@@ -6955,7 +5393,7 @@ const cacheFetch = (uri, options = {}) => {
|
|
|
6955
5393
|
return _fetchMap.get(uri);
|
|
6956
5394
|
};
|
|
6957
5395
|
|
|
6958
|
-
var styleCss = i$
|
|
5396
|
+
var styleCss = i$f`*,*:before,*:after{box-sizing:border-box}@media(prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}*:focus-visible{outline:0}*:focus-visible{outline:0}:focus:not(:focus-visible){outline:3px solid transparent}.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock,:host{display:block}.util_displayFlex{display:flex}.util_displayHidden,:host([hidden]:not(:focus):not(:active)){display:none}.util_displayHiddenVisually,:host([hiddenVisually]:not(:focus):not(:active)){position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.ico_squareLarge{fill:currentColor;height:var(--auro-size-lg, var(--ds-size-300, 1.5rem))}.ico_squareSmall{fill:currentColor;height:.6rem}.ico_squareMed{fill:currentColor;height:var(--auro-size-md, var(--ds-size-200, 1rem))}.ico_squareSml{fill:currentColor;height:var(--auro-size-sm, var(--ds-size-150, 0.75rem))}:host{color:currentColor;vertical-align:middle;line-height:1;display:inline-block}:host .logo{color:var(--ds-color-brand-midnight-400, #01426a)}svg{min-width:var(--ds-auro-icon-size, 1.5rem) !important;width:var(--ds-auro-icon-size, 1.5rem) !important;height:var(--ds-auro-icon-size, 1.5rem) !important}.label{display:flex;align-items:flex-start}.label svg{margin:0 var(--ds-size-50, 0.25rem)}.wrapper{height:var(--ds-auro-icon-size);width:var(--ds-auro-icon-size)}.labelContainer{line-height:1.8}`;
|
|
6959
5397
|
|
|
6960
5398
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6961
5399
|
// See LICENSE in the project root for license information.
|
|
@@ -6994,7 +5432,7 @@ class BaseIcon extends AuroElement {
|
|
|
6994
5432
|
}
|
|
6995
5433
|
|
|
6996
5434
|
static get styles() {
|
|
6997
|
-
return i$
|
|
5435
|
+
return i$f`
|
|
6998
5436
|
${styleCss}
|
|
6999
5437
|
`;
|
|
7000
5438
|
}
|
|
@@ -7036,9 +5474,9 @@ class BaseIcon extends AuroElement {
|
|
|
7036
5474
|
}
|
|
7037
5475
|
}
|
|
7038
5476
|
|
|
7039
|
-
var tokensCss = i$
|
|
5477
|
+
var tokensCss = i$f`:host{--ds-auro-icon-color: var(--ds-color-icon-primary-default, $ds-color-icon-primary-default);--ds-auro-icon-size: var(--ds-size-300, $ds-size-300)}`;
|
|
7040
5478
|
|
|
7041
|
-
var colorCss = i$
|
|
5479
|
+
var colorCss = i$f`:host{color:var(--ds-auro-icon-color)}:host([customColor]){color:inherit}:host(:not([onDark])[accent]){--ds-auro-icon-color: var(--ds-color-icon-accent-default, #a2c270)}:host(:not([onDark])[disabled]){--ds-auro-icon-color: var(--ds-color-icon-ui-primary-disabled-default, #adadad)}:host(:not([onDark])[emphasis]){--ds-auro-icon-color: var(--ds-color-icon-emphasis-default, #2a2a2a)}:host(:not([onDark])[error]){--ds-auro-icon-color: var(--ds-color-icon-error-default, #cc1816)}:host(:not([onDark])[info]){--ds-auro-icon-color: var(--ds-color-icon-info-default, #326aa5)}:host(:not([onDark])[secondary]){--ds-auro-icon-color: var(--ds-color-icon-secondary-default, #7e8894)}:host(:not([onDark])[subtle]){--ds-auro-icon-color: var(--ds-color-icon-subtle-default, #a0c9f1)}:host(:not([onDark])[success]){--ds-auro-icon-color: var(--ds-color-icon-success-default, #40a080)}:host(:not([onDark])[tertiary]){--ds-auro-icon-color: var(--ds-color-icon-tertiary-default, #afb9c6)}:host(:not([onDark])[warning]){--ds-auro-icon-color: var(--ds-color-icon-warning-default, #c49432)}:host([onDark]){--ds-auro-icon-color: var(--ds-color-icon-primary-inverse, #f7f7f7)}:host([onDark][accent]){--ds-auro-icon-color: var(--ds-color-icon-accent-inverse, #badd81)}:host([onDark][disabled]){--ds-auro-icon-color: var(--ds-color-icon-ui-primary-disabled-inverse, #7e7e7e)}:host([onDark][emphasis]){--ds-auro-icon-color: var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([onDark][error]){--ds-auro-icon-color: var(--ds-color-icon-error-inverse, #f9aca6)}:host([onDark][info]){--ds-auro-icon-color: var(--ds-color-icon-info-inverse, #89b2d4)}:host([onDark][secondary]){--ds-auro-icon-color: var(--ds-color-icon-secondary-inverse, #ccd2db)}:host([onDark][subtle]){--ds-auro-icon-color: var(--ds-color-icon-subtle-inverse, #326aa5)}:host([onDark][success]){--ds-auro-icon-color: var(--ds-color-icon-success-inverse, #8eceb9)}:host([onDark][tertiary]){--ds-auro-icon-color: var(--ds-color-icon-tertiary-inverse, #939fad)}:host([onDark][warning]){--ds-auro-icon-color: var(--ds-color-icon-warning-inverse, #f2c153)}`;
|
|
7042
5480
|
|
|
7043
5481
|
// Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
7044
5482
|
// See LICENSE in the project root for license information.
|
|
@@ -7100,7 +5538,7 @@ class AuroIcon extends BaseIcon {
|
|
|
7100
5538
|
this.success = false;
|
|
7101
5539
|
this.tertiary = false;
|
|
7102
5540
|
this.warning = false;
|
|
7103
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
5541
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
7104
5542
|
}
|
|
7105
5543
|
|
|
7106
5544
|
// function to define props used within the scope of this component
|
|
@@ -7182,9 +5620,9 @@ class AuroIcon extends BaseIcon {
|
|
|
7182
5620
|
static get styles() {
|
|
7183
5621
|
return [
|
|
7184
5622
|
super.styles,
|
|
7185
|
-
i$
|
|
7186
|
-
i$
|
|
7187
|
-
i$
|
|
5623
|
+
i$f`${tokensCss}`,
|
|
5624
|
+
i$f`${styleCss}`,
|
|
5625
|
+
i$f`${colorCss}`
|
|
7188
5626
|
];
|
|
7189
5627
|
}
|
|
7190
5628
|
|
|
@@ -7197,7 +5635,7 @@ class AuroIcon extends BaseIcon {
|
|
|
7197
5635
|
*
|
|
7198
5636
|
*/
|
|
7199
5637
|
static register(name = "auro-icon") {
|
|
7200
|
-
AuroLibraryRuntimeUtils$
|
|
5638
|
+
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroIcon);
|
|
7201
5639
|
}
|
|
7202
5640
|
|
|
7203
5641
|
connectedCallback() {
|
|
@@ -7226,20 +5664,20 @@ class AuroIcon extends BaseIcon {
|
|
|
7226
5664
|
'wrapper': true,
|
|
7227
5665
|
};
|
|
7228
5666
|
|
|
7229
|
-
return x$
|
|
5667
|
+
return x$1`
|
|
7230
5668
|
<div
|
|
7231
|
-
class="${e$
|
|
5669
|
+
class="${e$8(classes)}"
|
|
7232
5670
|
title="${o(this.title || undefined)}">
|
|
7233
5671
|
<span aria-hidden="${o(this.ariaHidden ? this.ariaHidden : true)}" part="svg">
|
|
7234
|
-
${this.customSvg ? x$
|
|
5672
|
+
${this.customSvg ? x$1`
|
|
7235
5673
|
<slot name="svg"></slot>
|
|
7236
|
-
` : x$
|
|
5674
|
+
` : x$1`
|
|
7237
5675
|
${this.svg}
|
|
7238
5676
|
`
|
|
7239
5677
|
}
|
|
7240
5678
|
</span>
|
|
7241
5679
|
|
|
7242
|
-
<div class="${e$
|
|
5680
|
+
<div class="${e$8(a11y)}">
|
|
7243
5681
|
<slot></slot>
|
|
7244
5682
|
</div>
|
|
7245
5683
|
</div>
|
|
@@ -7249,7 +5687,7 @@ class AuroIcon extends BaseIcon {
|
|
|
7249
5687
|
|
|
7250
5688
|
var iconVersion = '6.1.2';
|
|
7251
5689
|
|
|
7252
|
-
var checkmarkIcon = {"
|
|
5690
|
+
var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
|
|
7253
5691
|
|
|
7254
5692
|
// Copyright (c) 2021 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
7255
5693
|
// See LICENSE in the project root for license information.
|
|
@@ -7272,7 +5710,7 @@ class AuroMenuOption extends r$9 {
|
|
|
7272
5710
|
/**
|
|
7273
5711
|
* Generate unique names for dependency components.
|
|
7274
5712
|
*/
|
|
7275
|
-
const versioning = new AuroDependencyVersioning$
|
|
5713
|
+
const versioning = new AuroDependencyVersioning$1();
|
|
7276
5714
|
this.iconTag = versioning.generateTag('auro-icon', iconVersion, AuroIcon);
|
|
7277
5715
|
|
|
7278
5716
|
this.selected = false;
|
|
@@ -7287,7 +5725,7 @@ class AuroMenuOption extends r$9 {
|
|
|
7287
5725
|
/**
|
|
7288
5726
|
* @private
|
|
7289
5727
|
*/
|
|
7290
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
5728
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1();
|
|
7291
5729
|
}
|
|
7292
5730
|
|
|
7293
5731
|
static get properties() {
|
|
@@ -7331,7 +5769,7 @@ class AuroMenuOption extends r$9 {
|
|
|
7331
5769
|
*
|
|
7332
5770
|
*/
|
|
7333
5771
|
static register(name = "auro-menuoption") {
|
|
7334
|
-
AuroLibraryRuntimeUtils$
|
|
5772
|
+
AuroLibraryRuntimeUtils$1.prototype.registerComponent(name, AuroMenuOption);
|
|
7335
5773
|
}
|
|
7336
5774
|
|
|
7337
5775
|
firstUpdated() {
|
|
@@ -7371,11 +5809,11 @@ class AuroMenuOption extends r$9 {
|
|
|
7371
5809
|
|
|
7372
5810
|
svg.setAttribute('slot', 'svg');
|
|
7373
5811
|
|
|
7374
|
-
return u$
|
|
5812
|
+
return u$5`<${this.iconTag} customColor customSvg slot="icon">${svg}</${this.iconTag}>`;
|
|
7375
5813
|
}
|
|
7376
5814
|
|
|
7377
5815
|
render() {
|
|
7378
|
-
return u$
|
|
5816
|
+
return u$5`
|
|
7379
5817
|
${this.selected && !this.nocheckmark ? this.generateIconHtml(checkmarkIcon.svg) : undefined}
|
|
7380
5818
|
<slot></slot>
|
|
7381
5819
|
`;
|