@momentum-ui/web-components 2.13.13 → 2.13.14

package/dist/chunks/md-17.js

@@ -1,4 +1,4 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{28:function(e,t,n){"use strict";n.r(t),n.d(t,"containerSize",(function(){return g})),n.d(t,"inputSize",(function(){return f})),n.d(t,"inputType",(function(){return v})),n.d(t,"inputShape",(function(){return y})),n.d(t,"iconNames",(function(){return w})),n.d(t,"iconPosition",(function(){return _})),n.d(t,"nestedLevel",(function(){return x})),n.d(t,"ariaInvalidType",(function(){return k})),n.d(t,"Input",(function(){return O}));n(55),n(13),n(56),n(52);var r=n(1),i=n(6),o=n(33),d=n(5),a=n(10),m=n(0),l=n(3),p=n(4),u=n(2),c=n(15),s=n(8),b=m.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%;align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal}.md-input-container .md-input{background-color:var(--input-default-bg-color,#fff);color:var(--md-secondary-text-color,#545454);border-color:var(--input-default-border-color,#ccc)}.md-input-container .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container .md-input.md-hover,.md-input-container .md-input:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color,#ccc);border-color:var(--input-default-pressed-border-color,#ccc);outline:0}.md-input-container .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-focus-border-color,#007aa3)}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--input-disabled-text-color,#b2b2b2)!important}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input.md-readonly,.md-input-container .md-input[readonly]{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--md-primary-text-color,#121212)}.md-input-container .md-input.md-readonly:hover,.md-input-container .md-input[readonly]:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__after .md-spinner,.md-input-container .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container .md-input__after .md-spinner::after,.md-input-container .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--md-secondary-text-color,#545454);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__icon-clear:focus,.md-input-container .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-disabled .md-input__before{color:var(--input-disabled-text-color,#b2b2b2);fill:var(--input-disabled-text-color,#b2b2b2)}.md-input-container.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-disabled-text-color,#b2b2b2);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__messages{display:block}.md-input-container .md-input__help-text,.md-input-container .md-input__secondary-label{color:#545454}.md-input-container.md-multi{display:inline-flex;flex:1 1 100%;margin-bottom:0}.md-input-container .md-input.md-input--multi{background-color:var(--input-default-bg-color,#fff);border-color:var(--input-default-border-color,#ccc);box-shadow:transparent}.md-input-container .md-input.md-input--multi:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input__before.md-input__content{width:auto}.md-input-container.column,.md-input-container.columns{padding:0}.md-input-container.md-error .md-input{background-color:var(--input-error-bg-color,#ffe8e3);border-color:var(--input-error-border-color,#f7644a)}.md-input-container.md-error .md-input::placeholder{opacity:1}.md-input-container.md-error .md-input.md-hover,.md-input-container.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.md-input-container.md-error .md-input.md-hover:active,.md-input-container.md-error .md-input:hover:active{background-color:var(--input-error-pressed-bg-color,#ffbbad);border-color:var(--input-error-border-color,#f7644a);outline:0}.md-input-container.md-error .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-error-bg-color))}.md-input-container.md-error .md-input.md-disabled,.md-input-container.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-error .md-input.md-readonly,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--input-warning-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-hover:active,.md-input-container.md-warning .md-input:hover:active{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03));outline:0}.md-input-container.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fca1"}.md-input-container.md-success .md-input{background-color:var(--input-success-bg-color,var(--md-alert-success-bg-color,#78f5b8));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color,#78f5b8))}.md-input-container.md-success .md-input.md-hover:active,.md-input-container.md-success .md-input:hover:active{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50));outline:0}.md-input-container.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade))}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-hover:active,.md-input-container.md-input--filled .md-input:hover:active{outline:0}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input{background-color:rgba(0,0,0,0);color:var(--input-default-text-color);border-color:var(--input-default-new-border-color)}.md-input-container.md-new-momentum .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container.md-new-momentum .md-input.md-hover,.md-input-container.md-new-momentum .md-input:hover{background-color:var(--input-default-hover-bg-color)}.md-input-container.md-new-momentum .md-input.md-hover:active,.md-input-container.md-new-momentum .md-input:hover:active{background-color:var(--input-default-pressed-bg-color);border-color:var(--input-default-new-border-color);outline:0}.md-input-container.md-new-momentum .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-new-focus-border-color)}.md-input-container.md-new-momentum .md-input.md-disabled,.md-input-container.md-new-momentum .md-input:disabled{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum .md-input.md-disabled:hover,.md-input-container.md-new-momentum .md-input:disabled:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input.md-readonly,.md-input-container.md-new-momentum .md-input[readonly]{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--md-primary-text-color)}.md-input-container.md-new-momentum .md-input.md-readonly:hover,.md-input-container.md-new-momentum .md-input[readonly]:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input__after,.md-input-container.md-new-momentum .md-input__before{color:var(--input-default-text-color);fill:var(--input-default-text-color)}.md-input-container.md-new-momentum .md-input__after .md-spinner,.md-input-container.md-new-momentum .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum .md-input__after .md-spinner::after,.md-input-container.md-new-momentum .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-text-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color);fill:var(--md-secondary-text-color)}.md-input-container.md-new-momentum .md-input__icon-clear:focus,.md-input-container.md-new-momentum .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-new-momentum.md-disabled .md-input__before{color:var(--input-default-new-disabled-color);fill:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-new-disabled-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input__help-text,.md-input-container.md-new-momentum .md-input__secondary-label{color:#545454}.md-input-container.md-new-momentum .md-input{border-radius:8px}.md-input-container.md-new-momentum .md-input:focus{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none}.md-input-container.md-new-momentum .md-input__messages{padding-left:0}.md-input-container.md-new-momentum.md-error .md-input{border-color:var(--input-error-border-color)}.md-input-container.md-new-momentum.md-error .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-error .md-input.md-hover:active,.md-input-container.md-new-momentum.md-error .md-input:hover:active{border-color:var(--input-error-border-color);outline:0}.md-input-container.md-new-momentum.md-error .md-input.md-disabled,.md-input-container.md-new-momentum.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input.md-readonly,.md-input-container.md-new-momentum.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__messages{display:block}.md-input-container.md-new-momentum.md-error:focus{border-color:var(--input-error-focus-border-color);outline:0;transition:border ease-in .15s}.md-input-container.md-new-momentum.md-warning .md-input{border-color:var(--input-warning-border-color)}.md-input-container.md-new-momentum.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-warning .md-input.md-hover:active,.md-input-container.md-new-momentum.md-warning .md-input:hover:active{border-color:var(--input-warning-border-color);outline:0}.md-input-container.md-new-momentum.md-warning .md-input.md-disabled,.md-input-container.md-new-momentum.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input.md-readonly,.md-input-container.md-new-momentum.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__messages{display:block}.md-input-container.md-new-momentum.md-success .md-input{border-color:var(--input-success-border-color)}.md-input-container.md-new-momentum.md-success .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-success .md-input.md-hover:active,.md-input-container.md-new-momentum.md-success .md-input:hover:active{border-color:var(--input-success-border-color);outline:0}.md-input-container.md-new-momentum.md-success .md-input.md-disabled,.md-input-container.md-new-momentum.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input.md-readonly,.md-input-container.md-new-momentum.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input{border-color:var(--input-default-outline-color)}.md-input-container.md-new-momentum.md-priority .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-priority .md-input.md-hover:active,.md-input-container.md-new-momentum.md-priority .md-input:hover:active{border-color:var(--input-default-outline-color);outline:0}.md-input-container.md-new-momentum.md-priority .md-input.md-disabled,.md-input-container.md-new-momentum.md-priority .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input.md-readonly,.md-input-container.md-new-momentum.md-priority .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input__message::before{content:"\\fca1"}.md-input{border:.0625rem solid;border-radius:var(--input-border-radius,4px);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;height:2.125rem;padding:0 1rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:2.1875rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.75rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.75rem}.md-input--before{padding-left:2.75rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}@media(forced-colors:active){.md-input-container .md-input{border:1px solid CanvasText}.md-input-container .md-input.md-focus,.md-input-container .md-input:focus{border:none;outline:2px solid Highlight}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{color:GrayText!important;border:1px solid GrayText}}`,h=function(e,t,n,r){var i,o=arguments.length,d=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,n,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(d=(o<3?i(d):o>3?i(t,n,d):i(t,n))||d);return o>3&&d&&Object.defineProperty(t,n,d),d};const g=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],f=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],v=["text","number","password","email","tel","checkbox"],y=["none","pill"],w=a,_=["before","after"],x=[0,1,2,3],k=["grammar","false","spelling","true"];var O;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,n)=>n.type===t?e.concat(n.message):e,[])}}e.MessageController=t;let n=class extends(Object(o.a)(m.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.role="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.newMomentum=!1,this.isEditing=!1,this.messageController=new t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){this.input.select()}handleOutsideClick(e){let t=!1;const n=e.composedPath();n.length&&(t=!!n.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==r.b.Space&&t!==r.b.Enter)return;e.preventDefault()}this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:e}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(e)}handleLabelClick(){this.input.focus()}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[""+this.containerSize]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,["md-"+this.messageType]:!!this.messageType,["md-input--nested-"+this.nestedLevel]:!!this.nestedLevel,"md-multi":this.multi,"md-new-momentum":this.newMomentum}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[""+this.inputSize]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,["md-input--"+this.shape]:!!this.shape,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disabled":this.disabled,"md-dirty":!!this.value}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:"undefined"}inputTemplate(){var e;return this.multiline?m.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{28:function(e,t,n){"use strict";n.r(t),n.d(t,"containerSize",(function(){return g})),n.d(t,"inputSize",(function(){return f})),n.d(t,"inputType",(function(){return v})),n.d(t,"inputShape",(function(){return y})),n.d(t,"iconNames",(function(){return w})),n.d(t,"iconPosition",(function(){return _})),n.d(t,"nestedLevel",(function(){return x})),n.d(t,"ariaInvalidType",(function(){return k})),n.d(t,"Input",(function(){return O}));n(55),n(13),n(56),n(52);var r=n(1),i=n(6),o=n(33),d=n(5),a=n(10),m=n(0),l=n(3),p=n(4),u=n(2),c=n(15),s=n(8),b=m.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%;align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal}.md-input-container .md-input{background-color:var(--input-default-bg-color,#fff);color:var(--md-secondary-text-color,#545454);border-color:var(--input-default-border-color,#ccc)}.md-input-container .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container .md-input.md-hover,.md-input-container .md-input:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color,#ccc);border-color:var(--input-default-pressed-border-color,#ccc);outline:0}.md-input-container .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-focus-border-color,#007aa3)}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--input-disabled-text-color,#b2b2b2)!important}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input.md-readonly,.md-input-container .md-input[readonly]{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--md-primary-text-color,#121212)}.md-input-container .md-input.md-readonly:hover,.md-input-container .md-input[readonly]:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__after .md-spinner,.md-input-container .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container .md-input__after .md-spinner::after,.md-input-container .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--md-secondary-text-color,#545454);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__icon-clear:focus,.md-input-container .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-disabled .md-input__before{color:var(--input-disabled-text-color,#b2b2b2);fill:var(--input-disabled-text-color,#b2b2b2)}.md-input-container.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-disabled-text-color,#b2b2b2);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__messages{display:block}.md-input-container .md-input__help-text,.md-input-container .md-input__secondary-label{color:#545454}.md-input-container.md-multi{display:inline-flex;flex:1 1 100%;margin-bottom:0}.md-input-container .md-input.md-input--multi{background-color:var(--input-default-bg-color,#fff);border-color:var(--input-default-border-color,#ccc);box-shadow:transparent}.md-input-container .md-input.md-input--multi:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input__before.md-input__content{width:auto}.md-input-container.column,.md-input-container.columns{padding:0}.md-input-container.md-error .md-input{background-color:var(--input-error-bg-color,#ffe8e3);border-color:var(--input-error-border-color,#f7644a)}.md-input-container.md-error .md-input::placeholder{opacity:1}.md-input-container.md-error .md-input.md-hover,.md-input-container.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.md-input-container.md-error .md-input.md-hover:active,.md-input-container.md-error .md-input:hover:active{background-color:var(--input-error-pressed-bg-color,#ffbbad);border-color:var(--input-error-border-color,#f7644a);outline:0}.md-input-container.md-error .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-error-bg-color))}.md-input-container.md-error .md-input.md-disabled,.md-input-container.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-error .md-input.md-readonly,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--input-warning-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-hover:active,.md-input-container.md-warning .md-input:hover:active{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03));outline:0}.md-input-container.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fca1"}.md-input-container.md-success .md-input{background-color:var(--input-success-bg-color,var(--md-alert-success-bg-color,#78f5b8));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color,#78f5b8))}.md-input-container.md-success .md-input.md-hover:active,.md-input-container.md-success .md-input:hover:active{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50));outline:0}.md-input-container.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade))}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-hover:active,.md-input-container.md-input--filled .md-input:hover:active{outline:0}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input{background-color:rgba(0,0,0,0);color:var(--input-default-text-color);border-color:var(--input-default-new-border-color)}.md-input-container.md-new-momentum .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container.md-new-momentum .md-input.md-hover,.md-input-container.md-new-momentum .md-input:hover{background-color:var(--input-default-hover-bg-color)}.md-input-container.md-new-momentum .md-input.md-hover:active,.md-input-container.md-new-momentum .md-input:hover:active{background-color:var(--input-default-pressed-bg-color);border-color:var(--input-default-new-border-color);outline:0}.md-input-container.md-new-momentum .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-new-focus-border-color)}.md-input-container.md-new-momentum .md-input.md-disabled,.md-input-container.md-new-momentum .md-input:disabled{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum .md-input.md-disabled:hover,.md-input-container.md-new-momentum .md-input:disabled:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input.md-readonly,.md-input-container.md-new-momentum .md-input[readonly]{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--md-primary-text-color)}.md-input-container.md-new-momentum .md-input.md-readonly:hover,.md-input-container.md-new-momentum .md-input[readonly]:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input__after,.md-input-container.md-new-momentum .md-input__before{color:var(--input-default-text-color);fill:var(--input-default-text-color)}.md-input-container.md-new-momentum .md-input__after .md-spinner,.md-input-container.md-new-momentum .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum .md-input__after .md-spinner::after,.md-input-container.md-new-momentum .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-text-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color);fill:var(--md-secondary-text-color)}.md-input-container.md-new-momentum .md-input__icon-clear:focus,.md-input-container.md-new-momentum .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-new-momentum.md-disabled .md-input__before{color:var(--input-default-new-disabled-color);fill:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-new-disabled-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input__help-text,.md-input-container.md-new-momentum .md-input__secondary-label{color:#545454}.md-input-container.md-new-momentum .md-input{border-radius:8px}.md-input-container.md-new-momentum .md-input:focus{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none}.md-input-container.md-new-momentum .md-input__messages{padding-left:0}.md-input-container.md-new-momentum.md-error .md-input{border-color:var(--input-error-border-color)}.md-input-container.md-new-momentum.md-error .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-error .md-input.md-hover:active,.md-input-container.md-new-momentum.md-error .md-input:hover:active{border-color:var(--input-error-border-color);outline:0}.md-input-container.md-new-momentum.md-error .md-input.md-disabled,.md-input-container.md-new-momentum.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input.md-readonly,.md-input-container.md-new-momentum.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__messages{display:block}.md-input-container.md-new-momentum.md-error:focus{border-color:var(--input-error-focus-border-color);outline:0;transition:border ease-in .15s}.md-input-container.md-new-momentum.md-warning .md-input{border-color:var(--input-warning-border-color)}.md-input-container.md-new-momentum.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-warning .md-input.md-hover:active,.md-input-container.md-new-momentum.md-warning .md-input:hover:active{border-color:var(--input-warning-border-color);outline:0}.md-input-container.md-new-momentum.md-warning .md-input.md-disabled,.md-input-container.md-new-momentum.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input.md-readonly,.md-input-container.md-new-momentum.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__messages{display:block}.md-input-container.md-new-momentum.md-success .md-input{border-color:var(--input-success-border-color)}.md-input-container.md-new-momentum.md-success .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-success .md-input.md-hover:active,.md-input-container.md-new-momentum.md-success .md-input:hover:active{border-color:var(--input-success-border-color);outline:0}.md-input-container.md-new-momentum.md-success .md-input.md-disabled,.md-input-container.md-new-momentum.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input.md-readonly,.md-input-container.md-new-momentum.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input{border-color:var(--input-default-outline-color)}.md-input-container.md-new-momentum.md-priority .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-priority .md-input.md-hover:active,.md-input-container.md-new-momentum.md-priority .md-input:hover:active{border-color:var(--input-default-outline-color);outline:0}.md-input-container.md-new-momentum.md-priority .md-input.md-disabled,.md-input-container.md-new-momentum.md-priority .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input.md-readonly,.md-input-container.md-new-momentum.md-priority .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input__message::before{content:"\\fca1"}.md-input{border:.0625rem solid;border-radius:var(--input-border-radius,4px);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;height:2.125rem;padding:0 .75rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:2.125rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.125rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.125rem}.md-input--before{padding-left:2.125rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}@media(forced-colors:active){.md-input-container .md-input{border:1px solid CanvasText}.md-input-container .md-input.md-focus,.md-input-container .md-input:focus{border:none;outline:2px solid Highlight}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{color:GrayText!important;border:1px solid GrayText}}`,h=function(e,t,n,r){var i,o=arguments.length,d=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,n,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(d=(o<3?i(d):o>3?i(t,n,d):i(t,n))||d);return o>3&&d&&Object.defineProperty(t,n,d),d};const g=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],f=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],v=["text","number","password","email","tel","checkbox"],y=["none","pill"],w=a,_=["before","after"],x=[0,1,2,3],k=["grammar","false","spelling","true"];var O;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,n)=>n.type===t?e.concat(n.message):e,[])}}e.MessageController=t;let n=class extends(Object(o.a)(m.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.role="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.newMomentum=!1,this.isEditing=!1,this.messageController=new t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){this.input.select()}handleOutsideClick(e){let t=!1;const n=e.composedPath();n.length&&(t=!!n.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==r.b.Space&&t!==r.b.Enter)return;e.preventDefault()}this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:e}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(e)}handleLabelClick(){this.input.focus()}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[""+this.containerSize]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,["md-"+this.messageType]:!!this.messageType,["md-input--nested-"+this.nestedLevel]:!!this.nestedLevel,"md-multi":this.multi,"md-new-momentum":this.newMomentum}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[""+this.inputSize]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,["md-input--"+this.shape]:!!this.shape,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disabled":this.disabled,"md-dirty":!!this.value}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:"undefined"}inputTemplate(){var e;return this.multiline?m.html`
             <textarea
               part="input"
               class="md-input ${Object(p.classMap)(this.inputTemplateClassMap)}"
@@ -52,7 +52,7 @@
             />
           `}inputLeftTemplate(){return this.searchable?m.html`
           <div class="md-input__before">
-            ${this.isLoading?m.html` <md-spinner size="20"></md-spinner> `:m.html` <md-icon ariaHidden="true" name="search-bold" size="20" iconSet="momentumDesign"></md-icon> `}
+            ${this.isLoading?m.html` <md-spinner size="20"></md-spinner> `:m.html` <md-icon ariaHidden="true" name="search-bold" size="16" iconSet="momentumDesign"></md-icon> `}
           </div>
         `:"before"===this.auxiliaryContentPosition?m.html`
               <div class="md-input__before">

package/dist/chunks/md-27.js

@@ -1,18 +1,19 @@
-(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[27],{51:function(e,t,r){"use strict";r.r(t),r.d(t,"Avatar",(function(){return b}));r(13);var a=r(6),i=r(5),n=r(0);const o={24:14,32:14,40:16,48:16,64:18,72:20,88:28,124:36};var s,c=r(38),p=function(e,t,r,a){var i,n=arguments.length,o=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,a);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(o=(n<3?i(o):n>3?i(t,r,o):i(t,r))||o);return n>3&&o&&Object.defineProperty(t,r,o),o};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.name="",this.size=48,this.title="",this.color="",this.isCircularWrapper=!0}static get styles(){return[i.a,c.a]}render(){return n.html`
+(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[27],{51:function(e,t,r){"use strict";r.r(t),r.d(t,"Avatar",(function(){return b}));r(13);var a=r(6),i=r(5),n=r(0);const s={24:14,32:14,40:16,48:16,64:18,72:20,88:28,124:36};var o,c=r(38),p=function(e,t,r,a){var i,n=arguments.length,s=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(s=(n<3?i(s):n>3?i(t,r,s):i(t,r))||s);return n>3&&s&&Object.defineProperty(t,r,s),s};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.name="",this.size=48,this.title="",this.color="",this.isCircularWrapper=!0}static get styles(){return[i.a,c.a]}render(){return n.html`
         <div class="avatar-presence-wrapper" data-shape=${this.isCircularWrapper} data-size=${this.size}>
           <md-icon
             name="${this.name}"
             color="${this.color}"
-            size=${o[this.size]}
+            size=${s[this.size]}
             title="${this.title}"
             .iconSet=${"momentumDesign"}
           >
           </md-icon>
         </div>
-      `}};p([Object(n.property)({type:String})],t.prototype,"name",void 0),p([Object(n.property)({type:Number})],t.prototype,"size",void 0),p([Object(n.property)({type:String})],t.prototype,"title",void 0),p([Object(n.property)({type:String})],t.prototype,"color",void 0),p([Object(n.property)({type:Boolean})],t.prototype,"isCircularWrapper",void 0),t=p([Object(a.a)("md-presence")],t),e.ELEMENT=t}(s||(s={}));r(78);var l=r(37),d=r(3),h=r(4),v=r(2),m=r(8),y=r(42);const u=(e,t,r=!1)=>{let a="",i="",n=!0;if(t)a="warning",i="var(--mds-color-theme-indicator-attention)";else{if(!e||""===e)return{presenceIcon:void 0,presenceColor:void 0,isCircularWrapper:void 0};switch(e){case"active":a="unread-filled",i="var(--avatar-presence-active)";break;case"meeting":a=r?"camera-presence-filled":"camera-presence_14",i="var(--avatar-presence-unstable)",n=!1;break;case"schedule":a=r?"meetings-presence-filled":"meetings-presence_14",i="var(--avatar-presence-unstable)",n=!1;break;case"call":a=r?"handset-filled":"handset-active_16",i="var(--avatar-presence-unstable)",n=!1;break;case"dnd":a=r?"dnd-presence-filled":"dnd-presence_14",i="var(--avatar-presence-rona)";break;case"presenting":a=r?"share-screen-filled":"content-share_14",i="var(--avatar-presence-rona)",n=!1;break;case"quiet-hours":a="quiet-hours-presence-filled",i="var(--avatar-presence-inactive)";break;case"away":case"idle":a=r?"recents-presence-filled":"recents-presence_14",i="var(--avatar-presence-inactive)";break;case"away-calling":a="call-private-filled",i="var(--avatar-presence-inactive)",n=!1;break;case"ooo":a="pto-presence-filled",i="var(--avatar-presence-inactive)";break;case"busy":a="busy-presence-bold",i="var(--avatar-presence-rona)";break;case"on-mobile":a="phone-filled",i="var(--avatar-presence-inactive)",n=!1;break;case"on-device":a=r?"generic-device-video-filled":"generic-device-video_16",i="var(--avatar-presence-inactive)",n=!1;break;case"on-hold":a="pause-badge-filled",i="var(--avatar-presence-inactive)",n=!1;break;case"engaged":a="unread-filled",i="var(--avatar-presence-engaged)";break;case"rona":a="unread-filled",i="var(--avatar-presence-rona)"}}return{presenceColor:i,presenceIcon:a,isCircularWrapper:n}};var b,g=function(e,t,r,a){var i,n=arguments.length,o=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,a);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(o=(n<3?i(o):n>3?i(t,r,o):i(t,r))||o);return n>3&&o&&Object.defineProperty(t,r,o),o},f=function(e,t,r,a){return new(r||(r=Promise))((function(i,n){function o(e){try{c(a.next(e))}catch(e){n(e)}}function s(e){try{c(a.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,s)}c((a=a.apply(e,t||[])).next())}))};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.isCircularWrapper=!1}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[i.a,c.a]}firstUpdated(){const{presenceColor:e,presenceIcon:t,isCircularWrapper:r}=u(this.type,!1,this.newMomentum);this.presenceColor=e,this.presenceIcon=t,this.isCircularWrapper=r}updated(e){if(super.updated(e),e.has("type")){const{presenceColor:e,presenceIcon:t,isCircularWrapper:r}=u(this.type,!1,this.newMomentum);this.presenceColor=e,this.presenceIcon=t,this.isCircularWrapper=r}e.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},!this.newMomentum&&this.type?{["md-avatar--"+this.type]:!0}:{}),{["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 e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}}get chatIconName(){return"chat-filled"}get chatIconSize(){return(this.size/2).toString()}get avatarLetter(){return this.title?n.html`
-            <span class="md-avatar__letter ${Object(h.classMap)(this.avatarLetterClassMap)}"
-              >${this.pretifyTitle}<slot></slot>
-              ${"typing"===this.type||this.typing?n.html` <md-loading></md-loading> `:d.nothing}
+      `}};p([Object(n.property)({type:String})],t.prototype,"name",void 0),p([Object(n.property)({type:Number})],t.prototype,"size",void 0),p([Object(n.property)({type:String})],t.prototype,"title",void 0),p([Object(n.property)({type:String})],t.prototype,"color",void 0),p([Object(n.property)({type:Boolean})],t.prototype,"isCircularWrapper",void 0),t=p([Object(a.a)("md-presence")],t),e.ELEMENT=t}(o||(o={}));r(78);var l=r(37),d=r(3),h=r(4),v=r(2),m=r(8),y=r(42);const u=(e,t,r=!1)=>{let a="",i="",n=!0;if(t)a="warning",i="var(--mds-color-theme-indicator-attention)";else{if(!e||""===e)return{presenceIcon:void 0,presenceColor:void 0,isCircularWrapper:void 0};switch(e){case"active":a="unread-filled",i="var(--avatar-presence-active)";break;case"meeting":a=r?"camera-presence-filled":"camera-presence_14",i="var(--avatar-presence-unstable)",n=!1;break;case"schedule":a=r?"meetings-presence-filled":"meetings-presence_14",i="var(--avatar-presence-unstable)",n=!1;break;case"call":a=r?"handset-filled":"handset-active_16",i="var(--avatar-presence-unstable)",n=!1;break;case"dnd":a=r?"dnd-presence-badge-filled":"dnd-presence_14",i="var(--avatar-presence-rona)";break;case"presenting":a=r?"share-screen-filled":"content-share_14",i="var(--avatar-presence-rona)",n=!1;break;case"quiet-hours":a="quiet-hours-presence-filled",i="var(--avatar-presence-inactive)";break;case"away":case"idle":a=r?"recents-presence-badge-filled":"recents-presence_14",i="var(--avatar-presence-inactive)";break;case"away-calling":a="call-private-filled",i="var(--avatar-presence-inactive)",n=!1;break;case"ooo":a="pto-presence-filled",i="var(--avatar-presence-inactive)";break;case"busy":a="busy-presence-bold",i="var(--avatar-presence-unstable)";break;case"on-mobile":a="phone-filled",i="var(--avatar-presence-inactive)",n=!1;break;case"on-device":a=r?"generic-device-video-filled":"generic-device-video_16",i="var(--avatar-presence-inactive)",n=!1;break;case"on-hold":a="pause-badge-filled",i="var(--avatar-presence-inactive)",n=!1;break;case"engaged":a="busy-presence-light",i="var(--avatar-presence-engaged)";break;case"rona":a="dnd-presence-badge-filled",i="var(--avatar-presence-rona)";break;case"inactive":a="unread-filled",i="var(--avatar-presence-inactive)"}}return{presenceColor:i,presenceIcon:a,isCircularWrapper:n}};var b,g=function(e,t,r,a){var i,n=arguments.length,s=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(s=(n<3?i(s):n>3?i(t,r,s):i(t,r))||s);return n>3&&s&&Object.defineProperty(t,r,s),s},f=function(e,t,r,a){return new(r||(r=Promise))((function(i,n){function s(e){try{c(a.next(e))}catch(e){n(e)}}function o(e){try{c(a.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(s,o)}c((a=a.apply(e,t||[])).next())}))};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.isCircularWrapper=!1}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[i.a,c.a]}firstUpdated(){const{presenceColor:e,presenceIcon:t,isCircularWrapper:r}=u(this.type,!1,this.newMomentum);this.presenceColor=e,this.presenceIcon=t,this.isCircularWrapper=r}updated(e){if(super.updated(e),e.has("type")){const{presenceColor:e,presenceIcon:t,isCircularWrapper:r}=u(this.type,!1,this.newMomentum);this.presenceColor=e,this.presenceIcon=t,this.isCircularWrapper=r}e.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},!this.newMomentum&&this.type?{["md-avatar--"+this.type]:!0}:{}),{["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 e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}get chatIconSize(){return(this.size/2).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?n.html` <md-loading></md-loading> `:d.nothing}get avatarLetter(){return this.title?n.html`
+            <span class="md-avatar__letter ${Object(h.classMap)(this.avatarLetterClassMap)}">
+              ${this.pretifyTitle}
+              <slot></slot>
+              ${this.renderIsTyping}
             </span>
           `:d.nothing}get avatarIcon(){return n.html`
         <span class="md-avatar__icon ${Object(h.classMap)(this.avatarStyleMap)}">
@@ -20,12 +21,12 @@
         </span>
       `}get avatarImage(){return n.html`
         ${Object(y.until)(this.loadImage().then(e=>(this.handleImageLoad(),n.html` ${e} `)).catch(()=>this.handleImageError()),n.html` ${this.iconName?this.avatarIcon:this.title?n.html` ${this.avatarLetter} `:d.nothing} `)}
-      `}loadImage(){return f(this,void 0,void 0,(function*(){return new Promise((e,t)=>{const r=document.createElement("img");r.src=this.src,r.alt=this.alt,r.onload=()=>e(r),r.onerror=e=>t(e),r.classList.add("md-avatar__img"),r.classList.toggle("md-avatar__img--hidden",!this.imageLoaded)})}))}handleImageLoad(){this.imageLoaded=!0}handleImageError(){this.imageErrored=!0}handleKeyDown(e){if(!this.clickable)return;const{code:t}=e;Object(l.a)(t)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}handleClick(e){this.clickable&&(this.clickFunction&&this.clickFunction(),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:e}})))}render(){return n.html`
+      `}loadImage(){return f(this,void 0,void 0,(function*(){return new Promise((e,t)=>{const r=document.createElement("img");r.src=this.src,r.alt=this.alt,r.onload=()=>e(r),r.onerror=e=>t(e),r.classList.add("md-avatar__img"),r.classList.toggle("md-avatar__img--hidden",!this.imageLoaded)})}))}handleImageLoad(){this.imageLoaded=!0}handleImageError(){this.imageErrored=!0}handleKeyDown(e){if(!this.clickable)return;const{code:t}=e;Object(l.a)(t)&&this.dispatchEvent(new CustomEvent("button-keydown",{composed:!0,bubbles:!0,detail:{srcEvent:e}}))}handleClick(e){this.clickable&&(this.clickFunction&&this.clickFunction(),this.dispatchEvent(new CustomEvent("button-click",{composed:!0,bubbles:!0,detail:{srcEvent:e}})))}get avatarContent(){return this.src&&!this.imageErrored?this.avatarImage:this.iconName?this.avatarIcon:this.title?this.avatarLetter:d.nothing}render(){return n.html`
         <div
           part="avatar"
           class="md-avatar
           ${Object(h.classMap)(this.avatarClassMap)}"
-          role=${!this.role}
+          role=${this.role}
           @click=${e=>this.handleClick(e)}
           @keydown=${e=>this.handleKeyDown(e)}
           tabindex=${Object(v.ifDefined)(this.tabIndex||void 0)}
@@ -35,7 +36,7 @@
                 <span class="md-avatar__self" style=${Object(m.styleMap)(this.avatarStyleMap)}>
                   <md-icon .name=${this.chatIconName} .iconSet=${"momentumDesign"} .size=${this.chatIconSize}></md-icon>
                 </span>
-              `:this.src&&!this.imageErrored?this.avatarImage:this.iconName?this.avatarIcon:this.title?this.avatarLetter:d.nothing}
+              `:this.avatarContent}
           ${this.hasNotification?n.html` <span class="md-avatar__notification-badge"></span> `:d.nothing}
           ${this.newMomentum&&this.type&&"self"!==this.type?n.html`
                 <md-presence