@momentum-ui/web-components 2.6.1 → 2.6.2-dev1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/md-19.js +1 -1
- package/dist/chunks/md-23.js +1 -1
- package/dist/chunks/md-36.js +52 -50
- package/dist/chunks/md-7.js +1 -1
- package/dist/chunks/md-80.js +1 -1
- package/dist/types/components/avatar/Avatar.d.ts +1 -1
- package/dist/types/components/combobox/ComboBox.d.ts +3 -0
- package/package.json +1 -1
package/dist/chunks/md-19.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[19],{56:function(t,r,a){"use strict";var e=a(0);r.a=e.css`.md-avatar{font-size:.875rem;height:2.5rem;line-height:1.25rem;width:2.5rem;border-radius:100%;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-transform:uppercase;user-select:none}.md-avatar>.md-avatar__failure-badge::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;background-color:#ffe8e3;bottom:.14em;color:#f7644a;content:"\\f997";font-family:momentum-ui-icons;font-size:.85em;height:.85em;position:absolute;right:.14em;width:.85em;z-index:1015}.md-avatar>.md-avatar__notification-badge::after{border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background-color:#00a0d1;content:"\\00a0";height:.66em;position:absolute;right:.14em;top:.14em;width:.66em;z-index:1015}.md-avatar.md-avatar--dark.md-avatar--active::after{box-shadow:inset 0 0 0 .0625rem #00ab50,inset 0 0 0 .125rem rgba(0,0,0,.24)}.md-avatar.md-avatar--typing>.md-loading{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0}.md-avatar.md-avatar--bot::after{background-color:#545454;border-radius:.571em;bottom:0;color:#fff;content:"Bot";font-size:.571em;left:0;line-height:1.25em;padding:.25em .75em;position:absolute;text-transform:none}.md-avatar .md-avatar__img{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background-color:rgba(204,204,204,.88)}.md-avatar .md-avatar__letter{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background-color:var(--avatar-letter-bg-color,#ededed);color:var(--avatar-letter-text-color,#292929)}.md-avatar .md-avatar__letter md-loading{align-items:center;background:rgba(0,0,0,.4);border-radius:100%;bottom:0;color:#fff;display:flex;justify-content:center;position:absolute;top:0;width:100%}.md-avatar .md-avatar__self{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background-color:#fff;border:1px solid rgba(0,0,0,.08);color:#00a0d1}.md-avatar .md-avatar__icon{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background-color:rgba(204,204,204,.88);color:rgba(0,0,0,.8);fill:currentColor}.md-avatar .md-avatar__icon--overview{border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;background-color:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff}.md-avatar .md-avatar__icon.md-avatar--blue,.md-avatar .md-avatar__letter.md-avatar--blue{background-color:var(--avatar-blue-bg-color,#c7eeff)}.md-avatar .md-avatar__icon.md-avatar--mint,.md-avatar .md-avatar__letter.md-avatar--mint{background-color:var(--avatar-mint-bg-color,#baf5e7)}.md-avatar .md-avatar__icon.md-avatar--darkmint,.md-avatar .md-avatar__letter.md-avatar--darkmint{background-color:var(--avatar-darkmint-bg-color,#16a693)}.md-avatar .md-avatar__icon.md-avatar--green,.md-avatar .md-avatar__letter.md-avatar--green{background-color:var(--avatar-green-bg-color,#03612c)}.md-avatar .md-avatar__icon.md-avatar--yellow,.md-avatar .md-avatar__letter.md-avatar--yellow{background-color:var(--avatar-yellow-bg-color,#ffd98c)}.md-avatar .md-avatar__icon.md-avatar--red,.md-avatar .md-avatar__letter.md-avatar--red{background-color:var(--avatar-red-bg-color,#ffd5cc)}.md-avatar .md-avatar__icon.md-avatar--orange,.md-avatar .md-avatar__letter.md-avatar--orange{background-color:var(--avatar-orange-bg-color,#fce4c7)}.md-avatar .md-avatar__icon.md-avatar--purple,.md-avatar .md-avatar__letter.md-avatar--purple{background-color:var(--avatar-purple-bg-color,#fce1fc)}.md-avatar .md-avatar__icon.md-avatar--violet,.md-avatar .md-avatar__letter.md-avatar--violet{background-color:var(--avatar-violet-bg-color,#f0e3fc)}.md-avatar .md-avatar__icon.md-avatar--cyan,.md-avatar .md-avatar__letter.md-avatar--cyan{background-color:var(--avatar-cyan-bg-color,#b2f4f7)}.md-avatar .md-avatar__icon.md-avatar--cobalt,.md-avatar .md-avatar__letter.md-avatar--cobalt{background-color:var(--avatar-cobalt-bg-color,#c7eeff)}.md-avatar .md-avatar__icon.md-avatar--pink,.md-avatar .md-avatar__letter.md-avatar--pink{background-color:var(--avatar-pink-bg-color,#ffe0e7)}.md-avatar .md-avatar__icon.md-avatar--slate,.md-avatar .md-avatar__letter.md-avatar--slate{background-color:var(--avatar-slate-bg-color,#e3e7fa)}.md-avatar .md-avatar__icon.md-avatar--gold,.md-avatar .md-avatar__letter.md-avatar--gold{background-color:var(--avatar-gold-bg-color,#f5eaa2)}.md-avatar .md-avatar__icon.md-avatar--lime,.md-avatar .md-avatar__letter.md-avatar--lime{background-color:var(--avatar-lime-bg-color,#ddf2ae)}.md-avatar .md-avatar__img--hidden{display:none}.md-avatar.md-avatar--clickable::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;content:"";position:absolute}.md-avatar.md-avatar--clickable:hover::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.08);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0}.md-avatar.md-avatar--clickable:active::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.16);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0}.md-avatar.md-avatar--active::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;box-shadow:inset 0 0 0 .0625rem #00ab50,inset 0 0 0 .125rem rgba(255,255,255,.24);content:"";left:0;position:absolute}.md-avatar.md-avatar--inactive{opacity:.55}.md-avatar.md-avatar--xsmall{font-size:.39375rem;height:1.125rem;line-height:.5625rem;width:1.125rem}.md-avatar.md-avatar--xsmall.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9de";font-size:.5625rem}.md-avatar.md-avatar--xsmall.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f43d";font-size:.5625rem}.md-avatar.md-avatar--xsmall.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f65e";font-size:.5625rem}.md-avatar.md-avatar--xsmall.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f300";font-size:.5625rem}.md-avatar.md-avatar--xsmall.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf3";font-size:.5625rem}.md-avatar.md-avatar--xsmall.md-avatar--self md-icon{height:1.125rem}.md-avatar.md-avatar--xsmall.md-avatar--self md-icon::part(icon){line-height:1.125rem}.md-avatar.md-avatar--small{font-size:.6125rem;height:1.75rem;line-height:.875rem;width:1.75rem}.md-avatar.md-avatar--small.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d3";font-size:.875rem}.md-avatar.md-avatar--small.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f431";font-size:.875rem}.md-avatar.md-avatar--small.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f651";font-size:.875rem}.md-avatar.md-avatar--small.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f304";font-size:.875rem}.md-avatar.md-avatar--small.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\fae8";font-size:.875rem}.md-avatar.md-avatar--small.md-avatar--self md-icon{height:1.75rem}.md-avatar.md-avatar--small.md-avatar--self md-icon::part(icon){line-height:1.75rem}.md-avatar.md-avatar--medium{font-size:.875rem;height:2.5rem;line-height:1.25rem;width:2.5rem}.md-avatar.md-avatar--medium.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d6";font-size:1.25rem}.md-avatar.md-avatar--medium.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f434";font-size:1.25rem}.md-avatar.md-avatar--medium.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f654";font-size:1.25rem}.md-avatar.md-avatar--medium.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f306";font-size:1.25rem}.md-avatar.md-avatar--medium.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faeb";font-size:1.25rem}.md-avatar.md-avatar--medium.md-avatar--self md-icon{height:2.5rem}.md-avatar.md-avatar--medium.md-avatar--self md-icon::part(icon){line-height:2.5rem}.md-avatar.md-avatar--large{font-size:1.1375rem;height:3.25rem;line-height:1.625rem;width:3.25rem}.md-avatar.md-avatar--large.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d9";font-size:1.625rem}.md-avatar.md-avatar--large.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f437";font-size:1.625rem}.md-avatar.md-avatar--large.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f657";font-size:1.625rem}.md-avatar.md-avatar--large.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f308";font-size:1.625rem}.md-avatar.md-avatar--large.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faee";font-size:1.625rem}.md-avatar.md-avatar--large.md-avatar--self md-icon{height:3.25rem}.md-avatar.md-avatar--large.md-avatar--self md-icon::part(icon){line-height:3.25rem}.md-avatar.md-avatar--xlarge{font-size:1.8375rem;height:5.25rem;line-height:2.625rem;width:5.25rem}.md-avatar.md-avatar--xlarge.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9da";font-size:2.625rem}.md-avatar.md-avatar--xlarge.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f43a";font-size:2.625rem}.md-avatar.md-avatar--xlarge.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f65a";font-size:2.625rem}.md-avatar.md-avatar--xlarge.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f30a";font-size:2.625rem}.md-avatar.md-avatar--xlarge.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf0";font-size:2.625rem}.md-avatar.md-avatar--xlarge.md-avatar--self md-icon{height:5.25rem}.md-avatar.md-avatar--xlarge.md-avatar--self md-icon::part(icon){line-height:5.25rem}.md-avatar.md-avatar--18{font-size:.39375rem;height:1.125rem;line-height:.5625rem;width:1.125rem}.md-avatar.md-avatar--18.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9de";font-size:.5625rem}.md-avatar.md-avatar--18.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f43d";font-size:.5625rem}.md-avatar.md-avatar--18.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f65e";font-size:.5625rem}.md-avatar.md-avatar--18.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f300";font-size:.5625rem}.md-avatar.md-avatar--18.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf3";font-size:.5625rem}.md-avatar.md-avatar--18.md-avatar--self md-icon{height:1.125rem}.md-avatar.md-avatar--18.md-avatar--self md-icon::part(icon){line-height:1.125rem}.md-avatar.md-avatar--24{font-size:.525rem;height:1.5rem;line-height:.75rem;width:1.5rem}.md-avatar.md-avatar--24.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d0";font-size:.75rem}.md-avatar.md-avatar--24.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f42e";font-size:.75rem}.md-avatar.md-avatar--24.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f64e";font-size:.75rem}.md-avatar.md-avatar--24.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f300";font-size:.75rem}.md-avatar.md-avatar--24.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\fae5";font-size:.75rem}.md-avatar.md-avatar--24.md-avatar--self md-icon{height:1.5rem}.md-avatar.md-avatar--24.md-avatar--self md-icon::part(icon){line-height:1.5rem}.md-avatar.md-avatar--28{font-size:.6125rem;height:1.75rem;line-height:.875rem;width:1.75rem}.md-avatar.md-avatar--28.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d3";font-size:.875rem}.md-avatar.md-avatar--28.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f431";font-size:.875rem}.md-avatar.md-avatar--28.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f651";font-size:.875rem}.md-avatar.md-avatar--28.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f304";font-size:.875rem}.md-avatar.md-avatar--28.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\fae8";font-size:.875rem}.md-avatar.md-avatar--28.md-avatar--self md-icon{height:1.75rem}.md-avatar.md-avatar--28.md-avatar--self md-icon::part(icon){line-height:1.75rem}.md-avatar.md-avatar--32{font-size:.7rem;height:2rem;line-height:1rem;width:2rem}.md-avatar.md-avatar--32.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d4";font-size:1rem}.md-avatar.md-avatar--32.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f432";font-size:1rem}.md-avatar.md-avatar--32.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f652";font-size:1rem}.md-avatar.md-avatar--32.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f304";font-size:1rem}.md-avatar.md-avatar--32.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\fae9";font-size:1rem}.md-avatar.md-avatar--32.md-avatar--self md-icon{height:2rem}.md-avatar.md-avatar--32.md-avatar--self md-icon::part(icon){line-height:2rem}.md-avatar.md-avatar--36{font-size:.7875rem;height:2.25rem;line-height:1.125rem;width:2.25rem}.md-avatar.md-avatar--36.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d5";font-size:1.125rem}.md-avatar.md-avatar--36.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f433";font-size:1.125rem}.md-avatar.md-avatar--36.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f653";font-size:1.125rem}.md-avatar.md-avatar--36.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f305";font-size:1.125rem}.md-avatar.md-avatar--36.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faea";font-size:1.125rem}.md-avatar.md-avatar--36.md-avatar--self md-icon{height:2.25rem}.md-avatar.md-avatar--36.md-avatar--self md-icon::part(icon){line-height:2.25rem}.md-avatar.md-avatar--40{font-size:.875rem;height:2.5rem;line-height:1.25rem;width:2.5rem}.md-avatar.md-avatar--40.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d6";font-size:1.25rem}.md-avatar.md-avatar--40.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f434";font-size:1.25rem}.md-avatar.md-avatar--40.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f654";font-size:1.25rem}.md-avatar.md-avatar--40.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f306";font-size:1.25rem}.md-avatar.md-avatar--40.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faeb";font-size:1.25rem}.md-avatar.md-avatar--40.md-avatar--self md-icon{height:2.5rem}.md-avatar.md-avatar--40.md-avatar--self md-icon::part(icon){line-height:2.5rem}.md-avatar.md-avatar--44{font-size:.9625rem;height:2.75rem;line-height:1.375rem;width:2.75rem}.md-avatar.md-avatar--44.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d7";font-size:1.375rem}.md-avatar.md-avatar--44.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f435";font-size:1.375rem}.md-avatar.md-avatar--44.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f655";font-size:1.375rem}.md-avatar.md-avatar--44.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f307";font-size:1.375rem}.md-avatar.md-avatar--44.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faec";font-size:1.375rem}.md-avatar.md-avatar--44.md-avatar--self md-icon{height:2.75rem}.md-avatar.md-avatar--44.md-avatar--self md-icon::part(icon){line-height:2.75rem}.md-avatar.md-avatar--52{font-size:1.1375rem;height:3.25rem;line-height:1.625rem;width:3.25rem}.md-avatar.md-avatar--52.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d9";font-size:1.625rem}.md-avatar.md-avatar--52.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f437";font-size:1.625rem}.md-avatar.md-avatar--52.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f657";font-size:1.625rem}.md-avatar.md-avatar--52.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f308";font-size:1.625rem}.md-avatar.md-avatar--52.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faee";font-size:1.625rem}.md-avatar.md-avatar--52.md-avatar--self md-icon{height:3.25rem}.md-avatar.md-avatar--52.md-avatar--self md-icon::part(icon){line-height:3.25rem}.md-avatar.md-avatar--56{font-size:1.225rem;height:3.5rem;line-height:1.75rem;width:3.5rem}.md-avatar.md-avatar--56.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d9";font-size:1.75rem}.md-avatar.md-avatar--56.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f437";font-size:1.75rem}.md-avatar.md-avatar--56.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f657";font-size:1.75rem}.md-avatar.md-avatar--56.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f308";font-size:1.75rem}.md-avatar.md-avatar--56.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faee";font-size:1.75rem}.md-avatar.md-avatar--56.md-avatar--self md-icon{height:3.5rem}.md-avatar.md-avatar--56.md-avatar--self md-icon::part(icon){line-height:3.5rem}.md-avatar.md-avatar--72{font-size:1.575rem;height:4.5rem;line-height:2.25rem;width:4.5rem}.md-avatar.md-avatar--72.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9da";font-size:2.25rem}.md-avatar.md-avatar--72.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f439";font-size:2.25rem}.md-avatar.md-avatar--72.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f659";font-size:2.25rem}.md-avatar.md-avatar--72.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f30a";font-size:2.25rem}.md-avatar.md-avatar--72.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf0";font-size:2.25rem}.md-avatar.md-avatar--72.md-avatar--self md-icon{height:4.5rem}.md-avatar.md-avatar--72.md-avatar--self md-icon::part(icon){line-height:4.5rem}.md-avatar.md-avatar--80{font-size:1.75rem;height:5rem;line-height:2.5rem;width:5rem}.md-avatar.md-avatar--80.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9da";font-size:2.5rem}.md-avatar.md-avatar--80.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f43a";font-size:2.5rem}.md-avatar.md-avatar--80.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f65a";font-size:2.5rem}.md-avatar.md-avatar--80.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f30a";font-size:2.5rem}.md-avatar.md-avatar--80.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf0";font-size:2.5rem}.md-avatar.md-avatar--80.md-avatar--self md-icon{height:5rem}.md-avatar.md-avatar--80.md-avatar--self md-icon::part(icon){line-height:5rem}.md-avatar.md-avatar--84{font-size:1.8375rem;height:5.25rem;line-height:2.625rem;width:5.25rem}.md-avatar.md-avatar--84.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9da";font-size:2.625rem}.md-avatar.md-avatar--84.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f43a";font-size:2.625rem}.md-avatar.md-avatar--84.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f65a";font-size:2.625rem}.md-avatar.md-avatar--84.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f30a";font-size:2.625rem}.md-avatar.md-avatar--84.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf0";font-size:2.625rem}.md-avatar.md-avatar--84.md-avatar--self md-icon{height:5.25rem}.md-avatar.md-avatar--84.md-avatar--self md-icon::part(icon){line-height:5.25rem}:host{display:inline-block;line-height:0;vertical-align:middle}::slotted(*){align-items:center;display:flex;justify-content:center;position:absolute}::slotted(img){border-style:none;display:inline-block;height:auto;-ms-interpolation-mode:bicubic;max-width:100%;vertical-align:middle}.md-composite-avatar{display:inline-block;position:relative}.md-composite-avatar ::slotted(md-avatar:nth-child(1)){left:0;position:absolute;top:0}.md-composite-avatar ::slotted(md-avatar:nth-child(2)){bottom:0;position:absolute;right:0}.md-composite-avatar.md-composite-avatar--28,.md-composite-avatar.md-composite-avatar--small{font-size:.6125rem;height:1.75rem;line-height:.875rem;width:1.75rem}.md-composite-avatar.md-composite-avatar--28 .md-avatar,.md-composite-avatar.md-composite-avatar--small .md-avatar{font-size:.39375rem;height:1.125rem;line-height:.5625rem;width:1.125rem}.md-composite-avatar.md-composite-avatar--40,.md-composite-avatar.md-composite-avatar--medium{font-size:.875rem;height:2.5rem;line-height:1.25rem;width:2.5rem}.md-composite-avatar.md-composite-avatar--40 .md-avatar,.md-composite-avatar.md-composite-avatar--medium .md-avatar{font-size:.56875rem;height:1.625rem;line-height:.8125rem;width:1.625rem}.md-composite-avatar.md-composite-avatar--56{font-size:1.225rem;height:3.5rem;line-height:1.75rem;width:3.5rem}.md-composite-avatar.md-composite-avatar--56 .md-avatar{font-size:.74375rem;height:2.125rem;line-height:1.0625rem;width:2.125rem}.md-composite-avatar.md-composite-avatar--72{font-size:1.575rem;height:4.5rem;line-height:2.25rem;width:4.5rem}.md-composite-avatar.md-composite-avatar--72 .md-avatar{font-size:.91875rem;height:2.625rem;line-height:1.3125rem;width:2.625rem}.md-composite-avatar.md-composite-avatar--84{font-size:1.8375rem;height:5.25rem;line-height:2.625rem;width:5.25rem}.md-composite-avatar.md-composite-avatar--84 .md-avatar{font-size:1.1375rem;height:3.25rem;line-height:1.625rem;width:3.25rem}.md-composite-avatar.md-composite-avatar--135,.md-composite-avatar.md-composite-avatar--large{height:8.4375rem;width:8.4375rem}.md-composite-avatar.md-composite-avatar--135 .md-avatar,.md-composite-avatar.md-composite-avatar--large .md-avatar{font-size:1.96875rem;height:5.625rem;line-height:2.8125rem;width:5.625rem}`}}]);
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[19],{56:function(t,r,a){"use strict";var e=a(0);r.a=e.css`.md-avatar{font-size:.875rem;height:2.5rem;line-height:1.25rem;width:2.5rem;border-radius:100%;display:inline-flex;font-family:"CiscoSansTT Regular","Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-transform:uppercase;user-select:none}.md-avatar>.md-avatar__failure-badge::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;background-color:#ffe8e3;bottom:.14em;color:#f7644a;content:"\\f997";font-family:momentum-ui-icons;font-size:.85em;height:.85em;position:absolute;right:.14em;width:.85em;z-index:1015}.md-avatar>.md-avatar__notification-badge::after{border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;background-color:#00a0d1;content:"\\00a0";height:.66em;position:absolute;right:.14em;top:.14em;width:.66em;z-index:1015}.md-avatar.md-avatar--dark.md-avatar--active::after{box-shadow:inset 0 0 0 .0625rem #00ab50,inset 0 0 0 .125rem rgba(0,0,0,.24)}.md-avatar.md-avatar--dark.md-avatar--engaged::after{box-shadow:inset 0 0 0 .0625rem #fc9d03,inset 0 0 0 .125rem rgba(0,0,0,.24)}.md-avatar.md-avatar--dark.md-avatar--idle::after{box-shadow:inset 0 0 0 .0625rem var(--md-primary-seperator-color-default),inset 0 0 0 .125rem rgba(0,0,0,.24)}.md-avatar.md-avatar--dark.md-avatar--rona::after{box-shadow:inset 0 0 0 .0625rem #d4371c,inset 0 0 0 .125rem rgba(0,0,0,.24)}.md-avatar.md-avatar--typing>.md-loading{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0}.md-avatar.md-avatar--bot::after{background-color:#545454;border-radius:.571em;bottom:0;color:#fff;content:"Bot";font-size:.571em;left:0;line-height:1.25em;padding:.25em .75em;position:absolute;text-transform:none}.md-avatar .md-avatar__img{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background-color:rgba(204,204,204,.88)}.md-avatar .md-avatar__letter{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background-color:var(--avatar-letter-bg-color,#ededed);color:var(--avatar-letter-text-color,#292929)}.md-avatar .md-avatar__letter md-loading{align-items:center;background:rgba(0,0,0,.4);border-radius:100%;bottom:0;color:#fff;display:flex;justify-content:center;position:absolute;top:0;width:100%}.md-avatar .md-avatar__self{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background-color:#fff;border:1px solid rgba(0,0,0,.08);color:#00a0d1}.md-avatar .md-avatar__icon{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background-color:rgba(204,204,204,.88);color:rgba(0,0,0,.8);fill:currentColor}.md-avatar .md-avatar__icon--overview{border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;background-color:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff}.md-avatar .md-avatar__icon.md-avatar--blue,.md-avatar .md-avatar__letter.md-avatar--blue{background-color:var(--avatar-blue-bg-color,#c7eeff)}.md-avatar .md-avatar__icon.md-avatar--mint,.md-avatar .md-avatar__letter.md-avatar--mint{background-color:var(--avatar-mint-bg-color,#baf5e7)}.md-avatar .md-avatar__icon.md-avatar--darkmint,.md-avatar .md-avatar__letter.md-avatar--darkmint{background-color:var(--avatar-darkmint-bg-color,#16a693)}.md-avatar .md-avatar__icon.md-avatar--green,.md-avatar .md-avatar__letter.md-avatar--green{background-color:var(--avatar-green-bg-color,#03612c)}.md-avatar .md-avatar__icon.md-avatar--yellow,.md-avatar .md-avatar__letter.md-avatar--yellow{background-color:var(--avatar-yellow-bg-color,#ffd98c)}.md-avatar .md-avatar__icon.md-avatar--red,.md-avatar .md-avatar__letter.md-avatar--red{background-color:var(--avatar-red-bg-color,#ffd5cc)}.md-avatar .md-avatar__icon.md-avatar--orange,.md-avatar .md-avatar__letter.md-avatar--orange{background-color:var(--avatar-orange-bg-color,#fce4c7)}.md-avatar .md-avatar__icon.md-avatar--purple,.md-avatar .md-avatar__letter.md-avatar--purple{background-color:var(--avatar-purple-bg-color,#fce1fc)}.md-avatar .md-avatar__icon.md-avatar--violet,.md-avatar .md-avatar__letter.md-avatar--violet{background-color:var(--avatar-violet-bg-color,#f0e3fc)}.md-avatar .md-avatar__icon.md-avatar--cyan,.md-avatar .md-avatar__letter.md-avatar--cyan{background-color:var(--avatar-cyan-bg-color,#b2f4f7)}.md-avatar .md-avatar__icon.md-avatar--cobalt,.md-avatar .md-avatar__letter.md-avatar--cobalt{background-color:var(--avatar-cobalt-bg-color,#c7eeff)}.md-avatar .md-avatar__icon.md-avatar--pink,.md-avatar .md-avatar__letter.md-avatar--pink{background-color:var(--avatar-pink-bg-color,#ffe0e7)}.md-avatar .md-avatar__icon.md-avatar--slate,.md-avatar .md-avatar__letter.md-avatar--slate{background-color:var(--avatar-slate-bg-color,#e3e7fa)}.md-avatar .md-avatar__icon.md-avatar--gold,.md-avatar .md-avatar__letter.md-avatar--gold{background-color:var(--avatar-gold-bg-color,#f5eaa2)}.md-avatar .md-avatar__icon.md-avatar--lime,.md-avatar .md-avatar__letter.md-avatar--lime{background-color:var(--avatar-lime-bg-color,#ddf2ae)}.md-avatar .md-avatar__img--hidden{display:none}.md-avatar.md-avatar--clickable::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;content:"";position:absolute}.md-avatar.md-avatar--clickable:hover::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.08);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0}.md-avatar.md-avatar--clickable:active::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.16);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0}.md-avatar.md-avatar--active::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;box-shadow:inset 0 0 0 .0625rem #00ab50,inset 0 0 0 .125rem rgba(255,255,255,.24);content:"";left:0;position:absolute}.md-avatar.md-avatar--engaged::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;box-shadow:inset 0 0 0 .0625rem #fc9d03,inset 0 0 0 .125rem rgba(255,255,255,.24);content:"";left:0;position:absolute}.md-avatar.md-avatar--idle::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;box-shadow:inset 0 0 0 .0625rem var(--md-primary-seperator-color-default),inset 0 0 0 .125rem rgba(255,255,255,.24);content:"";left:0;position:absolute}.md-avatar.md-avatar--rona::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;box-shadow:inset 0 0 0 .0625rem #d4371c,inset 0 0 0 .125rem rgba(255,255,255,.24);content:"";left:0;position:absolute}.md-avatar.md-avatar--inactive{opacity:.55}.md-avatar.md-avatar--xsmall{font-size:.39375rem;height:1.125rem;line-height:.5625rem;width:1.125rem}.md-avatar.md-avatar--xsmall.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9de";font-size:.5625rem}.md-avatar.md-avatar--xsmall.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f43d";font-size:.5625rem}.md-avatar.md-avatar--xsmall.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f65e";font-size:.5625rem}.md-avatar.md-avatar--xsmall.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f300";font-size:.5625rem}.md-avatar.md-avatar--xsmall.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf3";font-size:.5625rem}.md-avatar.md-avatar--xsmall.md-avatar--self md-icon{height:1.125rem}.md-avatar.md-avatar--xsmall.md-avatar--self md-icon::part(icon){line-height:1.125rem}.md-avatar.md-avatar--small{font-size:.6125rem;height:1.75rem;line-height:.875rem;width:1.75rem}.md-avatar.md-avatar--small.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d3";font-size:.875rem}.md-avatar.md-avatar--small.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f431";font-size:.875rem}.md-avatar.md-avatar--small.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f651";font-size:.875rem}.md-avatar.md-avatar--small.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f304";font-size:.875rem}.md-avatar.md-avatar--small.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\fae8";font-size:.875rem}.md-avatar.md-avatar--small.md-avatar--self md-icon{height:1.75rem}.md-avatar.md-avatar--small.md-avatar--self md-icon::part(icon){line-height:1.75rem}.md-avatar.md-avatar--medium{font-size:.875rem;height:2.5rem;line-height:1.25rem;width:2.5rem}.md-avatar.md-avatar--medium.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d6";font-size:1.25rem}.md-avatar.md-avatar--medium.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f434";font-size:1.25rem}.md-avatar.md-avatar--medium.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f654";font-size:1.25rem}.md-avatar.md-avatar--medium.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f306";font-size:1.25rem}.md-avatar.md-avatar--medium.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faeb";font-size:1.25rem}.md-avatar.md-avatar--medium.md-avatar--self md-icon{height:2.5rem}.md-avatar.md-avatar--medium.md-avatar--self md-icon::part(icon){line-height:2.5rem}.md-avatar.md-avatar--large{font-size:1.1375rem;height:3.25rem;line-height:1.625rem;width:3.25rem}.md-avatar.md-avatar--large.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d9";font-size:1.625rem}.md-avatar.md-avatar--large.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f437";font-size:1.625rem}.md-avatar.md-avatar--large.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f657";font-size:1.625rem}.md-avatar.md-avatar--large.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f308";font-size:1.625rem}.md-avatar.md-avatar--large.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faee";font-size:1.625rem}.md-avatar.md-avatar--large.md-avatar--self md-icon{height:3.25rem}.md-avatar.md-avatar--large.md-avatar--self md-icon::part(icon){line-height:3.25rem}.md-avatar.md-avatar--xlarge{font-size:1.8375rem;height:5.25rem;line-height:2.625rem;width:5.25rem}.md-avatar.md-avatar--xlarge.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9da";font-size:2.625rem}.md-avatar.md-avatar--xlarge.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f43a";font-size:2.625rem}.md-avatar.md-avatar--xlarge.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f65a";font-size:2.625rem}.md-avatar.md-avatar--xlarge.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f30a";font-size:2.625rem}.md-avatar.md-avatar--xlarge.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf0";font-size:2.625rem}.md-avatar.md-avatar--xlarge.md-avatar--self md-icon{height:5.25rem}.md-avatar.md-avatar--xlarge.md-avatar--self md-icon::part(icon){line-height:5.25rem}.md-avatar.md-avatar--18{font-size:.39375rem;height:1.125rem;line-height:.5625rem;width:1.125rem}.md-avatar.md-avatar--18.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9de";font-size:.5625rem}.md-avatar.md-avatar--18.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f43d";font-size:.5625rem}.md-avatar.md-avatar--18.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f65e";font-size:.5625rem}.md-avatar.md-avatar--18.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f300";font-size:.5625rem}.md-avatar.md-avatar--18.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf3";font-size:.5625rem}.md-avatar.md-avatar--18.md-avatar--self md-icon{height:1.125rem}.md-avatar.md-avatar--18.md-avatar--self md-icon::part(icon){line-height:1.125rem}.md-avatar.md-avatar--24{font-size:.525rem;height:1.5rem;line-height:.75rem;width:1.5rem}.md-avatar.md-avatar--24.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d0";font-size:.75rem}.md-avatar.md-avatar--24.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f42e";font-size:.75rem}.md-avatar.md-avatar--24.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f64e";font-size:.75rem}.md-avatar.md-avatar--24.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f300";font-size:.75rem}.md-avatar.md-avatar--24.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\fae5";font-size:.75rem}.md-avatar.md-avatar--24.md-avatar--self md-icon{height:1.5rem}.md-avatar.md-avatar--24.md-avatar--self md-icon::part(icon){line-height:1.5rem}.md-avatar.md-avatar--28{font-size:.6125rem;height:1.75rem;line-height:.875rem;width:1.75rem}.md-avatar.md-avatar--28.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d3";font-size:.875rem}.md-avatar.md-avatar--28.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f431";font-size:.875rem}.md-avatar.md-avatar--28.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f651";font-size:.875rem}.md-avatar.md-avatar--28.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f304";font-size:.875rem}.md-avatar.md-avatar--28.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\fae8";font-size:.875rem}.md-avatar.md-avatar--28.md-avatar--self md-icon{height:1.75rem}.md-avatar.md-avatar--28.md-avatar--self md-icon::part(icon){line-height:1.75rem}.md-avatar.md-avatar--32{font-size:.7rem;height:2rem;line-height:1rem;width:2rem}.md-avatar.md-avatar--32.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d4";font-size:1rem}.md-avatar.md-avatar--32.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f432";font-size:1rem}.md-avatar.md-avatar--32.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f652";font-size:1rem}.md-avatar.md-avatar--32.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f304";font-size:1rem}.md-avatar.md-avatar--32.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\fae9";font-size:1rem}.md-avatar.md-avatar--32.md-avatar--self md-icon{height:2rem}.md-avatar.md-avatar--32.md-avatar--self md-icon::part(icon){line-height:2rem}.md-avatar.md-avatar--36{font-size:.7875rem;height:2.25rem;line-height:1.125rem;width:2.25rem}.md-avatar.md-avatar--36.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d5";font-size:1.125rem}.md-avatar.md-avatar--36.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f433";font-size:1.125rem}.md-avatar.md-avatar--36.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f653";font-size:1.125rem}.md-avatar.md-avatar--36.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f305";font-size:1.125rem}.md-avatar.md-avatar--36.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faea";font-size:1.125rem}.md-avatar.md-avatar--36.md-avatar--self md-icon{height:2.25rem}.md-avatar.md-avatar--36.md-avatar--self md-icon::part(icon){line-height:2.25rem}.md-avatar.md-avatar--40{font-size:.875rem;height:2.5rem;line-height:1.25rem;width:2.5rem}.md-avatar.md-avatar--40.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d6";font-size:1.25rem}.md-avatar.md-avatar--40.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f434";font-size:1.25rem}.md-avatar.md-avatar--40.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f654";font-size:1.25rem}.md-avatar.md-avatar--40.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f306";font-size:1.25rem}.md-avatar.md-avatar--40.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faeb";font-size:1.25rem}.md-avatar.md-avatar--40.md-avatar--self md-icon{height:2.5rem}.md-avatar.md-avatar--40.md-avatar--self md-icon::part(icon){line-height:2.5rem}.md-avatar.md-avatar--44{font-size:.9625rem;height:2.75rem;line-height:1.375rem;width:2.75rem}.md-avatar.md-avatar--44.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d7";font-size:1.375rem}.md-avatar.md-avatar--44.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f435";font-size:1.375rem}.md-avatar.md-avatar--44.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f655";font-size:1.375rem}.md-avatar.md-avatar--44.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f307";font-size:1.375rem}.md-avatar.md-avatar--44.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faec";font-size:1.375rem}.md-avatar.md-avatar--44.md-avatar--self md-icon{height:2.75rem}.md-avatar.md-avatar--44.md-avatar--self md-icon::part(icon){line-height:2.75rem}.md-avatar.md-avatar--52{font-size:1.1375rem;height:3.25rem;line-height:1.625rem;width:3.25rem}.md-avatar.md-avatar--52.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d9";font-size:1.625rem}.md-avatar.md-avatar--52.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f437";font-size:1.625rem}.md-avatar.md-avatar--52.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f657";font-size:1.625rem}.md-avatar.md-avatar--52.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f308";font-size:1.625rem}.md-avatar.md-avatar--52.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faee";font-size:1.625rem}.md-avatar.md-avatar--52.md-avatar--self md-icon{height:3.25rem}.md-avatar.md-avatar--52.md-avatar--self md-icon::part(icon){line-height:3.25rem}.md-avatar.md-avatar--56{font-size:1.225rem;height:3.5rem;line-height:1.75rem;width:3.5rem}.md-avatar.md-avatar--56.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9d9";font-size:1.75rem}.md-avatar.md-avatar--56.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f437";font-size:1.75rem}.md-avatar.md-avatar--56.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f657";font-size:1.75rem}.md-avatar.md-avatar--56.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f308";font-size:1.75rem}.md-avatar.md-avatar--56.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faee";font-size:1.75rem}.md-avatar.md-avatar--56.md-avatar--self md-icon{height:3.5rem}.md-avatar.md-avatar--56.md-avatar--self md-icon::part(icon){line-height:3.5rem}.md-avatar.md-avatar--72{font-size:1.575rem;height:4.5rem;line-height:2.25rem;width:4.5rem}.md-avatar.md-avatar--72.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9da";font-size:2.25rem}.md-avatar.md-avatar--72.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f439";font-size:2.25rem}.md-avatar.md-avatar--72.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f659";font-size:2.25rem}.md-avatar.md-avatar--72.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f30a";font-size:2.25rem}.md-avatar.md-avatar--72.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf0";font-size:2.25rem}.md-avatar.md-avatar--72.md-avatar--self md-icon{height:4.5rem}.md-avatar.md-avatar--72.md-avatar--self md-icon::part(icon){line-height:4.5rem}.md-avatar.md-avatar--80{font-size:1.75rem;height:5rem;line-height:2.5rem;width:5rem}.md-avatar.md-avatar--80.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9da";font-size:2.5rem}.md-avatar.md-avatar--80.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f43a";font-size:2.5rem}.md-avatar.md-avatar--80.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f65a";font-size:2.5rem}.md-avatar.md-avatar--80.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f30a";font-size:2.5rem}.md-avatar.md-avatar--80.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf0";font-size:2.5rem}.md-avatar.md-avatar--80.md-avatar--self md-icon{height:5rem}.md-avatar.md-avatar--80.md-avatar--self md-icon::part(icon){line-height:5rem}.md-avatar.md-avatar--84{font-size:1.8375rem;height:5.25rem;line-height:2.625rem;width:5.25rem}.md-avatar.md-avatar--84.md-avatar--ooo::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f9da";font-size:2.625rem}.md-avatar.md-avatar--84.md-avatar--dnd::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f43a";font-size:2.625rem}.md-avatar.md-avatar--84.md-avatar--call::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f65a";font-size:2.625rem}.md-avatar.md-avatar--84.md-avatar--meeting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\f30a";font-size:2.625rem}.md-avatar.md-avatar--84.md-avatar--presenting::after{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;border-top-left-radius:100%;border-top-right-radius:100%;border-bottom-left-radius:100%;border-bottom-right-radius:100%;height:100%;width:100%;background:rgba(0,0,0,.4);color:#fff;font-family:momentum-ui-icons;left:0;position:absolute;top:0;content:"\\faf0";font-size:2.625rem}.md-avatar.md-avatar--84.md-avatar--self md-icon{height:5.25rem}.md-avatar.md-avatar--84.md-avatar--self md-icon::part(icon){line-height:5.25rem}:host{display:inline-block;line-height:0;vertical-align:middle}::slotted(*){align-items:center;display:flex;justify-content:center;position:absolute}::slotted(img){border-style:none;display:inline-block;height:auto;-ms-interpolation-mode:bicubic;max-width:100%;vertical-align:middle}.md-composite-avatar{display:inline-block;position:relative}.md-composite-avatar ::slotted(md-avatar:nth-child(1)){left:0;position:absolute;top:0}.md-composite-avatar ::slotted(md-avatar:nth-child(2)){bottom:0;position:absolute;right:0}.md-composite-avatar.md-composite-avatar--28,.md-composite-avatar.md-composite-avatar--small{font-size:.6125rem;height:1.75rem;line-height:.875rem;width:1.75rem}.md-composite-avatar.md-composite-avatar--28 .md-avatar,.md-composite-avatar.md-composite-avatar--small .md-avatar{font-size:.39375rem;height:1.125rem;line-height:.5625rem;width:1.125rem}.md-composite-avatar.md-composite-avatar--40,.md-composite-avatar.md-composite-avatar--medium{font-size:.875rem;height:2.5rem;line-height:1.25rem;width:2.5rem}.md-composite-avatar.md-composite-avatar--40 .md-avatar,.md-composite-avatar.md-composite-avatar--medium .md-avatar{font-size:.56875rem;height:1.625rem;line-height:.8125rem;width:1.625rem}.md-composite-avatar.md-composite-avatar--56{font-size:1.225rem;height:3.5rem;line-height:1.75rem;width:3.5rem}.md-composite-avatar.md-composite-avatar--56 .md-avatar{font-size:.74375rem;height:2.125rem;line-height:1.0625rem;width:2.125rem}.md-composite-avatar.md-composite-avatar--72{font-size:1.575rem;height:4.5rem;line-height:2.25rem;width:4.5rem}.md-composite-avatar.md-composite-avatar--72 .md-avatar{font-size:.91875rem;height:2.625rem;line-height:1.3125rem;width:2.625rem}.md-composite-avatar.md-composite-avatar--84{font-size:1.8375rem;height:5.25rem;line-height:2.625rem;width:5.25rem}.md-composite-avatar.md-composite-avatar--84 .md-avatar{font-size:1.1375rem;height:3.25rem;line-height:1.625rem;width:3.25rem}.md-composite-avatar.md-composite-avatar--135,.md-composite-avatar.md-composite-avatar--large{height:8.4375rem;width:8.4375rem}.md-composite-avatar.md-composite-avatar--135 .md-avatar,.md-composite-avatar.md-composite-avatar--large .md-avatar{font-size:1.96875rem;height:5.625rem;line-height:2.8125rem;width:5.625rem}`}}]);
|
package/dist/chunks/md-23.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[23],{43:function(t,e,a){"use strict";a.r(e),a.d(e,"AvatarType",(function(){return
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[23],{43:function(t,e,a){"use strict";a.r(e),a.d(e,"AvatarType",(function(){return g})),a.d(e,"AvatarSize",(function(){return y})),a.d(e,"Avatar",(function(){return v}));a(15),a(74);var i=a(5),r=a(4),o=a(0),n=a(2),s=a(3),c=a(6),h=a(9),p=a(39),l=a(56),d=function(t,e,a,i){var r,o=arguments.length,n=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,a,i);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(o<3?r(n):o>3?r(e,a,n):r(e,a))||n);return o>3&&n&&Object.defineProperty(e,a,n),n},m=function(t,e,a,i){return new(a||(a=Promise))((function(r,o){function n(t){try{c(i.next(t))}catch(t){o(t)}}function s(t){try{c(i.throw(t))}catch(t){o(t)}}function c(t){var e;t.done?r(t.value):(e=t.value,e instanceof a?e:new a((function(t){t(e)}))).then(n,s)}c((i=i.apply(t,e||[])).next())}))};const g=["active","bot","call","dnd","group","inactive","meeting","ooo","presenting","self","typing","engaged","idle","rona",""],y=[18,24,28,32,36,40,44,52,56,72,80,84];var v;!function(t){let e=class extends o.LitElement{constructor(){super(...arguments),this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.iconName="",this.type="",this.size=40,this.hasNotification=!1,this.imageLoaded=!1,this.imageErrored=!1}static get styles(){return[r.a,l.a]}get avatarClassMap(){return{["md-avatar--"+this.type]:!!this.type,["md-avatar--"+this.size]:!!this.size}}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,["md-avatar--"+this.color]:this.color}}get avatarStyleMap(){return{["md-avatar--"+this.color]:this.color}}get pretifyTitle(){if(this.title.length){const t=this.title.trim().split(" ");return 1===t.length?t[0].charAt(0):t[0].charAt(0)+t[t.length-1].charAt(0)}}get chatIconName(){return this.size>=56?"chat-active_20":this.size>=40&&this.size<=56?"chat-active_18":this.size>=36&&this.size<=40?"chat-active_16":this.size>=28&&this.size<=36?"chat-active_14":"chat-active_12"}get avatarLetter(){return this.title?o.html`
|
|
2
2
|
<span class="md-avatar__letter ${Object(s.classMap)(this.avatarLetterClassMap)}"
|
|
3
3
|
>${this.pretifyTitle}<slot></slot>
|
|
4
4
|
${"typing"===this.type?o.html`
|
package/dist/chunks/md-36.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{77:function(t,e,o){"use strict";o.r(e),o.d(e,"ComboBox",(function(){return i}));o(50),o(15);var i,s=o(1),l=o(7),n=o(5),c=o(18),a=o(4),r=o(0),d=o(2),h=o(3),p=o(6),u=o(14),b=o(9),m=r.css`:host{--combobox-input-clear-bg:var(--combobox-group-button-bg-color, $lm-combobox-group-button-bg-color-light)}:host() .group{background:var(--combobox-bg-color,#fff)}:host(:focus){box-shadow:none!important;outline:0!important}:host([focus-visible]) .group{border-color:var(--combobox-focus-border-color,#005e7d);box-shadow:none}:host([disabled]) .group,:host([disabled]) .group:active,:host([disabled]) .group:hover{background:var(--combobox-disabled-bg-color,#ededed);pointer-events:none}:host([disabled]) .group:active>md-icon,:host([disabled]) .group:hover>md-icon,:host([disabled]) .group>md-icon{opacity:.3}:host([expanded]) .md-combobox-button.arrow-down{transform:rotate(180deg)}:host([invalid]) .group,:host([invalid]) .group:active,:host([invalid]) .group:hover{background:var(--combobox-invalid-bg-color,#ffe8e3);border-color:var(--combobox-invalid-border-color,#f7644a)}:host([invalid]) .md-combobox-error{padding:.1875rem 0 0 .75rem}.md-combobox-list{position:relative;height:2rem}.md-combobox .group{align-items:start;background:var(--combobox-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:var(--combobox-group-radius,.25rem);display:flex;padding:0 .75rem;height:2.125rem}.md-combobox .group md-icon{color:var(--md-secondary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:1.75rem;padding:calc(.25rem / 2)}.md-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#91ebff)}.md-combobox .group:hover{background:var(--combobox-hover-bg-color,#dedede)}.md-combobox .group:active{background:var(--combobox-pressed-bg-color,#ccc)}.md-combobox .group.multiselect:hover{background:var(--combobox-bg-color,#fff)}.md-combobox .group.multiselect:active{background:var(--combobox-bg-color,#fff)}.md-combobox .md-combobox-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}.md-combobox--pill .group{border-radius:18px}.md-combobox-button{transition:all .15s linear;background:0 0;border:0;cursor:pointer;margin:0;margin-left:calc(.25rem * 2);outline:0;padding:0;padding-top:calc(.25rem / 2);position:relative;vertical-align:bottom}.md-combobox-button .md-input__icon-clear{display:flex;align-items:center;height:inherit}.md-combobox-button md-icon{color:var(--combobox-dropdown-item-icon-color,#121212)}ul{background-color:var(--combobox-dropdown-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);box-sizing:border-box;font-size:14px;left:0;list-style:none;margin:0;overflow:auto;overflow-x:hidden;padding:0;position:absolute;top:calc(100% + .25rem);width:100%}ul .no-result{padding:.4375rem .75rem .5rem}.md-combobox-multi-input{width:initial}.highlight-text{font-weight:700}.selected-label-text{white-space:pre-wrap}.md-combobox-option{align-items:center;color:var(--md-primary-text-color,#f7f7f7);display:flex;margin:0;outline:0;padding:.4375rem .75rem .5rem;width:100%}.md-combobox-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:block;letter-spacing:normal;width:calc(100% - 1.25rem)}.md-combobox-option .select-label span{margin-right:-.25rem;white-space:nowrap}.md-combobox-option .select-option{background:var(--combobox-dropdown-item-select-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:calc(.5rem / 2);box-sizing:border-box;cursor:pointer;display:inline-block;height:1.25rem;margin-right:1rem;min-width:1.25rem;position:relative}.md-combobox-option .select-option md-icon{height:1.125rem;left:.125rem;position:absolute;top:-.1875rem;vertical-align:top;visibility:hidden}.md-combobox-option .indeterminate{background:var(--combobox-dropdown-item-checked-bg-color,#00a0d1);border:1px solid var(--combobox-dropdown-item-checked-bg-color,#00a0d1)}.md-combobox-option .indeterminate md-icon{color:var(--combobox-dropdown-item-checked-icon-color,#fff);visibility:visible}.md-combobox-option:hover{background:var(--combobox-dropdown-item-hover-bg-color,#c9f4ff)}.md-combobox-option.md-combobox-multiselect{border-bottom:1px solid var(--md-button-tertiary-outline-color,#545454)}.md-combobox-option[aria-checked=true] .select-option{background:var(--combobox-dropdown-item-checked-bg-color,#00a0d1);border:1px solid var(--combobox-dropdown-item-checked-bg-color,#00a0d1)}.md-combobox-option[aria-checked=true] .select-option md-icon{color:var(--combobox-dropdown-item-checked-icon-color,#fff);visibility:visible}.md-combobox-option[focused]{background:var(--combobox-dropdown-item-focus-bg-color,#91ebff)}.md-combobox__multiwrap{align-items:center;display:inline-flex;flex:1 1 auto;margin-left:0;max-height:calc(1.25rem * 4.5)}.md-combobox__multiwrap .selected-count{color:var(--md-primary-text-color,#f7f7f7)}.md-combobox__multiwrap .md-combobox-selected-item{align-items:center;background:var(--combobox-selected-bg-color,#dedede);border:1px solid var(--combobox-selected-border-color,#ccc);border-radius:.875rem;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;margin-bottom:calc(.25rem / 2);margin-right:.25rem;margin-top:.25rem;max-height:1.5rem;padding:0 .75rem}.md-combobox__multiwrap .md-combobox-selected-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:calc(1.25rem * 4)}.md-combobox__multiwrap .md-combobox-selected-item .remove-item{height:1.5rem}.md-combobox__multiwrap .md-combobox-selected-item:hover{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap .md-combobox-selected-item[selected]{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;color:var(--md-secondary-text-color,#545454);display:inline-block;flex:1 1 auto;height:2rem;outline:0}.md-combobox__multiwrap ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:calc(100%)}.md-combobox__multiwrap .remove-item{padding-left:calc(.25rem * 3)}.md-combobox-searchable .md-combobox__multiwrap{margin-left:calc(.25rem * 3)}`,x=function(t,e,o,i){var s,l=arguments.length,n=l<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,i);else for(var c=t.length-1;c>=0;c--)(s=t[c])&&(n=(l<3?s(n):l>3?s(e,o,n):s(e,o))||n);return l>3&&n&&Object.defineProperty(e,o,n),n},g=function(t,e,o,i){return new(o||(o=Promise))((function(s,l){function n(t){try{a(i.next(t))}catch(t){l(t)}}function c(t){try{a(i.throw(t))}catch(t){l(t)}}function a(t){var e;t.done?s(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(n,c)}a((i=i.apply(t,e||[])).next())}))};!function(t){let e=class extends(Object(l.a)(r.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.disabled=!1,this.ordered=!1,this.expanded=!1,this.compact=!1,this.noClearIcon=!1,this.selectWhenInFocus=!1,this.selectedOptions=[],this.visibleOptions=8,this.optionId="",this.optionValue="",this.isCustomContent=!1,this.searchable=!1,this.shape="none",this.value=[],this.inputValue="",this.allowCustomValue=!1,this.autofocus=!1,this.resultsTextLocalization="No Results",this.optionsTextLocalization="No Options",this.trimSpace=!1,this.invalid=!1,this.invalidText="",this.ariaLabel="Combobox Input",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.allTextLocalization="All",this.selectAllTextLocalization="Select All",this.selectedTextLocalization="Selected",this.allowSelectAll=!1,this.showCustomError=!1,this.showSelectedCount=!1,this.isSelectAllChecked=!1,this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifySelectedChange=Object(c.b)(t=>{this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))},0),this.notifyInputValueChanged=Object(c.b)(t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}}))},250),this.handleOutsideClick=t=>{let e=!1;const o=t.composedPath();o.length&&(e=!!o.find(t=>t===this),e||(this.setVisualListbox(!1),this.unselectedAllMultiTag()))}}get focusedIndex(){return this._focusedIndex}set focusedIndex(t){const e=this._focusedIndex;if(this.lists){const o=this.lists[e];o&&o.toggleAttribute("focused",!1);const i=this.lists[t];i&&i.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",e)}firstUpdated(t){super.firstUpdated(t),this.setAttribute("tabindex","0"),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&this.expanded&&this.resizeListbox(),t.has("focusedIndex")&&this.focusedIndex>=0&&this.scrollToOption(),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox())}handleFocusIn(t){this.disabled||(requestAnimationFrame(()=>{this.input.focus()}),this.selectWhenInFocus&&this.input.select(),super.handleFocusIn&&super.handleFocusIn(t)),this.dispatchEvent(new CustomEvent("combobox-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(t){super.handleFocusOut&&super.handleFocusOut(t),this.dispatchEvent(new CustomEvent("combobox-focus-out",{composed:!0,bubbles:!0}))}findFilteredOption(t){return this.isOptionObject(t)?this.filteredOptions.findIndex(e=>this.getOptionId(e)===this.getOptionId(t)&&this.getOptionValue(e)===this.getOptionValue(t)):this.filteredOptions.indexOf(t)}setInitialValue(){if(this.value.length)if(this.isMulti)this.value.forEach(t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)});else{const t=this.value[0],e=this.findFilteredOption(t);-1!==e&&(this.setSelectedOption(t),this.setInputValue(this.getOptionValue(t)),this.focusedIndex=e)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){this.customContent=[...this.querySelectorAll("[slot]")],this.customContent&&this.customContent.length?this.options=this.customContent.map(t=>{const e=t.getAttribute("aria-label"),o=t.getAttribute("display-value");if(e&&o)return{[this.optionId]:e,[this.optionValue]:o}}):this.options=[]}getOptionValue(t){return this.isOptionObject(t)?t[this.optionValue]:t}getOptionId(t){return this.isOptionObject(t)?t[this.optionId]:t}getFocusedItem(t){if(t>=0)return this.filteredOptions[t]}setupEvents(){document.addEventListener("click",this.handleOutsideClick),this.addEventListener("remove-all-selected",this.removeAllSelected),this.addEventListener("selected-changed",this.selectedChange)}teardownEvents(){document.removeEventListener("click",this.handleOutsideClick),this.removeEventListener("remove-all-selected",this.removeAllSelected),this.removeEventListener("selected-changed",this.selectedChange)}setVisualListbox(t){this.expanded=t}findSelectedOption(t){return this.optionId&&t?this.selectedOptions.findIndex(e=>e&&e[this.optionId]===t[this.optionId]):this.selectedOptions.indexOf(t)}findOptionIndex(t){const e=t.composedPath();return[...this.lists].findIndex(t=>e.includes(t))}setSelectedOption(t){this.isMulti||(this.selectedOptions=[]);const e=this.findSelectedOption(t);if(-1!==e){const t=this.selectedOptions[e];this.selectedOptions.splice(e,1),this.notifySelectedChange({value:t,selected:this.selectedOptions})}else this.selectedOptions.push(t),this.notifySelectedChange({value:t,selected:this.selectedOptions});this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()),this.requestUpdate()}filterOptions(t){return t&&t.length?this.options.filter(e=>(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase())):this.options}resizeListbox(){this.updateOnNextFrame(()=>{var t;if(this.lists){const t=[...this.lists].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0);this.listBox&&(this.listBox.style.maxHeight=t+"px")}if(this.showCustomError){const e=null===(t=this.listBox)||void 0===t?void 0:t.querySelector("[slot]");this.listBox&&e&&(this.listBox.style.height=e.clientHeight+"px",this.listBox.style.maxHeight=e.clientHeight+"px")}})}setInputValue(t=""){this.input.value=t}updateOnNextFrame(t){requestAnimationFrame(t)}unCheckedAllOptions(){this.isMulti&&(this.lists.forEach((t,e)=>this.unCheckedOption(e)),this.isSelectAllChecked=!1)}unCheckedOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","false"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}checkAllOptions(){this.isMulti&&this.lists.forEach((t,e)=>this.checkOption(e))}checkOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","true"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}isSelectAllSelected(){return this.selectedOptions.length===this.options.length}setFocusOnHost(t){this.setFocus&&this.setFocus(t)}isOptionFocused(t){return this.focusedIndex===t}getAriaState(t){return this.isOptionFocused(t)}scrollToOption(){let t=0;const{top:e,bottom:o}=this.listBox.getBoundingClientRect(),i=this.lists[this.focusedIndex],s=(this.lists[this.focusedIndex+1]||i).getBoundingClientRect(),l=(this.lists[this.focusedIndex-1]||i).getBoundingClientRect();s.bottom>o?t=s.bottom-o+2:l.top<e&&(t=l.top-e-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=t})}getCustomContentName(t){const e=this.options.indexOf(t);if(-1!==e)return this.customContent[e].slot}setInputSelectionRange(t,e){this.input.setSelectionRange(t,e)}isOptionChecked(t){return-1!==this.findSelectedOption(t)?"true":"false"}getInputSelection(){return this.input.selectionStart}canMultiSelect(){return 0===this.getInputSelection()&&0!==this.selectedOptions.length&&this.isMulti}removeMultiTag(){this.selected&&this.multiSelected.forEach(t=>{const e=this.selected[t];e&&e.hasAttribute("selected")&&this.removeSelected(this.selectedOptions[t])})}unselectedAllMultiTag(){this.selected&&this.selected.forEach(t=>t.removeAttribute("selected")),this.multiSelectedIndex=-1}findLastMultiSelected(){return this.selected[this.multiSelectedIndex]}toggleMultiSelectedTag(t,e){t&&t.toggleAttribute("selected",e)}selectMultiTag(t){if(this.canMultiSelect()){if(!t){this.multiSelected=[];const t=this.findLastMultiSelected();this.toggleMultiSelectedTag(t,!1)}this.multiSelectedIndex<=0?this.multiSelectedIndex=this.selectedOptions.length-1:this.multiSelectedIndex--,this.multiSelected.push(this.multiSelectedIndex);const e=this.findLastMultiSelected();this.toggleMultiSelectedTag(e,!0)}}handleListClick(t){return g(this,void 0,void 0,(function*(){this.dispatchEvent(new CustomEvent("selected-changed",{detail:{event:t}})),yield this.updateComplete,this.isMulti?this.setVisualListbox(!0):this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus()})}))}handleSelectAll(){return g(this,void 0,void 0,(function*(){(0===this.selectedOptions.length||this.isSelectAllSelected())&&(this.isSelectAllChecked=!this.isSelectAllChecked,this.isSelectAllChecked?(this.selectedOptions=[...this.options],this.checkAllOptions()):(this.selectedOptions=[],this.unCheckedAllOptions()),yield this.updateComplete,this.setVisualListbox(!0),this.notifySelectedChange({selected:this.selectedOptions}))}))}handleInputKeyUp(t){switch(t.code){case s.a.Escape:return;case s.a.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case s.a.ArrowLeft:this.isMulti&&(t.shiftKey?this.selectMultiTag(!0):this.selectMultiTag(!1));break;default:this.isMulti&&this.unselectedAllMultiTag()}}handleInput(t){const e=t.target.value;this.inputValue=e,this.notifyInputValueChanged(e)}removeAllSelected(){this.focusedIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),this.setVisualListbox(!1),this.unCheckedAllOptions(),this.updateOnNextFrame(()=>{this.input.focus()}),this.notifySelectedChange({selected:this.selectedOptions})}removeSelected(t){const e=this.findSelectedOption(t),o=this.filteredOptions.indexOf(t);-1!==o&&this.unCheckedOption(o),-1!==e&&(this.selectedOptions.splice(e,1),this.requestUpdate()),this.updateOnNextFrame(()=>{this.input.focus()})}selectedChange(t){const{event:e}=t.detail;let o=this.findOptionIndex(e);if(-1!==o){this.focusedIndex=o,this.isMulti&&this.allowSelectAll&&(o-=1);const t=this.getFocusedItem(o);t&&(this.setSelectedOption(t),this.isMulti?this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()):this.setInputValue(this.getOptionValue(t)))}}shouldChangeButton(){return this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length&&!this.noClearIcon}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame(()=>{this.focusedIndex=this.filteredOptions.length-1;const t=this.getFocusedItem(this.focusedIndex);t&&this.setInputValue(this.getOptionValue(t))}),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleInputKeyDown(t){switch(t.code){case s.a.Backspace:this.focusedIndex=-1;break;case s.a.Tab:case s.a.Enter:this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{const t=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);if(this.allowCustomValue&&this.input&&this.input.value.length){if(-1===this.findFilteredOption(this.inputValue))return void this.setCustomValue()}t&&(this.setSelectedOption(t),this.showSelectedCount||this.setInputValue(this.getOptionValue(t))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()});break;case s.a.ArrowDown:this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const t=this.getFocusedItem(this.focusedIndex);!this.showSelectedCount&&t&&this.setInputValue(this.getOptionValue(t))});break;case s.a.ArrowUp:this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const t=this.getFocusedItem(this.focusedIndex);t&&!this.showSelectedCount&&this.setInputValue(this.getOptionValue(t))});break;case s.a.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),this.focusedIndex=-1,this.removeAllSelected());break;case s.a.Home:this.setInputSelectionRange(0,0);break;case s.a.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case s.a.Space:if(this.isMulti){t.preventDefault();const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.showSelectedCount||this.setInputValue()),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}break;default:this.setVisualListbox(!0)}}toggleVisualListBox(){this.expanded?this.setVisualListbox(!1):this.setVisualListbox(!0),this.input.focus()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents()}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[a.a,m]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue)}get comboBoxTemplateClassMap(){return{["md-combobox--"+this.shape]:!!this.shape,"md-combobox-searchable":this.searchable}}searchIconTemplate(){return r.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[36],{77:function(t,e,o){"use strict";o.r(e),o.d(e,"ComboBox",(function(){return i}));o(50),o(15);var i,s=o(1),l=o(7),n=o(5),r=o(18),c=o(4),a=o(0),d=o(2),p=o(3),h=o(6),u=o(14),b=o(9),m=a.css`:host{--combobox-input-clear-bg:var(--combobox-group-button-bg-color, $lm-combobox-group-button-bg-color-light)}:host() .group{background:var(--combobox-bg-color,#fff)}:host(:focus){box-shadow:none!important;outline:0!important}:host([focus-visible]) .group{border-color:var(--combobox-focus-border-color,#005e7d);box-shadow:none}:host([disabled]) .group,:host([disabled]) .group:active,:host([disabled]) .group:hover{background:var(--combobox-disabled-bg-color,#ededed);pointer-events:none}:host([disabled]) .group:active>md-icon,:host([disabled]) .group:hover>md-icon,:host([disabled]) .group>md-icon{opacity:.3}:host([expanded]) .md-combobox-button.arrow-down{transform:rotate(180deg)}:host([invalid]) .group,:host([invalid]) .group:active,:host([invalid]) .group:hover{background:var(--combobox-invalid-bg-color,#ffe8e3);border-color:var(--combobox-invalid-border-color,#f7644a)}:host([invalid]) .md-combobox-error{padding:.1875rem 0 0 .75rem}.md-combobox-list{position:relative;height:2rem}.md-combobox .group{align-items:start;background:var(--combobox-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:var(--combobox-group-radius,.25rem);display:flex;padding:0 .75rem;height:2.125rem}.md-combobox .group md-icon{color:var(--md-secondary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:1.75rem;padding:calc(.25rem / 2)}.md-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#91ebff)}.md-combobox .group:hover{background:var(--combobox-hover-bg-color,#dedede)}.md-combobox .group:active{background:var(--combobox-pressed-bg-color,#ccc)}.md-combobox .group.multiselect:hover{background:var(--combobox-bg-color,#fff)}.md-combobox .group.multiselect:active{background:var(--combobox-bg-color,#fff)}.md-combobox .md-combobox-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}.md-combobox--pill .group{border-radius:18px}.md-combobox-button{transition:all .15s linear;background:0 0;border:0;cursor:pointer;margin:0;margin-left:calc(.25rem * 2);outline:0;padding:0;padding-top:calc(.25rem / 2);position:relative;vertical-align:bottom}.md-combobox-button .md-input__icon-clear{display:flex;align-items:center;height:inherit}.md-combobox-button md-icon{color:var(--combobox-dropdown-item-icon-color,#121212)}ul{background-color:var(--combobox-dropdown-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);box-sizing:border-box;font-size:14px;left:0;list-style:none;margin:0;overflow:auto;overflow-x:hidden;padding:0;position:absolute;top:calc(100% + .25rem);width:100%}ul .no-result{padding:.4375rem .75rem .5rem}.md-combobox-multi-input{width:initial}.highlight-text{font-weight:700}.selected-label-text{white-space:pre-wrap}.group-label{font-weight:400;font-size:14px;line-height:19px;color:var(--combobox-group-label-color);padding:9px 16px;border-top:1px solid var(--combobox-group-label-border-color);border-bottom:1px solid var(--combobox-group-label-border-color);display:block;width:100%;background-color:var(--combobox-group-label-bg-color)}.group-label:hover{background:unset}.md-combobox-option{align-items:center;color:var(--md-primary-text-color,#f7f7f7);display:flex;margin:0;outline:0;padding:.4375rem .75rem .5rem;width:100%}.md-combobox-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:block;letter-spacing:normal;width:calc(100% - 1.25rem)}.md-combobox-option .select-label span{margin-right:-.25rem;white-space:nowrap}.md-combobox-option .select-option{background:var(--combobox-dropdown-item-select-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:calc(.5rem / 2);box-sizing:border-box;cursor:pointer;display:inline-block;height:1.25rem;margin-right:1rem;min-width:1.25rem;position:relative}.md-combobox-option .select-option md-icon{height:1.125rem;left:.125rem;position:absolute;top:-.1875rem;vertical-align:top;visibility:hidden}.md-combobox-option .indeterminate{background:var(--combobox-dropdown-item-checked-bg-color,#00a0d1);border:1px solid var(--combobox-dropdown-item-checked-bg-color,#00a0d1)}.md-combobox-option .indeterminate md-icon{color:var(--combobox-dropdown-item-checked-icon-color,#fff);visibility:visible}.md-combobox-option:hover{background:var(--combobox-dropdown-item-hover-bg-color,#c9f4ff)}.md-combobox-option.md-combobox-multiselect{border-bottom:1px solid var(--md-button-tertiary-outline-color,#545454)}.md-combobox-option[aria-checked=true] .select-option{background:var(--combobox-dropdown-item-checked-bg-color,#00a0d1);border:1px solid var(--combobox-dropdown-item-checked-bg-color,#00a0d1)}.md-combobox-option[aria-checked=true] .select-option md-icon{color:var(--combobox-dropdown-item-checked-icon-color,#fff);visibility:visible}.md-combobox-option[focused]{background:var(--combobox-dropdown-item-focus-bg-color,#91ebff)}.md-combobox__multiwrap{align-items:center;display:inline-flex;flex:1 1 auto;margin-left:0;max-height:calc(1.25rem * 4.5)}.md-combobox__multiwrap .selected-count{color:var(--md-primary-text-color,#f7f7f7)}.md-combobox__multiwrap .md-combobox-selected-item{align-items:center;background:var(--combobox-selected-bg-color,#dedede);border:1px solid var(--combobox-selected-border-color,#ccc);border-radius:.875rem;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;margin-bottom:calc(.25rem / 2);margin-right:.25rem;margin-top:.25rem;max-height:1.5rem;padding:0 .75rem}.md-combobox__multiwrap .md-combobox-selected-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:calc(1.25rem * 4)}.md-combobox__multiwrap .md-combobox-selected-item .remove-item{height:1.5rem}.md-combobox__multiwrap .md-combobox-selected-item:hover{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap .md-combobox-selected-item[selected]{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;color:var(--md-secondary-text-color,#545454);display:inline-block;flex:1 1 auto;height:2rem;outline:0}.md-combobox__multiwrap ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:calc(100%)}.md-combobox__multiwrap .remove-item{padding-left:calc(.25rem * 3)}.md-combobox-searchable .md-combobox__multiwrap{margin-left:calc(.25rem * 3)}`,x=function(t,e,o,i){var s,l=arguments.length,n=l<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,i);else for(var r=t.length-1;r>=0;r--)(s=t[r])&&(n=(l<3?s(n):l>3?s(e,o,n):s(e,o))||n);return l>3&&n&&Object.defineProperty(e,o,n),n},g=function(t,e,o,i){return new(o||(o=Promise))((function(s,l){function n(t){try{c(i.next(t))}catch(t){l(t)}}function r(t){try{c(i.throw(t))}catch(t){l(t)}}function c(t){var e;t.done?s(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(n,r)}c((i=i.apply(t,e||[])).next())}))};!function(t){let e=class extends(Object(l.a)(a.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.disabled=!1,this.ordered=!1,this.expanded=!1,this.compact=!1,this.noClearIcon=!1,this.selectWhenInFocus=!1,this.selectedOptions=[],this.visibleOptions=8,this.optionId="",this.optionValue="",this.isCustomContent=!1,this.searchable=!1,this.shape="none",this.value=[],this.inputValue="",this.allowCustomValue=!1,this.autofocus=!1,this.resultsTextLocalization="No Results",this.optionsTextLocalization="No Options",this.trimSpace=!1,this.invalid=!1,this.invalidText="",this.ariaLabel="Combobox Input",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.allTextLocalization="All",this.selectAllTextLocalization="Select All",this.selectedTextLocalization="Selected",this.allowSelectAll=!1,this.showCustomError=!1,this.showSelectedCount=!1,this.isOptGroup=!1,this.isSelectAllChecked=!1,this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifySelectedChange=Object(r.b)(t=>{this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))},0),this.notifyInputValueChanged=Object(r.b)(t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}}))},250),this.handleOutsideClick=t=>{let e=!1;const o=t.composedPath();o.length&&(e=!!o.find(t=>t===this),e||(this.setVisualListbox(!1),this.unselectedAllMultiTag()))}}get focusedIndex(){return this._focusedIndex}set focusedIndex(t){const e=this._focusedIndex;if(this.lists){const o=this.lists[e];o&&o.toggleAttribute("focused",!1);const i=this.lists[t];i&&i.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",e)}firstUpdated(t){super.firstUpdated(t),this.setAttribute("tabindex","0"),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&this.expanded&&this.resizeListbox(),t.has("focusedIndex")&&this.focusedIndex>=0&&this.scrollToOption(),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox())}handleFocusIn(t){this.disabled||(requestAnimationFrame(()=>{this.input.focus()}),this.selectWhenInFocus&&this.input.select(),super.handleFocusIn&&super.handleFocusIn(t)),this.dispatchEvent(new CustomEvent("combobox-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(t){super.handleFocusOut&&super.handleFocusOut(t),this.dispatchEvent(new CustomEvent("combobox-focus-out",{composed:!0,bubbles:!0}))}findFilteredOption(t){return this.isOptionObject(t)?this.filteredOptions.findIndex(e=>this.getOptionId(e)===this.getOptionId(t)&&this.getOptionValue(e)===this.getOptionValue(t)):this.filteredOptions.indexOf(t)}setInitialValue(){if(this.value.length)if(this.isMulti)this.value.forEach(t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)});else{const t=this.value[0],e=this.findFilteredOption(t);-1!==e&&(this.setSelectedOption(t),this.setInputValue(this.getOptionValue(t)),this.focusedIndex=e)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){if(this.isOptGroup){const t=[...this.querySelectorAll("optgroup")];let e=[];for(const o of t){const t=o.getAttribute("label"),i=[...o.querySelectorAll("[slot]")];e.push({isLabel:"true",[this.optionValue]:t,groupName:t});for(const o of i){const i=o.getAttribute("aria-label"),s=o.getAttribute("display-value"),l=o.getAttribute("slot");i&&s&&e.push({[this.optionId]:i,[this.optionValue]:s,isLabel:"false",groupName:t,slot:l})}}this.options=e}else this.customContent=[...this.querySelectorAll("[slot]")],this.customContent&&this.customContent.length?this.options=this.customContent.map(t=>{const e=t.getAttribute("aria-label"),o=t.getAttribute("display-value");if(e&&o)return{[this.optionId]:e,[this.optionValue]:o}}):this.options=[]}getOptionValue(t){return this.isOptionObject(t)?t[this.optionValue]:t}getOptionId(t){return this.isOptionObject(t)?t[this.optionId]:t}getFocusedItem(t){if(t>=0)return this.filteredOptions[t]}setupEvents(){document.addEventListener("click",this.handleOutsideClick),this.addEventListener("remove-all-selected",this.removeAllSelected),this.addEventListener("selected-changed",this.selectedChange)}teardownEvents(){document.removeEventListener("click",this.handleOutsideClick),this.removeEventListener("remove-all-selected",this.removeAllSelected),this.removeEventListener("selected-changed",this.selectedChange)}setVisualListbox(t){this.expanded=t}findSelectedOption(t){return this.optionId&&t?this.selectedOptions.findIndex(e=>e&&e[this.optionId]===t[this.optionId]):this.selectedOptions.indexOf(t)}findOptionIndex(t){const e=t.composedPath();return[...this.lists].findIndex(t=>e.includes(t))}setSelectedOption(t){this.isMulti||(this.selectedOptions=[]);const e=this.findSelectedOption(t);if(-1!==e){const t=this.selectedOptions[e];this.selectedOptions.splice(e,1),this.notifySelectedChange({value:t,selected:this.selectedOptions})}else this.selectedOptions.push(t),this.notifySelectedChange({value:t,selected:this.selectedOptions});this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()),this.requestUpdate()}filterOptions(t){if(t&&t.length){const e=this.options.filter(e=>this.isOptGroup&&"string"!=typeof e&&"true"===e.isLabel?e:(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase()));return this.isOptGroup?e.filter(t=>{if("string"!=typeof t&&"true"===t.isLabel){return!!e.find(e=>{if("string"!=typeof t&&"string"!=typeof e)return t.groupName===e.groupName&&"false"===e.isLabel})}return!0}):e}return this.options}resizeListbox(){this.updateOnNextFrame(()=>{var t;if(this.lists){const t=[...this.lists].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0);this.listBox&&(this.listBox.style.maxHeight=t+"px")}if(this.labels&&this.lists){const t=[...this.labels].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0),e=[...this.lists].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0);this.listBox&&(this.listBox.style.maxHeight=e+t+"px")}if(this.showCustomError){const e=null===(t=this.listBox)||void 0===t?void 0:t.querySelector("[slot]");this.listBox&&e&&(this.listBox.style.height=e.clientHeight+"px",this.listBox.style.maxHeight=e.clientHeight+"px")}})}setInputValue(t=""){this.input.value=t}updateOnNextFrame(t){requestAnimationFrame(t)}unCheckedAllOptions(){this.isMulti&&(this.lists.forEach((t,e)=>this.unCheckedOption(e)),this.isSelectAllChecked=!1)}unCheckedOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","false"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}checkAllOptions(){this.isMulti&&this.lists.forEach((t,e)=>this.checkOption(e))}checkOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","true"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}isSelectAllSelected(){return this.selectedOptions.length===this.options.length}setFocusOnHost(t){this.setFocus&&this.setFocus(t)}isOptionFocused(t){return this.focusedIndex===t}getAriaState(t){return this.isOptionFocused(t)}scrollToOption(){var t,e;let o=0;const{top:i,bottom:s}=this.listBox.getBoundingClientRect(),l=this.lists[this.focusedIndex],n=null===(t=this.lists[this.focusedIndex+1]||l)||void 0===t?void 0:t.getBoundingClientRect(),r=null===(e=this.lists[this.focusedIndex-1]||l)||void 0===e?void 0:e.getBoundingClientRect();n.bottom>s?o=n.bottom-s+2:r.top<i&&(o=r.top-i-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=o})}getCustomContentName(t){const e=this.options.indexOf(t);if(this.isOptGroup){const t=this.options[e];if(t&&"string"!=typeof t)return t.slot}else if(-1!==e)return this.customContent[e].slot}setInputSelectionRange(t,e){this.input.setSelectionRange(t,e)}isOptionChecked(t){return-1!==this.findSelectedOption(t)?"true":"false"}getInputSelection(){return this.input.selectionStart}canMultiSelect(){return 0===this.getInputSelection()&&0!==this.selectedOptions.length&&this.isMulti}removeMultiTag(){this.selected&&this.multiSelected.forEach(t=>{const e=this.selected[t];e&&e.hasAttribute("selected")&&this.removeSelected(this.selectedOptions[t])})}unselectedAllMultiTag(){this.selected&&this.selected.forEach(t=>t.removeAttribute("selected")),this.multiSelectedIndex=-1}findLastMultiSelected(){return this.selected[this.multiSelectedIndex]}toggleMultiSelectedTag(t,e){t&&t.toggleAttribute("selected",e)}selectMultiTag(t){if(this.canMultiSelect()){if(!t){this.multiSelected=[];const t=this.findLastMultiSelected();this.toggleMultiSelectedTag(t,!1)}this.multiSelectedIndex<=0?this.multiSelectedIndex=this.selectedOptions.length-1:this.multiSelectedIndex--,this.multiSelected.push(this.multiSelectedIndex);const e=this.findLastMultiSelected();this.toggleMultiSelectedTag(e,!0)}}handleListClick(t){return g(this,void 0,void 0,(function*(){this.dispatchEvent(new CustomEvent("selected-changed",{detail:{event:t}})),yield this.updateComplete,this.isMulti?this.setVisualListbox(!0):this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus()})}))}handleSelectAll(){return g(this,void 0,void 0,(function*(){(0===this.selectedOptions.length||this.isSelectAllSelected())&&(this.isSelectAllChecked=!this.isSelectAllChecked,this.isSelectAllChecked?(this.selectedOptions=[...this.options],this.checkAllOptions()):(this.selectedOptions=[],this.unCheckedAllOptions()),yield this.updateComplete,this.setVisualListbox(!0),this.notifySelectedChange({selected:this.selectedOptions}))}))}handleInputKeyUp(t){switch(t.code){case s.a.Escape:return;case s.a.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case s.a.ArrowLeft:this.isMulti&&(t.shiftKey?this.selectMultiTag(!0):this.selectMultiTag(!1));break;default:this.isMulti&&this.unselectedAllMultiTag()}}handleInput(t){const e=t.target.value;this.inputValue=e,this.notifyInputValueChanged(e)}removeAllSelected(){this.focusedIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),this.setVisualListbox(!1),this.unCheckedAllOptions(),this.updateOnNextFrame(()=>{this.input.focus()}),this.notifySelectedChange({selected:this.selectedOptions})}removeSelected(t){const e=this.findSelectedOption(t),o=this.filteredOptions.indexOf(t);-1!==o&&this.unCheckedOption(o),-1!==e&&(this.selectedOptions.splice(e,1),this.requestUpdate()),this.updateOnNextFrame(()=>{this.input.focus()})}selectedChange(t){const{event:e}=t.detail;let o=this.findOptionIndex(e);if(-1!==o){this.focusedIndex=o,this.isMulti&&this.allowSelectAll&&(o-=1);const t=this.getFocusedItem(o);t&&(this.setSelectedOption(t),this.isMulti?this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()):this.setInputValue(this.getOptionValue(t)))}}shouldChangeButton(){return this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length&&!this.noClearIcon}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame(()=>{this.focusedIndex=this.filteredOptions.length-1;const t=this.getFocusedItem(this.focusedIndex);t&&this.setInputValue(this.getOptionValue(t))}),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleInputKeyDown(t){switch(t.code){case s.a.Backspace:this.focusedIndex=-1;break;case s.a.Tab:case s.a.Enter:this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{const t=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);if(this.allowCustomValue&&this.input&&this.input.value.length){if(-1===this.findFilteredOption(this.inputValue))return void this.setCustomValue()}t&&(this.setSelectedOption(t),this.showSelectedCount||this.setInputValue(this.getOptionValue(t))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()});break;case s.a.ArrowDown:this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const t=this.getFocusedItem(this.focusedIndex);!this.showSelectedCount&&t&&this.setInputValue(this.getOptionValue(t))});break;case s.a.ArrowUp:this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const t=this.getFocusedItem(this.focusedIndex);t&&!this.showSelectedCount&&this.setInputValue(this.getOptionValue(t))});break;case s.a.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),this.focusedIndex=-1,this.removeAllSelected());break;case s.a.Home:this.setInputSelectionRange(0,0);break;case s.a.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case s.a.Space:if(this.isMulti){t.preventDefault();const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.showSelectedCount||this.setInputValue()),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}break;default:this.setVisualListbox(!0)}}toggleVisualListBox(){this.expanded?this.setVisualListbox(!1):this.setVisualListbox(!0),this.input.focus()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents();this.querySelector("optgroup")&&(this.isOptGroup=!0)}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[c.a,m]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t?"false"===t.isLabel:void 0))}get comboBoxTemplateClassMap(){return{["md-combobox--"+this.shape]:!!this.shape,"md-combobox-searchable":this.searchable}}searchIconTemplate(){return a.html`
|
|
2
2
|
<md-icon name="icon-search_16" @click=${this.toggleVisualListBox}></md-icon>
|
|
3
|
-
`}selectedOptionTemplate(t){return
|
|
3
|
+
`}selectedOptionTemplate(t){return a.html`
|
|
4
4
|
<div class="md-combobox-selected-item">
|
|
5
5
|
<span>${this.getOptionValue(t)}</span>
|
|
6
6
|
<md-icon class="remove-item" name="cancel_8" @click=${()=>this.removeSelected(t)}></md-icon>
|
|
7
7
|
</div>
|
|
8
|
-
`}clearButtonTemplate(){return
|
|
8
|
+
`}clearButtonTemplate(){return a.html`
|
|
9
9
|
<button
|
|
10
10
|
type="button"
|
|
11
11
|
class="md-combobox-button clear"
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
>
|
|
19
19
|
<span> <md-icon class="md-input__icon-clear" name="clear-active_12"></md-icon></span>
|
|
20
20
|
</button>
|
|
21
|
-
`}arrowButtonTemplate(){return
|
|
21
|
+
`}arrowButtonTemplate(){return a.html`
|
|
22
22
|
<button
|
|
23
23
|
type="button"
|
|
24
24
|
class="md-combobox-button arrow-down"
|
|
@@ -31,37 +31,39 @@
|
|
|
31
31
|
>
|
|
32
32
|
<span><md-icon name="icon-arrow-down_16"></md-icon> </span>
|
|
33
33
|
</button>
|
|
34
|
-
`}getSelectAllOption(){return
|
|
34
|
+
`}getSelectAllOption(){return a.html`
|
|
35
35
|
<li
|
|
36
36
|
id="selectAll"
|
|
37
37
|
part="combobox-option"
|
|
38
38
|
role="option"
|
|
39
|
-
class="md-combobox-option ${Object(
|
|
39
|
+
class="md-combobox-option ${Object(p.classMap)(this.listItemOptionMap)}"
|
|
40
40
|
@click=${this.handleSelectAll}
|
|
41
|
-
aria-checked=${Object(
|
|
41
|
+
aria-checked=${Object(h.ifDefined)(this.isSelectAllChecked?"true":void 0)}
|
|
42
42
|
>
|
|
43
|
-
${this.isSelectAllChecked||0===this.selectedOptions.length?
|
|
43
|
+
${this.isSelectAllChecked||0===this.selectedOptions.length?a.html`
|
|
44
44
|
<span class="select-option">
|
|
45
45
|
<md-icon name="icon-check_14"></md-icon>
|
|
46
46
|
</span>
|
|
47
|
-
`:
|
|
47
|
+
`:a.html`
|
|
48
48
|
<span class="select-option indeterminate">
|
|
49
49
|
<md-icon name="icon-minus_14"></md-icon>
|
|
50
50
|
</span>
|
|
51
51
|
`}
|
|
52
52
|
<span part="label" class="select-label">${this.selectAllTextLocalization}</span>
|
|
53
53
|
</li>
|
|
54
|
-
`}getSelctedCount(){return 0===this.selectedOptions.length?d.nothing:this.isSelectAllSelected()?
|
|
54
|
+
`}getSelctedCount(){return 0===this.selectedOptions.length?d.nothing:this.isSelectAllSelected()?a.html`
|
|
55
55
|
<md-span class="selected-count">${this.allTextLocalization}</md-span>
|
|
56
|
-
`:
|
|
56
|
+
`:a.html`
|
|
57
57
|
<md-span class="selected-count">${this.selectedOptions.length} ${this.selectedTextLocalization}</md-span>
|
|
58
|
-
`}getCustomErrorContent(){return this.querySelector("[slot]")||this.shadowRoot.querySelector("[slot]")}
|
|
58
|
+
`}getCustomErrorContent(){return this.querySelector("[slot]")||this.shadowRoot.querySelector("[slot]")}getCustomContent(t){const e=this.getCustomContentName(t);if(this.isOptGroup){const t=[...this.querySelectorAll("[slot]")].find(t=>t.slot===e);return t?document.createRange().createContextualFragment(""+t.outerHTML):a.html``}return a.html`
|
|
59
|
+
<slot name=${Object(h.ifDefined)(e)}></slot>
|
|
60
|
+
`}render(){return a.html`
|
|
59
61
|
<div
|
|
60
62
|
part="combobox"
|
|
61
63
|
aria-label=${this.ariaLabel}
|
|
62
|
-
class="md-combobox md-combobox-list ${Object(
|
|
64
|
+
class="md-combobox md-combobox-list ${Object(p.classMap)(this.comboBoxTemplateClassMap)}"
|
|
63
65
|
>
|
|
64
|
-
<div part="group" class="group ${Object(
|
|
66
|
+
<div part="group" class="group ${Object(p.classMap)(this.listItemOptionMap)}">
|
|
65
67
|
${this.searchable?this.searchIconTemplate():d.nothing}
|
|
66
68
|
<div class="md-combobox__multiwrap" part="multiwrap">
|
|
67
69
|
${this.isMulti?this.isMulti&&!this.showSelectedCount?Object(u.repeat)(this.selectedOptions,t=>this.selectedOptionTemplate(t)):this.getSelctedCount():d.nothing}
|
|
@@ -77,7 +79,7 @@
|
|
|
77
79
|
aria-controls="md-combobox-listbox"
|
|
78
80
|
?disabled=${this.disabled}
|
|
79
81
|
?autofocus=${this.autofocus}
|
|
80
|
-
title=${Object(
|
|
82
|
+
title=${Object(h.ifDefined)(this.selectedOptions.length>0?this.selectedOptions[0]:this.placeholder)}
|
|
81
83
|
.value=${this.inputValue}
|
|
82
84
|
@click=${this.toggleVisualListBox}
|
|
83
85
|
@input=${this.handleInput}
|
|
@@ -87,7 +89,7 @@
|
|
|
87
89
|
</div>
|
|
88
90
|
${this.compact?d.nothing:this.shouldChangeButton()?this.clearButtonTemplate():this.arrowButtonTemplate()}
|
|
89
91
|
</div>
|
|
90
|
-
${this.showCustomError?
|
|
92
|
+
${this.showCustomError?a.html`
|
|
91
93
|
<ul
|
|
92
94
|
id="md-combobox-listbox"
|
|
93
95
|
part="combobox-options"
|
|
@@ -97,7 +99,7 @@
|
|
|
97
99
|
>
|
|
98
100
|
${this.getCustomErrorContent()}
|
|
99
101
|
</ul>
|
|
100
|
-
`:
|
|
102
|
+
`:a.html`
|
|
101
103
|
<ul
|
|
102
104
|
id="md-combobox-listbox"
|
|
103
105
|
part="combobox-options"
|
|
@@ -106,41 +108,41 @@
|
|
|
106
108
|
style=${Object(b.styleMap)({display:this.expanded?this.options.length&&0===this.filteredOptions.length&&this.inputValue&&this.allowCustomValue?"none":"block":"none","z-index":"1"})}
|
|
107
109
|
>
|
|
108
110
|
${this.isMulti&&this.allowSelectAll?this.getSelectAllOption():d.nothing}
|
|
109
|
-
${Object(u.repeat)(this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),t=>this.getOptionId(t),(t,e)=>
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?
|
|
111
|
+
${Object(u.repeat)(this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue),t=>this.getOptionId(t),(t,e)=>"string"!=typeof t&&this.isOptGroup&&"true"===t.isLabel?a.html`
|
|
112
|
+
<span part="group-label" class="group-label">${t.value}</span>
|
|
113
|
+
`:a.html`
|
|
114
|
+
<li
|
|
115
|
+
id=${this.getOptionId(t)}
|
|
116
|
+
title="${this.getOptionValue(t)}"
|
|
117
|
+
part="combobox-option"
|
|
118
|
+
role="option"
|
|
119
|
+
class="md-combobox-option"
|
|
120
|
+
aria-label=${this.getOptionValue(t)}
|
|
121
|
+
aria-selected=${this.getAriaState(e)}
|
|
122
|
+
tabindex="-1"
|
|
123
|
+
@click=${this.handleListClick}
|
|
124
|
+
aria-checked=${Object(h.ifDefined)(this.isMulti?this.isOptionChecked(t):void 0)}
|
|
125
|
+
>
|
|
126
|
+
${this.isMulti?a.html`
|
|
127
|
+
<span class="select-option">
|
|
128
|
+
<md-icon name="icon-check_14"></md-icon>
|
|
129
|
+
</span>
|
|
130
|
+
`:d.nothing}
|
|
131
|
+
<span part="label" class="select-label">
|
|
132
|
+
${this.isCustomContent?this.getCustomContent(t):Object(r.c)(this.getOptionValue(t),this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).map(({text:t,matching:e})=>e?a.html`
|
|
133
|
+
<span class="highlight-text">${t}</span>
|
|
134
|
+
`:a.html`
|
|
135
|
+
<span class="selected-label-text">${t}</span>
|
|
136
|
+
`)}
|
|
137
|
+
</span>
|
|
138
|
+
</li>
|
|
139
|
+
`)}
|
|
140
|
+
${this.options.length&&0===this.filteredOptions.length&&this.inputValue&&!this.allowCustomValue?a.html`
|
|
139
141
|
<li class="no-result" role="option" aria-selected="false" tabindex="-1">
|
|
140
142
|
${this.resultsTextLocalization.trim()}
|
|
141
143
|
</li>
|
|
142
144
|
`:d.nothing}
|
|
143
|
-
${0===this.options.length?
|
|
145
|
+
${0===this.options.length?a.html`
|
|
144
146
|
<li class="no-result" role="option" aria-selected="false" tabindex="-1">
|
|
145
147
|
${this.optionsTextLocalization.trim()}
|
|
146
148
|
</li>
|
|
@@ -148,9 +150,9 @@
|
|
|
148
150
|
</ul>
|
|
149
151
|
`}
|
|
150
152
|
</div>
|
|
151
|
-
${this.invalid?
|
|
153
|
+
${this.invalid?a.html`
|
|
152
154
|
<div part="message" class="md-combobox-error">
|
|
153
155
|
<md-help-text .message=${this.invalidText} messageType="error"></md-help-text>
|
|
154
156
|
</div>
|
|
155
157
|
`:d.nothing}
|
|
156
|
-
`}};x([Object(
|
|
158
|
+
`}};x([Object(a.property)({type:String})],e.prototype,"label",void 0),x([Object(a.property)({type:Array})],e.prototype,"options",void 0),x([Object(a.property)({type:Array,attribute:"custom-options"})],e.prototype,"customOptions",void 0),x([Object(a.property)({type:String})],e.prototype,"placeholder",void 0),x([Object(a.property)({type:Boolean,attribute:"is-multi"})],e.prototype,"isMulti",void 0),x([Object(a.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),x([Object(a.property)({type:Boolean,reflect:!0})],e.prototype,"ordered",void 0),x([Object(a.property)({type:Boolean,reflect:!0})],e.prototype,"expanded",void 0),x([Object(a.property)({type:Boolean,reflect:!0})],e.prototype,"compact",void 0),x([Object(a.property)({type:Boolean,attribute:"no-clear-icon"})],e.prototype,"noClearIcon",void 0),x([Object(a.property)({type:Boolean,attribute:"select-when-in-focus"})],e.prototype,"selectWhenInFocus",void 0),x([Object(a.property)({type:Array})],e.prototype,"selectedOptions",void 0),x([Object(a.property)({type:Number,attribute:"visible-option",reflect:!0})],e.prototype,"visibleOptions",void 0),x([Object(a.property)({type:String,attribute:"option-id",reflect:!0})],e.prototype,"optionId",void 0),x([Object(a.property)({type:String,attribute:"option-value",reflect:!0})],e.prototype,"optionValue",void 0),x([Object(a.property)({type:Boolean,attribute:"with-custom-content"})],e.prototype,"isCustomContent",void 0),x([Object(a.property)({type:Boolean,reflect:!0})],e.prototype,"searchable",void 0),x([Object(a.property)({type:String})],e.prototype,"shape",void 0),x([Object(a.property)({type:Array})],e.prototype,"value",void 0),x([Object(a.property)({type:String,attribute:"input-value",reflect:!0})],e.prototype,"inputValue",void 0),x([Object(a.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],e.prototype,"allowCustomValue",void 0),x([Object(a.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),x([Object(a.property)({type:String,attribute:"no-results-i18n"})],e.prototype,"resultsTextLocalization",void 0),x([Object(a.property)({type:String,attribute:"no-options-i18n"})],e.prototype,"optionsTextLocalization",void 0),x([Object(a.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],e.prototype,"trimSpace",void 0),x([Object(a.property)({type:Boolean,reflect:!0})],e.prototype,"invalid",void 0),x([Object(a.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],e.prototype,"invalidText",void 0),x([Object(a.property)({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0),x([Object(a.property)({type:String,attribute:"clear-aria-label"})],e.prototype,"clearAriaLabel",void 0),x([Object(a.property)({type:String,attribute:"arrow-aria-label"})],e.prototype,"arrowAriaLabel",void 0),x([Object(a.property)({type:String,attribute:"all-i18n"})],e.prototype,"allTextLocalization",void 0),x([Object(a.property)({type:String,attribute:"select-all-i18n"})],e.prototype,"selectAllTextLocalization",void 0),x([Object(a.property)({type:String,attribute:"selected-all-i18n"})],e.prototype,"selectedTextLocalization",void 0),x([Object(a.property)({type:Boolean,attribute:"allow-select-all",reflect:!0})],e.prototype,"allowSelectAll",void 0),x([Object(a.property)({type:Boolean,attribute:"show-custom-error",reflect:!0})],e.prototype,"showCustomError",void 0),x([Object(a.property)({type:Boolean,attribute:"show-selected-count",reflect:!0})],e.prototype,"showSelectedCount",void 0),x([Object(a.property)({type:Number,attribute:!1}),Object(a.internalProperty)()],e.prototype,"isOptGroup",void 0),x([Object(a.internalProperty)()],e.prototype,"isSelectAllChecked",void 0),x([Object(a.query)(".group")],e.prototype,"group",void 0),x([Object(a.query)(".md-combobox-listbox")],e.prototype,"input",void 0),x([Object(a.query)(".md-combobox-button")],e.prototype,"button",void 0),x([Object(a.query)("ul[role='listbox'")],e.prototype,"listBox",void 0),x([Object(a.queryAll)("li[role='option']")],e.prototype,"lists",void 0),x([Object(a.queryAll)(".group-label")],e.prototype,"labels",void 0),x([Object(a.queryAll)(".md-combobox-selected-item")],e.prototype,"selected",void 0),e=x([Object(n.a)("md-combobox")],e),t.ELEMENT=e}(i||(i={}))}}]);
|