@momentum-ui/web-components 2.26.5 → 2.26.7
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/1572.js +1 -1
- package/dist/6408.js +25 -16
- package/dist/comp/md-input-entry.js +24 -15
- package/dist/comp/md-input-file.js +1 -1
- package/dist/index-entry.js +14 -5
- package/dist/types/components/input/Input.d.ts +2 -0
- package/package.json +1 -1
package/dist/1572.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1572],{21572:(n,r,o)=>{o.d(r,{A:()=>e});const e=o(41488).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);color:var(--md-secondary-text-color);border-color:var(--input-default-border-color)}.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)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color);border-color:var(--input-default-pressed-border-color);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)}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color);border-color:transparent;color:var(--input-disabled-text-color)!important}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color)}.md-input-container .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container .md-input[readonly]:not(.md-disable-user-text-input){background-color:var(--input-default-read-only-bg-color);border-color:transparent;color:var(--md-primary-text-color)}.md-input-container .md-input.md-readonly:not(.md-disable-user-text-input):hover,.md-input-container .md-input[readonly]:not(.md-disable-user-text-input):hover{background-color:var(--input-default-read-only-bg-color)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color);fill:var(--md-secondary-text-color)}.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);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);fill:var(--md-secondary-text-color)}.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);fill:var(--input-disabled-text-color)}.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);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:not(.md-disable-user-text-input),.md-input-container.md-error .md-input[readonly]:not(.md-disable-user-text-input){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:not(.md-disable-user-text-input),.md-input-container.md-warning .md-input[readonly]:not(.md-disable-user-text-input){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:not(.md-disable-user-text-input),.md-input-container.md-success .md-input[readonly]:not(.md-disable-user-text-input){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:not(.md-disable-user-text-input),.md-input-container.md-input--filled .md-input[readonly]:not(.md-disable-user-text-input){background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:not(.md-disable-user-text-input):hover,.md-input-container.md-input--filled .md-input[readonly]:not(.md-disable-user-text-input):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:var(--input-default-new-bg-color);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:var(--input-disabled-bg-color);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:var(--input-disabled-bg-color)}.md-input-container.md-new-momentum .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container.md-new-momentum .md-input[readonly]:not(.md-disable-user-text-input){background-color:var(--input-disabled-bg-color);border-color:var(--input-default-new-disabled-color);color:var(--md-primary-text-color)}.md-input-container.md-new-momentum .md-input.md-readonly:not(.md-disable-user-text-input):hover,.md-input-container.md-new-momentum .md-input[readonly]:not(.md-disable-user-text-input):hover{background-color:var(--input-disabled-bg-color)}.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;height:2rem}.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--pill{border-radius:1rem}.md-input-container.md-new-momentum .md-input--compact{font-size:.875rem;height:1.75rem}.md-input-container.md-new-momentum .md-input--compact.md-input--pill{border-radius:.875rem}.md-input-container.md-new-momentum .md-input__messages{padding-left:0}.md-input-container.md-new-momentum.md-error .md-input{background-color:var(--input-default-new-bg-color,var(--input-error-bg-color));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,.md-input-container.md-new-momentum.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.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{background-color:var(--input-error-pressed-bg-color);border-color:var(--input-error-border-color);outline:0}.md-input-container.md-new-momentum.md-error .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-error-bg-color))}.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:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum.md-error .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum.md-error .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-error .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container.md-new-momentum.md-error .md-input[readonly]:not(.md-disable-user-text-input){border-color:var(--input-default-new-disabled-color)}.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-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-error.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-error.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-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{background-color:var(--input-default-new-bg-color,var(--md-alert-warning-bg-color));border-color:var(--input-warning-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,.md-input-container.md-new-momentum.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color))}.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{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color));border-color:var(--input-warning-border-color,var(--input-warning-border-color));outline:0}.md-input-container.md-new-momentum.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color))}.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:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum.md-warning .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum.md-warning .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-warning .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container.md-new-momentum.md-warning .md-input[readonly]:not(.md-disable-user-text-input){border-color:var(--input-default-new-disabled-color)}.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-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-warning.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-warning.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-warning .md-input__messages{display:block}.md-input-container.md-new-momentum.md-success .md-input{background-color:var(--input-default-new-bg-color,var(--md-alert-success-bg-color));border-color:var(--input-success-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,.md-input-container.md-new-momentum.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color))}.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{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color));border-color:var(--input-success-border-color,var(--input-success-border-color));outline:0}.md-input-container.md-new-momentum.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color))}.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:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum.md-success .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum.md-success .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-success .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container.md-new-momentum.md-success .md-input[readonly]:not(.md-disable-user-text-input){border-color:var(--input-default-new-disabled-color)}.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-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-success.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-success.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-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:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum.md-priority .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum.md-priority .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-priority .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container.md-new-momentum.md-priority .md-input[readonly]:not(.md-disable-user-text-input){border-color:var(--input-default-new-disabled-color)}.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-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-priority.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-priority.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-priority .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input__message::before{content:"\\fca1"}.md-input-container .md-input__dropdown-button{background:0 0;border:none;border-inline-start:1px solid var(--input-default-border-color);border-start-end-radius:8px;border-end-end-radius:8px;display:flex;width:2rem;height:calc(100% - 2px);cursor:pointer;align-items:center;justify-content:center;padding:0;padding-inline-end:2px;margin:0}.md-input-container .md-input__dropdown-button:hover{background-color:var(--input-default-hover-bg-color)}.md-input-container .md-input__dropdown-button:focus{outline:0}.md-input-container .md-input__dropdown-button:disabled{cursor:not-allowed;background-color:rgba(0,0,0,0);border-inline-start-color:var(--input-default-new-disabled-color)}.md-input-container .md-input__dropdown-button:disabled .md-input__dropdown-icon{color:var(--input-default-new-disabled-color)}.md-input-container .md-input__dropdown-button .md-input__dropdown-icon{transition:transform .15s linear;color:var(--md-primary-text-color)}.md-input-container .md-input__dropdown-button .md-input__dropdown-icon.expanded{transform:rotate(180deg)}.md-input-container.md-new-momentum .md-input__dropdown-button{border-inline-start-color:var(--input-default-new-border-color)}.md-input-container.md-new-momentum .md-input__dropdown-button:hover{background-color:var(--input-default-hover-bg-color);border-inline-start-color:var(--input-default-new-border-color)}.md-input-container.md-new-momentum .md-input__dropdown-button:focus{background-color:var(--input-default-focus-background-color);outline:2px solid var(--input-default-outline-color);outline-offset:.125rem}.md-input-container.md-new-momentum .md-input__dropdown-button:disabled{border-inline-start-color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-error .md-input__dropdown-button{border-inline-start-color:var(--input-error-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-error .md-input__dropdown-button:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc);border-inline-start-color:var(--input-error-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-error .md-input__dropdown-button:focus{outline-color:var(--input-error-focus-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-error .md-input__dropdown-button:disabled{border-inline-start-color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-warning .md-input__dropdown-button{border-inline-start-color:var(--input-warning-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-warning .md-input__dropdown-button:hover{background-color:var(--input-warning-hover-bg-color);border-inline-start-color:var(--input-warning-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-warning .md-input__dropdown-button:disabled{border-inline-start-color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-success .md-input__dropdown-button{border-inline-start-color:var(--input-success-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-success .md-input__dropdown-button:hover{background-color:var(--input-success-hover-bg-color);border-inline-start-color:var(--input-success-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-success .md-input__dropdown-button:disabled{border-inline-start-color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-priority .md-input__dropdown-button{border-inline-start-color:var(--input-default-outline-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-priority .md-input__dropdown-button:hover{border-inline-start-color:var(--input-default-outline-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-priority .md-input__dropdown-button:disabled{border-inline-start-color:var(--input-default-new-disabled-color)}.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-inline-end:.5rem}.md-input.md-dirty.md-has-right-icon{padding-inline-end:2rem}.md-input.md-dirty.md-has-right-icon:has(~.md-input__after>:nth-child(2)){padding-inline-end:3.5rem}.md-input--nested-1{padding-inline-start:2rem}.md-input--nested-2{padding-inline-start:4rem}.md-input--nested-3{padding-inline-start: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{inset-inline-start:auto;inset-inline-end:0}.md-input__after.hidden{display:none}.md-input__before{inset-inline-start:0;inset-inline-end: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;gap:.5rem;width:2rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__after:has(>:nth-child(2)),.md-input__before:has(>:nth-child(2)){width:auto;min-width:2rem}.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-inline-start:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-inline-end:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-inline-start: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-inline-end:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-inline-end:2rem}.md-input--before{padding-inline-start:2rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-inline-end: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-inline-end:.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}}`}}]);
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1572],{21572:(n,r,e)=>{e.d(r,{A:()=>o});const o=e(41488).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);color:var(--md-secondary-text-color);border-color:var(--input-default-border-color)}.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)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color);border-color:var(--input-default-pressed-border-color);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)}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color);border-color:transparent;color:var(--input-disabled-text-color)!important}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color)}.md-input-container .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container .md-input[readonly]:not(.md-disable-user-text-input){background-color:var(--input-default-read-only-bg-color);border-color:transparent;color:var(--md-primary-text-color)}.md-input-container .md-input.md-readonly:not(.md-disable-user-text-input):hover,.md-input-container .md-input[readonly]:not(.md-disable-user-text-input):hover{background-color:var(--input-default-read-only-bg-color)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color);fill:var(--md-secondary-text-color)}.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);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);fill:var(--md-secondary-text-color)}.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);fill:var(--input-disabled-text-color)}.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);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-input__character-count-label{color:var(--label-secondary)}.md-input-container .md-input__character-count-label.error{color:var(--input-error-message-text-color)}.md-input-container .md-input__all-sub-labels-container{display:flex;justify-content:space-between;align-items:flex-start}.md-input-container .md-input__info-and-error-labels-container{flex:1 1 auto}.md-input-container .md-input__character-count-label-container{margin-top:18px;flex:none}.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:not(.md-disable-user-text-input),.md-input-container.md-error .md-input[readonly]:not(.md-disable-user-text-input){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 .md-input__character-count-label{color:var(--label-secondary)}.md-input-container.md-error .md-input__character-count-label.error{color:var(--input-error-message-text-color)}.md-input-container.md-error .md-input__all-sub-labels-container{display:flex;justify-content:space-between;align-items:flex-start}.md-input-container.md-error .md-input__info-and-error-labels-container{flex:1 1 auto}.md-input-container.md-error .md-input__character-count-label-container{margin-top:18px;flex:none}.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:not(.md-disable-user-text-input),.md-input-container.md-warning .md-input[readonly]:not(.md-disable-user-text-input){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__character-count-label{color:var(--label-secondary)}.md-input-container.md-warning .md-input__character-count-label.error{color:var(--input-error-message-text-color)}.md-input-container.md-warning .md-input__all-sub-labels-container{display:flex;justify-content:space-between;align-items:flex-start}.md-input-container.md-warning .md-input__info-and-error-labels-container{flex:1 1 auto}.md-input-container.md-warning .md-input__character-count-label-container{margin-top:18px;flex:none}.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:not(.md-disable-user-text-input),.md-input-container.md-success .md-input[readonly]:not(.md-disable-user-text-input){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__character-count-label{color:var(--label-secondary)}.md-input-container.md-success .md-input__character-count-label.error{color:var(--input-error-message-text-color)}.md-input-container.md-success .md-input__all-sub-labels-container{display:flex;justify-content:space-between;align-items:flex-start}.md-input-container.md-success .md-input__info-and-error-labels-container{flex:1 1 auto}.md-input-container.md-success .md-input__character-count-label-container{margin-top:18px;flex:none}.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:not(.md-disable-user-text-input),.md-input-container.md-input--filled .md-input[readonly]:not(.md-disable-user-text-input){background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:not(.md-disable-user-text-input):hover,.md-input-container.md-input--filled .md-input[readonly]:not(.md-disable-user-text-input):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-input--filled .md-input__character-count-label{color:var(--label-secondary)}.md-input-container.md-input--filled .md-input__character-count-label.error{color:var(--input-error-message-text-color)}.md-input-container.md-input--filled .md-input__all-sub-labels-container{display:flex;justify-content:space-between;align-items:flex-start}.md-input-container.md-input--filled .md-input__info-and-error-labels-container{flex:1 1 auto}.md-input-container.md-input--filled .md-input__character-count-label-container{margin-top:18px;flex:none}.md-input-container.md-new-momentum .md-input{background-color:var(--input-default-new-bg-color);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:var(--input-disabled-bg-color);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:var(--input-disabled-bg-color)}.md-input-container.md-new-momentum .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container.md-new-momentum .md-input[readonly]:not(.md-disable-user-text-input){background-color:var(--input-disabled-bg-color);border-color:var(--input-default-new-disabled-color);color:var(--md-primary-text-color)}.md-input-container.md-new-momentum .md-input.md-readonly:not(.md-disable-user-text-input):hover,.md-input-container.md-new-momentum .md-input[readonly]:not(.md-disable-user-text-input):hover{background-color:var(--input-disabled-bg-color)}.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__character-count-label{color:var(--label-secondary)}.md-input-container.md-new-momentum .md-input__character-count-label.error{color:var(--input-error-message-text-color)}.md-input-container.md-new-momentum .md-input__all-sub-labels-container{display:flex;justify-content:space-between;align-items:flex-start}.md-input-container.md-new-momentum .md-input__info-and-error-labels-container{flex:1 1 auto}.md-input-container.md-new-momentum .md-input__character-count-label-container{margin-top:18px;flex:none}.md-input-container.md-new-momentum .md-input{border-radius:8px;height:2rem}.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--pill{border-radius:1rem}.md-input-container.md-new-momentum .md-input--compact{font-size:.875rem;height:1.75rem}.md-input-container.md-new-momentum .md-input--compact.md-input--pill{border-radius:.875rem}.md-input-container.md-new-momentum .md-input__messages{padding-left:0}.md-input-container.md-new-momentum.md-error .md-input{background-color:var(--input-default-new-bg-color,var(--input-error-bg-color));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,.md-input-container.md-new-momentum.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.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{background-color:var(--input-error-pressed-bg-color);border-color:var(--input-error-border-color);outline:0}.md-input-container.md-new-momentum.md-error .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-error-bg-color))}.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:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum.md-error .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum.md-error .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-error .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container.md-new-momentum.md-error .md-input[readonly]:not(.md-disable-user-text-input){border-color:var(--input-default-new-disabled-color)}.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-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-error.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-error.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-error .md-input__messages{display:block}.md-input-container.md-new-momentum.md-error .md-input__character-count-label{color:var(--label-secondary)}.md-input-container.md-new-momentum.md-error .md-input__character-count-label.error{color:var(--input-error-message-text-color)}.md-input-container.md-new-momentum.md-error .md-input__all-sub-labels-container{display:flex;justify-content:space-between;align-items:flex-start}.md-input-container.md-new-momentum.md-error .md-input__info-and-error-labels-container{flex:1 1 auto}.md-input-container.md-new-momentum.md-error .md-input__character-count-label-container{margin-top:18px;flex:none}.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{background-color:var(--input-default-new-bg-color,var(--md-alert-warning-bg-color));border-color:var(--input-warning-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,.md-input-container.md-new-momentum.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color))}.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{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color));border-color:var(--input-warning-border-color,var(--input-warning-border-color));outline:0}.md-input-container.md-new-momentum.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color))}.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:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum.md-warning .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum.md-warning .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-warning .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container.md-new-momentum.md-warning .md-input[readonly]:not(.md-disable-user-text-input){border-color:var(--input-default-new-disabled-color)}.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-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-warning.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-warning.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-warning .md-input__messages{display:block}.md-input-container.md-new-momentum.md-warning .md-input__character-count-label{color:var(--label-secondary)}.md-input-container.md-new-momentum.md-warning .md-input__character-count-label.error{color:var(--input-error-message-text-color)}.md-input-container.md-new-momentum.md-warning .md-input__all-sub-labels-container{display:flex;justify-content:space-between;align-items:flex-start}.md-input-container.md-new-momentum.md-warning .md-input__info-and-error-labels-container{flex:1 1 auto}.md-input-container.md-new-momentum.md-warning .md-input__character-count-label-container{margin-top:18px;flex:none}.md-input-container.md-new-momentum.md-success .md-input{background-color:var(--input-default-new-bg-color,var(--md-alert-success-bg-color));border-color:var(--input-success-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,.md-input-container.md-new-momentum.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color))}.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{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color));border-color:var(--input-success-border-color,var(--input-success-border-color));outline:0}.md-input-container.md-new-momentum.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color))}.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:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum.md-success .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum.md-success .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-success .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container.md-new-momentum.md-success .md-input[readonly]:not(.md-disable-user-text-input){border-color:var(--input-default-new-disabled-color)}.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-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-success.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-success.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-success .md-input__messages{display:block}.md-input-container.md-new-momentum.md-success .md-input__character-count-label{color:var(--label-secondary)}.md-input-container.md-new-momentum.md-success .md-input__character-count-label.error{color:var(--input-error-message-text-color)}.md-input-container.md-new-momentum.md-success .md-input__all-sub-labels-container{display:flex;justify-content:space-between;align-items:flex-start}.md-input-container.md-new-momentum.md-success .md-input__info-and-error-labels-container{flex:1 1 auto}.md-input-container.md-new-momentum.md-success .md-input__character-count-label-container{margin-top:18px;flex:none}.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:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum.md-priority .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum.md-priority .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-priority .md-input.md-readonly:not(.md-disable-user-text-input),.md-input-container.md-new-momentum.md-priority .md-input[readonly]:not(.md-disable-user-text-input){border-color:var(--input-default-new-disabled-color)}.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-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-priority.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-priority.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-priority .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input__character-count-label{color:var(--label-secondary)}.md-input-container.md-new-momentum.md-priority .md-input__character-count-label.error{color:var(--input-error-message-text-color)}.md-input-container.md-new-momentum.md-priority .md-input__all-sub-labels-container{display:flex;justify-content:space-between;align-items:flex-start}.md-input-container.md-new-momentum.md-priority .md-input__info-and-error-labels-container{flex:1 1 auto}.md-input-container.md-new-momentum.md-priority .md-input__character-count-label-container{margin-top:18px;flex:none}.md-input-container.md-new-momentum.md-priority .md-input__message::before{content:"\\fca1"}.md-input-container .md-input__dropdown-button{background:0 0;border:none;border-inline-start:1px solid var(--input-default-border-color);border-start-end-radius:8px;border-end-end-radius:8px;display:flex;width:2rem;height:calc(100% - 2px);cursor:pointer;align-items:center;justify-content:center;padding:0;padding-inline-end:2px;margin:0}.md-input-container .md-input__dropdown-button:hover{background-color:var(--input-default-hover-bg-color)}.md-input-container .md-input__dropdown-button:focus{outline:0}.md-input-container .md-input__dropdown-button:disabled{cursor:not-allowed;background-color:rgba(0,0,0,0);border-inline-start-color:var(--input-default-new-disabled-color)}.md-input-container .md-input__dropdown-button:disabled .md-input__dropdown-icon{color:var(--input-default-new-disabled-color)}.md-input-container .md-input__dropdown-button .md-input__dropdown-icon{transition:transform .15s linear;color:var(--md-primary-text-color)}.md-input-container .md-input__dropdown-button .md-input__dropdown-icon.expanded{transform:rotate(180deg)}.md-input-container.md-new-momentum .md-input__dropdown-button{border-inline-start-color:var(--input-default-new-border-color)}.md-input-container.md-new-momentum .md-input__dropdown-button:hover{background-color:var(--input-default-hover-bg-color);border-inline-start-color:var(--input-default-new-border-color)}.md-input-container.md-new-momentum .md-input__dropdown-button:focus{background-color:var(--input-default-focus-background-color);outline:2px solid var(--input-default-outline-color);outline-offset:.125rem}.md-input-container.md-new-momentum .md-input__dropdown-button:disabled{border-inline-start-color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-error .md-input__dropdown-button{border-inline-start-color:var(--input-error-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-error .md-input__dropdown-button:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc);border-inline-start-color:var(--input-error-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-error .md-input__dropdown-button:focus{outline-color:var(--input-error-focus-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-error .md-input__dropdown-button:disabled{border-inline-start-color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-warning .md-input__dropdown-button{border-inline-start-color:var(--input-warning-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-warning .md-input__dropdown-button:hover{background-color:var(--input-warning-hover-bg-color);border-inline-start-color:var(--input-warning-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-warning .md-input__dropdown-button:disabled{border-inline-start-color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-success .md-input__dropdown-button{border-inline-start-color:var(--input-success-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-success .md-input__dropdown-button:hover{background-color:var(--input-success-hover-bg-color);border-inline-start-color:var(--input-success-border-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-success .md-input__dropdown-button:disabled{border-inline-start-color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-priority .md-input__dropdown-button{border-inline-start-color:var(--input-default-outline-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-priority .md-input__dropdown-button:hover{border-inline-start-color:var(--input-default-outline-color)}.md-input-container.md-new-momentum:not(.md-read-only).md-priority .md-input__dropdown-button:disabled{border-inline-start-color:var(--input-default-new-disabled-color)}.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-inline-end:.5rem}.md-input.md-dirty.md-has-right-icon{padding-inline-end:2rem}.md-input.md-dirty.md-has-right-icon:has(~.md-input__after>:nth-child(2)){padding-inline-end:3.5rem}.md-input--nested-1{padding-inline-start:2rem}.md-input--nested-2{padding-inline-start:4rem}.md-input--nested-3{padding-inline-start: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{inset-inline-start:auto;inset-inline-end:0}.md-input__after.hidden{display:none}.md-input__before{inset-inline-start:0;inset-inline-end: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;gap:.5rem;width:2rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__after:has(>:nth-child(2)),.md-input__before:has(>:nth-child(2)){width:auto;min-width:2rem}.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-inline-start:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-inline-end:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-inline-start: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-inline-end:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-inline-end:2rem}.md-input--before{padding-inline-start:2rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-inline-end: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-inline-end:.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}}`}}]);
|
package/dist/6408.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6408],{96408:(e,t,i)=>{i(20109),i(61200),i(6396),i(12176);var s,
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6408],{96408:(e,t,i)=>{i(20109),i(61200),i(6396),i(12176);var s,a=i(90195),o=i(31890),n=i(32972),r=i(26272),l=(i(32022),i(41488)),p=i(40333),d=i(23968),h=i(97822),u=i(22818),m=i(8229),c=i(21572),y=function(e,t,i,s){var a,o=arguments.length,n=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(a=e[r])&&(n=(o<3?a(n):o>3?a(t,i,n):a(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,i)=>i.type===t?e.concat(i.message):e,[])}}e.MessageController=t;let i=class extends((0,n.y)(l.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.disableUserTextInput=!1,this.autocomplete=void 0,this.showDropdown=!1,this.dropdownExpanded=!1,this.dropdownAriaLabel="Show options",this.displayCharacterCount=!1,this.isEditing=!1,this.hasRightSlotContent=!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()}focus(){this.input.focus()}handleOutsideClick(e){let t=!1;const i=e.composedPath();i.length&&(t=!!i.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){var t;this.value=e.target.value,null===(t=this.control)||void 0===t||t.setValue(this.value),this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){var t;null===(t=this.control)||void 0===t||t.markAsTouched(),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!==a.Uz.Space&&t!==a.Uz.Enter)return;e.preventDefault(),e.stopPropagation()}else"click"===e.type&&(e.preventDefault(),e.stopPropagation());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()}handleRighSlotChange(){var e;this.hasRightSlotContent=(null===(e=this.inputSectionRightSlot)||void 0===e?void 0:e.assignedNodes().length)>0}handleDropdownClick(e){e.preventDefault(),this.dropdownExpanded=!this.dropdownExpanded,this.dispatchEvent(new CustomEvent("input-dropdown-click",{bubbles:!0,composed:!0,detail:{srcEvent:e,expanded:this.dropdownExpanded}}))}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--compact":this.compact,"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-disable-user-text-input":this.disableUserTextInput,"md-disabled":this.disabled,"md-dirty":!!this.value,"md-has-right-icon":this.hasRightIcon}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:void 0}get hasRightIcon(){return!(!this.clear||this.disabled||!this.value||this.readOnly)||!!this.showDropdown||!this.compact&&this.hasRightSlotContent}inputTemplate(){var e;return this.multiline?l.html`
|
|
2
2
|
<textarea
|
|
3
3
|
part="input"
|
|
4
4
|
class="md-input ${(0,d.classMap)(this.inputTemplateClassMap)}"
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
maxlength=${(0,h.ifDefined)(this.maxLength)}
|
|
23
23
|
autocomplete=${(0,h.ifDefined)(this.autocomplete)}
|
|
24
24
|
></textarea>
|
|
25
|
-
`:
|
|
25
|
+
`:l.html`
|
|
26
26
|
<input
|
|
27
27
|
part="input"
|
|
28
28
|
class="md-input ${(0,d.classMap)(this.inputTemplateClassMap)}"
|
|
@@ -53,15 +53,15 @@
|
|
|
53
53
|
aria-haspopup=${(0,h.ifDefined)(this.showDropdown?"true":void 0)}
|
|
54
54
|
autocomplete=${(0,h.ifDefined)(this.autocomplete)}
|
|
55
55
|
/>
|
|
56
|
-
`}inputLeftTemplate(){return this.searchable?
|
|
56
|
+
`}inputLeftTemplate(){return this.searchable?l.html`
|
|
57
57
|
<div class="md-input__before">
|
|
58
|
-
${this.isLoading?
|
|
58
|
+
${this.isLoading?l.html` <md-spinner size="20"></md-spinner> `:l.html` <md-icon ariaHidden="true" name="search-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
59
59
|
</div>
|
|
60
|
-
`:"before"===this.auxiliaryContentPosition?
|
|
60
|
+
`:"before"===this.auxiliaryContentPosition?l.html`
|
|
61
61
|
<div class="md-input__before">
|
|
62
62
|
<slot name="input-section"> </slot>
|
|
63
63
|
</div>
|
|
64
|
-
`:
|
|
64
|
+
`:p.nothing}get inputRightTemplateClassMap(){return{"md-input__after":!0,hidden:!this.hasRightIcon}}inputRightTemplate(){return this.clear&&!this.disabled&&this.value&&!this.readOnly?l.html`
|
|
65
65
|
<div class="md-input__after">
|
|
66
66
|
<md-button
|
|
67
67
|
hasRemoveStyle
|
|
@@ -81,12 +81,12 @@
|
|
|
81
81
|
</md-button>
|
|
82
82
|
${this.comboBoxButtonTemplate}
|
|
83
83
|
</div>
|
|
84
|
-
`:this.compact?this.showDropdown?
|
|
84
|
+
`:this.compact?this.showDropdown?l.html` <div class=${(0,d.classMap)(this.inputRightTemplateClassMap)}>${this.comboBoxButtonTemplate}</div> `:void 0:l.html`
|
|
85
85
|
<div class=${(0,d.classMap)(this.inputRightTemplateClassMap)}>
|
|
86
86
|
<slot name="input-section-right" @slotchange=${this.handleRighSlotChange}></slot>
|
|
87
87
|
${this.comboBoxButtonTemplate}
|
|
88
88
|
</div>
|
|
89
|
-
`}get comboBoxButtonTemplate(){return this.showDropdown?
|
|
89
|
+
`}get comboBoxButtonTemplate(){return this.showDropdown?l.html`
|
|
90
90
|
<button
|
|
91
91
|
class="md-input__dropdown-button"
|
|
92
92
|
tabindex="-1"
|
|
@@ -104,7 +104,11 @@
|
|
|
104
104
|
>
|
|
105
105
|
</md-icon>
|
|
106
106
|
</button>
|
|
107
|
-
`:
|
|
107
|
+
`:p.nothing}characterCountTemplate(){return this.maxLength&&this.displayCharacterCount&&!this.disabled&&!this.readOnly?l.html`<div class="md-input__character-count-label-container">
|
|
108
|
+
<span class="md-input__character-count-label ${(0,d.classMap)({error:this.value.length>=this.maxLength})}"
|
|
109
|
+
>${this.value.length}/${this.maxLength}</span
|
|
110
|
+
>
|
|
111
|
+
</div> `:p.nothing}secondaryLabelTemplate(){return this.secondaryLabel?l.html`
|
|
108
112
|
<md-label
|
|
109
113
|
class="md-input__secondary-label ${(0,d.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
110
114
|
secondaryLabel
|
|
@@ -112,15 +116,15 @@
|
|
|
112
116
|
.label=${this.secondaryLabel}
|
|
113
117
|
@label-click=${()=>this.handleLabelClick()}
|
|
114
118
|
></md-label>
|
|
115
|
-
`:
|
|
119
|
+
`:p.nothing}helpTextTemplate(){return this.helpText?l.html`
|
|
116
120
|
<md-help-text
|
|
117
121
|
class="help-text ${(0,d.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
118
122
|
.message=${this.helpText}
|
|
119
123
|
style=${(0,m.styleMap)({width:"100%"})}
|
|
120
124
|
></md-help-text>
|
|
121
|
-
`:
|
|
125
|
+
`:p.nothing}messagesTemplate(){return!this.hideMessage&&this.messages&&this.messages.length?l.html`
|
|
122
126
|
<div id="${this.htmlId}-message" part="message" class="md-input__messages">
|
|
123
|
-
${(0,u.repeat)(this.messages,(e,t)=>{var i,s;return
|
|
127
|
+
${(0,u.repeat)(this.messages,(e,t)=>{var i,s;return l.html`
|
|
124
128
|
<md-help-text
|
|
125
129
|
.message=${e}
|
|
126
130
|
.id=${null!==(i=this.messageArr[t].id)&&void 0!==i?i:""}
|
|
@@ -129,19 +133,24 @@
|
|
|
129
133
|
></md-help-text>
|
|
130
134
|
`})}
|
|
131
135
|
</div>
|
|
132
|
-
`:
|
|
136
|
+
`:p.nothing}labelTemplate(){return this.label?l.html`
|
|
133
137
|
<md-label
|
|
134
138
|
class="md-input__label ${(0,d.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
135
139
|
.htmlFor=${this.htmlId}
|
|
136
140
|
.label=${this.label}
|
|
137
141
|
@label-click=${()=>this.handleLabelClick()}
|
|
138
142
|
></md-label>
|
|
139
|
-
`:
|
|
143
|
+
`:p.nothing}static get styles(){return[r.A,c.A]}render(){return l.html`
|
|
140
144
|
<div class="md-input-container ${(0,d.classMap)(this.inputClassMap)}" part="md-input-container">
|
|
141
145
|
${this.labelTemplate()}
|
|
142
146
|
<div class="md-input__wrapper ${(0,d.classMap)(this.inputWrapperClassMap)}">
|
|
143
147
|
${this.inputLeftTemplate()} ${this.inputTemplate()} ${this.inputRightTemplate()}
|
|
144
148
|
</div>
|
|
145
|
-
|
|
149
|
+
<div class="md-input__all-sub-labels-container">
|
|
150
|
+
<div class="md-input__info-and-error-labels-container">
|
|
151
|
+
${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
|
|
152
|
+
</div>
|
|
153
|
+
${this.characterCountTemplate()}
|
|
154
|
+
</div>
|
|
146
155
|
</div>
|
|
147
|
-
`}};y([(0,
|
|
156
|
+
`}};y([(0,l.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,l.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,l.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,l.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,l.property)({type:String})],i.prototype,"id",void 0),y([(0,l.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,l.property)({type:String})],i.prototype,"label",void 0),y([(0,l.property)({type:String})],i.prototype,"helpText",void 0),y([(0,l.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,l.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,l.property)({type:String})],i.prototype,"role",void 0),y([(0,l.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,l.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,l.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,l.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,l.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,l.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,l.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,l.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,l.property)({type:String})],i.prototype,"shape",void 0),y([(0,l.property)({type:String})],i.prototype,"type",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,l.property)({type:Object})],i.prototype,"control",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"disableUserTextInput",void 0),y([(0,l.property)({type:String})],i.prototype,"autocomplete",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"showDropdown",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"dropdownExpanded",void 0),y([(0,l.property)({type:String})],i.prototype,"dropdownAriaLabel",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"displayCharacterCount",void 0),y([(0,l.query)(".md-input")],i.prototype,"input",void 0),y([(0,l.internalProperty)()],i.prototype,"isEditing",void 0),y([(0,l.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,l.internalProperty)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,o.w)("md-input")],i),e.ELEMENT=i}(s||(s={}))}}]);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,o,
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"]);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,a,o,r,l,n,p)=>(()=>{"use strict";var d,h={8229:e=>{e.exports=i},17518:e=>{e.exports=n},22818:e=>{e.exports=p},23968:e=>{e.exports=t},32022:e=>{e.exports=o},40333:e=>{e.exports=s},41488:t=>{t.exports=e},60554:e=>{e.exports=r},85314:e=>{e.exports=l},96408:(e,t,i)=>{i.r(t),i.d(t,{Input:()=>S,ariaInvalidType:()=>C,containerSize:()=>v,iconNames:()=>$,iconPosition:()=>x,inputShape:()=>f,inputSize:()=>g,inputType:()=>b,nestedLevel:()=>w}),i(20109),i(61200),i(6396),i(12176);var s=i(90195),a=i(31890),o=i(32972),r=i(26272),l=i(32022),n=i(41488),p=i(40333),d=i(23968),h=i(97822),m=i(22818),u=i(8229),c=i(21572),y=function(e,t,i,s){var a,o=arguments.length,r=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(r=(o<3?a(r):o>3?a(t,i,r):a(t,i))||r);return o>3&&r&&Object.defineProperty(t,i,r),r};const v=["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"],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"],b=["text","number","password","email","tel","checkbox"],f=["none","pill"],$=l,x=["before","after"],w=[0,1,2,3],C=["grammar","false","spelling","true"];var S;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,i)=>i.type===t?e.concat(i.message):e,[])}}e.MessageController=t;let i=class extends((0,o.y)(n.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.disableUserTextInput=!1,this.autocomplete=void 0,this.showDropdown=!1,this.dropdownExpanded=!1,this.dropdownAriaLabel="Show options",this.displayCharacterCount=!1,this.isEditing=!1,this.hasRightSlotContent=!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()}focus(){this.input.focus()}handleOutsideClick(e){let t=!1;const i=e.composedPath();i.length&&(t=!!i.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){var t;this.value=e.target.value,null===(t=this.control)||void 0===t||t.setValue(this.value),this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){var t;null===(t=this.control)||void 0===t||t.markAsTouched(),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!==s.Uz.Space&&t!==s.Uz.Enter)return;e.preventDefault(),e.stopPropagation()}else"click"===e.type&&(e.preventDefault(),e.stopPropagation());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()}handleRighSlotChange(){var e;this.hasRightSlotContent=(null===(e=this.inputSectionRightSlot)||void 0===e?void 0:e.assignedNodes().length)>0}handleDropdownClick(e){e.preventDefault(),this.dropdownExpanded=!this.dropdownExpanded,this.dispatchEvent(new CustomEvent("input-dropdown-click",{bubbles:!0,composed:!0,detail:{srcEvent:e,expanded:this.dropdownExpanded}}))}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--compact":this.compact,"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-disable-user-text-input":this.disableUserTextInput,"md-disabled":this.disabled,"md-dirty":!!this.value,"md-has-right-icon":this.hasRightIcon}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:void 0}get hasRightIcon(){return!(!this.clear||this.disabled||!this.value||this.readOnly)||!!this.showDropdown||!this.compact&&this.hasRightSlotContent}inputTemplate(){var e;return this.multiline?n.html`
|
|
2
2
|
<textarea
|
|
3
3
|
part="input"
|
|
4
4
|
class="md-input ${(0,d.classMap)(this.inputTemplateClassMap)}"
|
|
@@ -15,12 +15,12 @@
|
|
|
15
15
|
aria-label=${this.ariaLabel}
|
|
16
16
|
aria-invalid=${this.ariaInvalid}
|
|
17
17
|
aria-errormessage="${this.htmlId}-message"
|
|
18
|
-
aria-disabled=${(0,
|
|
18
|
+
aria-disabled=${(0,h.ifDefined)(this.disabled||void 0)}
|
|
19
19
|
id=${this.htmlId}
|
|
20
20
|
placeholder=${this.placeholder}
|
|
21
21
|
?readonly=${this.readOnly}
|
|
22
|
-
maxlength=${(0,
|
|
23
|
-
autocomplete=${(0,
|
|
22
|
+
maxlength=${(0,h.ifDefined)(this.maxLength)}
|
|
23
|
+
autocomplete=${(0,h.ifDefined)(this.autocomplete)}
|
|
24
24
|
></textarea>
|
|
25
25
|
`:n.html`
|
|
26
26
|
<input
|
|
@@ -38,20 +38,20 @@
|
|
|
38
38
|
.value=${this.value}
|
|
39
39
|
aria-describedby=${this.ariaDescribedBy}
|
|
40
40
|
aria-controls=${this.ariaControls}
|
|
41
|
-
aria-expanded=${(0,
|
|
41
|
+
aria-expanded=${(0,h.ifDefined)(null!==(e=this.ariaExpandedValue)&&void 0!==e?e:void 0)}
|
|
42
42
|
aria-label=${this.ariaLabel}
|
|
43
43
|
aria-invalid=${this.ariaInvalid}
|
|
44
44
|
aria-errormessage=${`${this.htmlId}-message`}
|
|
45
|
-
aria-disabled=${(0,
|
|
45
|
+
aria-disabled=${(0,h.ifDefined)(this.disabled||void 0)}
|
|
46
46
|
id=${this.htmlId}
|
|
47
47
|
role=${this.role}
|
|
48
48
|
placeholder=${this.placeholder}
|
|
49
49
|
?readonly=${this.readOnly||this.disabled||this.disableUserTextInput}
|
|
50
|
-
min=${(0,
|
|
51
|
-
max=${(0,
|
|
52
|
-
maxlength=${(0,
|
|
53
|
-
aria-haspopup=${(0,
|
|
54
|
-
autocomplete=${(0,
|
|
50
|
+
min=${(0,h.ifDefined)(this.min)}
|
|
51
|
+
max=${(0,h.ifDefined)(this.max)}
|
|
52
|
+
maxlength=${(0,h.ifDefined)(this.maxLength)}
|
|
53
|
+
aria-haspopup=${(0,h.ifDefined)(this.showDropdown?"true":void 0)}
|
|
54
|
+
autocomplete=${(0,h.ifDefined)(this.autocomplete)}
|
|
55
55
|
/>
|
|
56
56
|
`}inputLeftTemplate(){return this.searchable?n.html`
|
|
57
57
|
<div class="md-input__before">
|
|
@@ -104,7 +104,11 @@
|
|
|
104
104
|
>
|
|
105
105
|
</md-icon>
|
|
106
106
|
</button>
|
|
107
|
-
`:p.nothing}
|
|
107
|
+
`:p.nothing}characterCountTemplate(){return this.maxLength&&this.displayCharacterCount&&!this.disabled&&!this.readOnly?n.html`<div class="md-input__character-count-label-container">
|
|
108
|
+
<span class="md-input__character-count-label ${(0,d.classMap)({error:this.value.length>=this.maxLength})}"
|
|
109
|
+
>${this.value.length}/${this.maxLength}</span
|
|
110
|
+
>
|
|
111
|
+
</div> `:p.nothing}secondaryLabelTemplate(){return this.secondaryLabel?n.html`
|
|
108
112
|
<md-label
|
|
109
113
|
class="md-input__secondary-label ${(0,d.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
110
114
|
secondaryLabel
|
|
@@ -120,7 +124,7 @@
|
|
|
120
124
|
></md-help-text>
|
|
121
125
|
`:p.nothing}messagesTemplate(){return!this.hideMessage&&this.messages&&this.messages.length?n.html`
|
|
122
126
|
<div id="${this.htmlId}-message" part="message" class="md-input__messages">
|
|
123
|
-
${(0,
|
|
127
|
+
${(0,m.repeat)(this.messages,(e,t)=>{var i,s;return n.html`
|
|
124
128
|
<md-help-text
|
|
125
129
|
.message=${e}
|
|
126
130
|
.id=${null!==(i=this.messageArr[t].id)&&void 0!==i?i:""}
|
|
@@ -142,6 +146,11 @@
|
|
|
142
146
|
<div class="md-input__wrapper ${(0,d.classMap)(this.inputWrapperClassMap)}">
|
|
143
147
|
${this.inputLeftTemplate()} ${this.inputTemplate()} ${this.inputRightTemplate()}
|
|
144
148
|
</div>
|
|
145
|
-
|
|
149
|
+
<div class="md-input__all-sub-labels-container">
|
|
150
|
+
<div class="md-input__info-and-error-labels-container">
|
|
151
|
+
${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
|
|
152
|
+
</div>
|
|
153
|
+
${this.characterCountTemplate()}
|
|
154
|
+
</div>
|
|
146
155
|
</div>
|
|
147
|
-
`}};y([(0,n.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,n.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,n.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,n.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,n.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,n.property)({type:String})],i.prototype,"id",void 0),y([(0,n.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,n.property)({type:String})],i.prototype,"label",void 0),y([(0,n.property)({type:String})],i.prototype,"helpText",void 0),y([(0,n.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,n.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,n.property)({type:String})],i.prototype,"role",void 0),y([(0,n.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,n.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,n.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,n.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,n.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,n.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,n.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,n.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,n.property)({type:String})],i.prototype,"shape",void 0),y([(0,n.property)({type:String})],i.prototype,"type",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,n.property)({type:Object})],i.prototype,"control",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"disableUserTextInput",void 0),y([(0,n.property)({type:String})],i.prototype,"autocomplete",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"showDropdown",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"dropdownExpanded",void 0),y([(0,n.property)({type:String})],i.prototype,"dropdownAriaLabel",void 0),y([(0,n.query)(".md-input")],i.prototype,"input",void 0),y([(0,n.internalProperty)()],i.prototype,"isEditing",void 0),y([(0,n.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,n.internalProperty)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,
|
|
156
|
+
`}};y([(0,n.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,n.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,n.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,n.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,n.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,n.property)({type:String})],i.prototype,"id",void 0),y([(0,n.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,n.property)({type:String})],i.prototype,"label",void 0),y([(0,n.property)({type:String})],i.prototype,"helpText",void 0),y([(0,n.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,n.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,n.property)({type:String})],i.prototype,"role",void 0),y([(0,n.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,n.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,n.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,n.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,n.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,n.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,n.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,n.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,n.property)({type:String})],i.prototype,"shape",void 0),y([(0,n.property)({type:String})],i.prototype,"type",void 0),y([(0,n.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,n.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,n.property)({type:Object})],i.prototype,"control",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"disableUserTextInput",void 0),y([(0,n.property)({type:String})],i.prototype,"autocomplete",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"showDropdown",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"dropdownExpanded",void 0),y([(0,n.property)({type:String})],i.prototype,"dropdownAriaLabel",void 0),y([(0,n.property)({type:Boolean})],i.prototype,"displayCharacterCount",void 0),y([(0,n.query)(".md-input")],i.prototype,"input",void 0),y([(0,n.internalProperty)()],i.prototype,"isEditing",void 0),y([(0,n.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,n.internalProperty)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,a.w)("md-input")],i),e.ELEMENT=i}(S||(S={}))},97822:e=>{e.exports=a}},m={};function u(e){var t=m[e];if(void 0!==t)return t.exports;var i=m[e]={exports:{}};return h[e](i,i.exports,u),i.exports}u.m=h,d=[],u.O=(e,t,i,s)=>{if(!t){var a=1/0;for(n=0;n<d.length;n++){for(var[t,i,s]=d[n],o=!0,r=0;r<t.length;r++)(!1&s||a>=s)&&Object.keys(u.O).every(e=>u.O[e](t[r]))?t.splice(r--,1):(o=!1,s<a&&(a=s));if(o){d.splice(n--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var n=d.length;n>0&&d[n-1][2]>s;n--)d[n]=d[n-1];d[n]=[t,i,s]},u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var i in t)u.o(t,i)&&!u.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={1266:0,6408:0};u.O.j=t=>0===e[t];var t=(t,i)=>{var s,a,[o,r,l]=i,n=0;if(o.some(t=>0!==e[t])){for(s in r)u.o(r,s)&&(u.m[s]=r[s]);if(l)var p=l(u)}for(t&&t(i);n<o.length;n++)a=o[n],u.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return u.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var c=u.O(void 0,[8493,1890,6272,6325,9217,6283,2176,6798,5830,1200,2576,8210,4977,1270,1598,109,1572,6396],()=>u(96408));return u.O(c)})());
|
|
@@ -14,4 +14,4 @@
|
|
|
14
14
|
@change=${e=>this.handleFile(e)}
|
|
15
15
|
/>
|
|
16
16
|
</div>
|
|
17
|
-
`}};d([(0,s.property)({type:String,attribute:"accept-language"})],t.prototype,"acceptLanguage",void 0),d([(0,s.property)({type:String})],t.prototype,"getLocalization",void 0),d([(0,s.query)("input[type='file']")],t.prototype,"input",void 0),d([(0,s.internalProperty)()],t.prototype,"acceptTypes",void 0),d([(0,s.internalProperty)()],t.prototype,"fileName",void 0),t=d([(0,n.wW)("md-input-file")],t),e.ELEMENT=t}(i||(i={}))},97822:e=>{e.exports=n}},d={};function f(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={exports:{}};return u[e](r,r.exports,f),r.exports}f.m=u,l=[],f.O=(e,t,r,i)=>{if(!t){var n=1/0;for(c=0;c<l.length;c++){for(var[t,r,i]=l[c],o=!0,a=0;a<t.length;a++)(!1&i||n>=i)&&Object.keys(f.O).every(e=>f.O[e](t[a]))?t.splice(a--,1):(o=!1,i<n&&(n=i));if(o){l.splice(c--,1);var s=r();void 0!==s&&(e=s)}}return e}i=i||0;for(var c=l.length;c>0&&l[c-1][2]>i;c--)l[c]=l[c-1];l[c]=[t,r,i]},f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},s=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,f.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var r=Object.create(null);f.r(r);var i={};a=a||[null,s({}),s([]),s(s)];for(var n=2&t&&e;("object"==typeof n||"function"==typeof n)&&!~a.indexOf(n);n=s(n))Object.getOwnPropertyNames(n).forEach(t=>i[t]=()=>e[t]);return i.default=()=>e,f.d(r,i),r},f.d=(e,t)=>{for(var r in t)f.o(t,r)&&!f.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},f.f={},f.e=e=>Promise.all(Object.keys(f.f).reduce((t,r)=>(f.f[r](e,t),t),[])),f.u=e=>"chunks/md-"+e+".js",f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c={},p="@momentum-ui/web-components:",f.l=(e,t,r,i)=>{if(c[e])c[e].push(t);else{var n,o;if(void 0!==r)for(var l=document.getElementsByTagName("script"),a=0;a<l.length;a++){var s=l[a];if(s.getAttribute("src")==e||s.getAttribute("data-webpack")==p+r){n=s;break}}n||(o=!0,(n=document.createElement("script")).charset="utf-8",
|
|
17
|
+
`}};d([(0,s.property)({type:String,attribute:"accept-language"})],t.prototype,"acceptLanguage",void 0),d([(0,s.property)({type:String})],t.prototype,"getLocalization",void 0),d([(0,s.query)("input[type='file']")],t.prototype,"input",void 0),d([(0,s.internalProperty)()],t.prototype,"acceptTypes",void 0),d([(0,s.internalProperty)()],t.prototype,"fileName",void 0),t=d([(0,n.wW)("md-input-file")],t),e.ELEMENT=t}(i||(i={}))},97822:e=>{e.exports=n}},d={};function f(e){var t=d[e];if(void 0!==t)return t.exports;var r=d[e]={exports:{}};return u[e](r,r.exports,f),r.exports}f.m=u,l=[],f.O=(e,t,r,i)=>{if(!t){var n=1/0;for(c=0;c<l.length;c++){for(var[t,r,i]=l[c],o=!0,a=0;a<t.length;a++)(!1&i||n>=i)&&Object.keys(f.O).every(e=>f.O[e](t[a]))?t.splice(a--,1):(o=!1,i<n&&(n=i));if(o){l.splice(c--,1);var s=r();void 0!==s&&(e=s)}}return e}i=i||0;for(var c=l.length;c>0&&l[c-1][2]>i;c--)l[c]=l[c-1];l[c]=[t,r,i]},f.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return f.d(t,{a:t}),t},s=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,f.t=function(e,t){if(1&t&&(e=this(e)),8&t)return e;if("object"==typeof e&&e){if(4&t&&e.__esModule)return e;if(16&t&&"function"==typeof e.then)return e}var r=Object.create(null);f.r(r);var i={};a=a||[null,s({}),s([]),s(s)];for(var n=2&t&&e;("object"==typeof n||"function"==typeof n)&&!~a.indexOf(n);n=s(n))Object.getOwnPropertyNames(n).forEach(t=>i[t]=()=>e[t]);return i.default=()=>e,f.d(r,i),r},f.d=(e,t)=>{for(var r in t)f.o(t,r)&&!f.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},f.f={},f.e=e=>Promise.all(Object.keys(f.f).reduce((t,r)=>(f.f[r](e,t),t),[])),f.u=e=>"chunks/md-"+e+".js",f.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c={},p="@momentum-ui/web-components:",f.l=(e,t,r,i)=>{if(c[e])c[e].push(t);else{var n,o;if(void 0!==r)for(var l=document.getElementsByTagName("script"),a=0;a<l.length;a++){var s=l[a];if(s.getAttribute("src")==e||s.getAttribute("data-webpack")==p+r){n=s;break}}n||(o=!0,(n=document.createElement("script")).charset="utf-8",f.nc&&n.setAttribute("nonce",f.nc),n.setAttribute("data-webpack",p+r),n.src=e),c[e]=[t];var u=(t,r)=>{n.onerror=n.onload=null,clearTimeout(d);var i=c[e];if(delete c[e],n.parentNode&&n.parentNode.removeChild(n),i&&i.forEach(e=>e(r)),t)return t(r)},d=setTimeout(u.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=u.bind(null,n.onerror),n.onload=u.bind(null,n.onload),o&&document.head.appendChild(n)}},f.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.p="/",(()=>{var e={144:0,1270:0,3001:0,3477:0,5382:0,7032:0,7763:0,8889:0};f.f.j=(t,r)=>{var i=f.o(e,t)?e[t]:void 0;if(0!==i)if(i)r.push(i[2]);else{var n=new Promise((r,n)=>i=e[t]=[r,n]);r.push(i[2]=n);var o=f.p+f.u(t),l=new Error;f.l(o,r=>{if(f.o(e,t)&&(0!==(i=e[t])&&(e[t]=void 0),i)){var n=r&&("load"===r.type?"missing":r.type),o=r&&r.target&&r.target.src;l.message="Loading chunk "+t+" failed.\n("+n+": "+o+")",l.name="ChunkLoadError",l.type=n,l.request=o,i[1](l)}},"chunk-"+t,t)}},f.O.j=t=>0===e[t];var t=(t,r)=>{var i,n,[o,l,a]=r,s=0;if(o.some(t=>0!==e[t])){for(i in l)f.o(l,i)&&(f.m[i]=l[i]);if(a)var c=a(f)}for(t&&t(r);s<o.length;s++)n=o[s],f.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return f.O(c)},r=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var h=f.O(void 0,[1890,6272,6325,9217,6283,2176,6798,8373,4624,300,768,195,2972,6015],()=>f(52619));return f.O(h)})());
|
package/dist/index-entry.js
CHANGED
|
@@ -2659,7 +2659,7 @@
|
|
|
2659
2659
|
</div>
|
|
2660
2660
|
</div>
|
|
2661
2661
|
</div>
|
|
2662
|
-
`}};d([(0,n.property)({type:String})],e.prototype,"title",void 0),d([(0,n.property)({type:String})],e.prototype,"src",void 0),d([(0,n.property)({type:String})],e.prototype,"time",void 0),d([(0,n.property)({type:String})],e.prototype,"label",void 0),d([(0,n.property)({type:String})],e.prototype,"status",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"clickableTimestamp",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"isSelected",void 0),d([(0,n.property)({type:String,reflect:!0,attribute:"self-label"})],e.prototype,"selfLabel",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"self",void 0),d([(0,n.property)({type:String,reflect:!0,attribute:"avatar-color"})],e.prototype,"avatarColor",void 0),d([(0,n.property)({type:String,reflect:!0,attribute:"avatar-type"})],e.prototype,"avatarType",void 0),d([(0,n.property)({type:Number,reflect:!0,attribute:"avatar-size"})],e.prototype,"avatarSize",void 0),e=d([(0,s.w)("md-chat-message")],e),t.ELEMENT=e}(o||(o={}))},96408:(t,e,i)=>{i.d(e,{Input:()=>o}),i(20109),i(61200),i(6396),i(12176);var o,s=i(90195),r=i(31890),n=i(32972),a=i(26272),l=(i(32022),i(41488)),d=i(40333),h=i(23968),p=i(97822),c=i(22818),u=i(8229),m=i(21572),y=function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){class e{determineMessageType(t){return t.reduce((t,e)=>"error"===e?t:e.type,"")}filterMessagesByType(t,e){return t.reduce((t,i)=>i.type===e?t.concat(i.message):t,[])}}t.MessageController=e;let i=class extends((0,n.y)(l.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.disableUserTextInput=!1,this.autocomplete=void 0,this.showDropdown=!1,this.dropdownExpanded=!1,this.dropdownAriaLabel="Show options",this.isEditing=!1,this.hasRightSlotContent=!1,this.messageController=new e}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){this.input.select()}focus(){this.input.focus()}handleOutsideClick(t){let e=!1;const i=t.composedPath();i.length&&(e=!!i.find(t=>t===this),e||(this.input.blur(),this.isEditing=!1))}handleKeyDown(t){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}handleFocus(t){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:t}})))}handleMouseDown(t){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:t}})))}handleChange(t){var e;this.value=t.target.value,null===(e=this.control)||void 0===e||e.setValue(this.value),this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:this.value}}))}handleBlur(t){var e;null===(e=this.control)||void 0===e||e.markAsTouched(),this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}handleClear(t){if("keydown"===t.type){const{code:e}=t;if(e!==s.Uz.Space&&e!==s.Uz.Enter)return;t.preventDefault(),t.stopPropagation()}else"click"===t.type&&(t.preventDefault(),t.stopPropagation());this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:t}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(t)}handleLabelClick(){this.input.focus()}handleRighSlotChange(){var t;this.hasRightSlotContent=(null===(t=this.inputSectionRightSlot)||void 0===t?void 0:t.assignedNodes().length)>0}handleDropdownClick(t){t.preventDefault(),this.dropdownExpanded=!this.dropdownExpanded,this.dispatchEvent(new CustomEvent("input-dropdown-click",{bubbles:!0,composed:!0,detail:{srcEvent:t,expanded:this.dropdownExpanded}}))}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--compact":this.compact,"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-disable-user-text-input":this.disableUserTextInput,"md-disabled":this.disabled,"md-dirty":!!this.value,"md-has-right-icon":this.hasRightIcon}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:void 0}get hasRightIcon(){return!(!this.clear||this.disabled||!this.value||this.readOnly)||!!this.showDropdown||!this.compact&&this.hasRightSlotContent}inputTemplate(){var t;return this.multiline?l.html`
|
|
2662
|
+
`}};d([(0,n.property)({type:String})],e.prototype,"title",void 0),d([(0,n.property)({type:String})],e.prototype,"src",void 0),d([(0,n.property)({type:String})],e.prototype,"time",void 0),d([(0,n.property)({type:String})],e.prototype,"label",void 0),d([(0,n.property)({type:String})],e.prototype,"status",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"clickableTimestamp",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"isSelected",void 0),d([(0,n.property)({type:String,reflect:!0,attribute:"self-label"})],e.prototype,"selfLabel",void 0),d([(0,n.property)({type:Boolean})],e.prototype,"self",void 0),d([(0,n.property)({type:String,reflect:!0,attribute:"avatar-color"})],e.prototype,"avatarColor",void 0),d([(0,n.property)({type:String,reflect:!0,attribute:"avatar-type"})],e.prototype,"avatarType",void 0),d([(0,n.property)({type:Number,reflect:!0,attribute:"avatar-size"})],e.prototype,"avatarSize",void 0),e=d([(0,s.w)("md-chat-message")],e),t.ELEMENT=e}(o||(o={}))},96408:(t,e,i)=>{i.d(e,{Input:()=>o}),i(20109),i(61200),i(6396),i(12176);var o,s=i(90195),r=i(31890),n=i(32972),a=i(26272),l=(i(32022),i(41488)),d=i(40333),h=i(23968),p=i(97822),c=i(22818),u=i(8229),m=i(21572),y=function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){class e{determineMessageType(t){return t.reduce((t,e)=>"error"===e?t:e.type,"")}filterMessagesByType(t,e){return t.reduce((t,i)=>i.type===e?t.concat(i.message):t,[])}}t.MessageController=e;let i=class extends((0,n.y)(l.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.disableUserTextInput=!1,this.autocomplete=void 0,this.showDropdown=!1,this.dropdownExpanded=!1,this.dropdownAriaLabel="Show options",this.displayCharacterCount=!1,this.isEditing=!1,this.hasRightSlotContent=!1,this.messageController=new e}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){this.input.select()}focus(){this.input.focus()}handleOutsideClick(t){let e=!1;const i=t.composedPath();i.length&&(e=!!i.find(t=>t===this),e||(this.input.blur(),this.isEditing=!1))}handleKeyDown(t){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}handleFocus(t){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:t}})))}handleMouseDown(t){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:t}})))}handleChange(t){var e;this.value=t.target.value,null===(e=this.control)||void 0===e||e.setValue(this.value),this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:t,value:this.value}}))}handleBlur(t){var e;null===(e=this.control)||void 0===e||e.markAsTouched(),this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:t}}))}handleClear(t){if("keydown"===t.type){const{code:e}=t;if(e!==s.Uz.Space&&e!==s.Uz.Enter)return;t.preventDefault(),t.stopPropagation()}else"click"===t.type&&(t.preventDefault(),t.stopPropagation());this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:t}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(t)}handleLabelClick(){this.input.focus()}handleRighSlotChange(){var t;this.hasRightSlotContent=(null===(t=this.inputSectionRightSlot)||void 0===t?void 0:t.assignedNodes().length)>0}handleDropdownClick(t){t.preventDefault(),this.dropdownExpanded=!this.dropdownExpanded,this.dispatchEvent(new CustomEvent("input-dropdown-click",{bubbles:!0,composed:!0,detail:{srcEvent:t,expanded:this.dropdownExpanded}}))}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--compact":this.compact,"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-disable-user-text-input":this.disableUserTextInput,"md-disabled":this.disabled,"md-dirty":!!this.value,"md-has-right-icon":this.hasRightIcon}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:void 0}get hasRightIcon(){return!(!this.clear||this.disabled||!this.value||this.readOnly)||!!this.showDropdown||!this.compact&&this.hasRightSlotContent}inputTemplate(){var t;return this.multiline?l.html`
|
|
2663
2663
|
<textarea
|
|
2664
2664
|
part="input"
|
|
2665
2665
|
class="md-input ${(0,h.classMap)(this.inputTemplateClassMap)}"
|
|
@@ -2765,7 +2765,11 @@
|
|
|
2765
2765
|
>
|
|
2766
2766
|
</md-icon>
|
|
2767
2767
|
</button>
|
|
2768
|
-
`:d.nothing}
|
|
2768
|
+
`:d.nothing}characterCountTemplate(){return this.maxLength&&this.displayCharacterCount&&!this.disabled&&!this.readOnly?l.html`<div class="md-input__character-count-label-container">
|
|
2769
|
+
<span class="md-input__character-count-label ${(0,h.classMap)({error:this.value.length>=this.maxLength})}"
|
|
2770
|
+
>${this.value.length}/${this.maxLength}</span
|
|
2771
|
+
>
|
|
2772
|
+
</div> `:d.nothing}secondaryLabelTemplate(){return this.secondaryLabel?l.html`
|
|
2769
2773
|
<md-label
|
|
2770
2774
|
class="md-input__secondary-label ${(0,h.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
2771
2775
|
secondaryLabel
|
|
@@ -2803,9 +2807,14 @@
|
|
|
2803
2807
|
<div class="md-input__wrapper ${(0,h.classMap)(this.inputWrapperClassMap)}">
|
|
2804
2808
|
${this.inputLeftTemplate()} ${this.inputTemplate()} ${this.inputRightTemplate()}
|
|
2805
2809
|
</div>
|
|
2806
|
-
|
|
2810
|
+
<div class="md-input__all-sub-labels-container">
|
|
2811
|
+
<div class="md-input__info-and-error-labels-container">
|
|
2812
|
+
${this.messagesTemplate()} ${this.secondaryLabelTemplate()} ${this.helpTextTemplate()}
|
|
2813
|
+
</div>
|
|
2814
|
+
${this.characterCountTemplate()}
|
|
2815
|
+
</div>
|
|
2807
2816
|
</div>
|
|
2808
|
-
`}};y([(0,l.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,l.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,l.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,l.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,l.property)({type:String})],i.prototype,"id",void 0),y([(0,l.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,l.property)({type:String})],i.prototype,"label",void 0),y([(0,l.property)({type:String})],i.prototype,"helpText",void 0),y([(0,l.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,l.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,l.property)({type:String})],i.prototype,"role",void 0),y([(0,l.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,l.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,l.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,l.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,l.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,l.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,l.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,l.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,l.property)({type:String})],i.prototype,"shape",void 0),y([(0,l.property)({type:String})],i.prototype,"type",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,l.property)({type:Object})],i.prototype,"control",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"disableUserTextInput",void 0),y([(0,l.property)({type:String})],i.prototype,"autocomplete",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"showDropdown",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"dropdownExpanded",void 0),y([(0,l.property)({type:String})],i.prototype,"dropdownAriaLabel",void 0),y([(0,l.query)(".md-input")],i.prototype,"input",void 0),y([(0,l.internalProperty)()],i.prototype,"isEditing",void 0),y([(0,l.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,l.internalProperty)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,r.w)("md-input")],i),t.ELEMENT=i}(o||(o={}))},96798:(t,e,i)=>{i.d(e,{Button:()=>o});var o,s=i(73940),r=(i(12176),i(31890)),n=i(26283),a=i(26272),l=i(41488),d=i(40333),h=i(23968),p=i(97822),c=i(11740),u=function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.autofocus=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:d.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:d.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return l.html`
|
|
2817
|
+
`}};y([(0,l.property)({type:String})],i.prototype,"ariaDescribedBy",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"ariaInvalid",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaLabel",void 0),y([(0,l.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),y([(0,l.property)({type:String})],i.prototype,"auxiliaryContentPosition",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"clear",void 0),y([(0,l.property)({type:String})],i.prototype,"clearAriaLabel",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"compact",void 0),y([(0,l.property)({type:String})],i.prototype,"containerSize",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"disabled",void 0),y([(0,l.property)({type:String})],i.prototype,"id",void 0),y([(0,l.property)({type:String})],i.prototype,"inputSize",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"isFilled",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"isLoading",void 0),y([(0,l.property)({type:String})],i.prototype,"label",void 0),y([(0,l.property)({type:String})],i.prototype,"helpText",void 0),y([(0,l.property)({type:Boolean,attribute:"hide-message",reflect:!0})],i.prototype,"hideMessage",void 0),y([(0,l.property)({type:String})],i.prototype,"htmlId",void 0),y([(0,l.property)({type:String})],i.prototype,"role",void 0),y([(0,l.property)({type:Array})],i.prototype,"messageArr",void 0),y([(0,l.property)({type:Number,reflect:!0})],i.prototype,"min",void 0),y([(0,l.property)({type:Number,reflect:!0})],i.prototype,"max",void 0),y([(0,l.property)({type:Number})],i.prototype,"maxLength",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"multi",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"multiline",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"name",void 0),y([(0,l.property)({type:Number})],i.prototype,"nestedLevel",void 0),y([(0,l.property)({type:String})],i.prototype,"placeholder",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"readOnly",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"required",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"searchable",void 0),y([(0,l.property)({type:String})],i.prototype,"secondaryLabel",void 0),y([(0,l.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),y([(0,l.property)({type:String})],i.prototype,"shape",void 0),y([(0,l.property)({type:String})],i.prototype,"type",void 0),y([(0,l.property)({type:String,reflect:!0})],i.prototype,"value",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaControls",void 0),y([(0,l.property)({type:String})],i.prototype,"ariaExpanded",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"newMomentum",void 0),y([(0,l.property)({type:Object})],i.prototype,"control",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"disableUserTextInput",void 0),y([(0,l.property)({type:String})],i.prototype,"autocomplete",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"showDropdown",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"dropdownExpanded",void 0),y([(0,l.property)({type:String})],i.prototype,"dropdownAriaLabel",void 0),y([(0,l.property)({type:Boolean})],i.prototype,"displayCharacterCount",void 0),y([(0,l.query)(".md-input")],i.prototype,"input",void 0),y([(0,l.internalProperty)()],i.prototype,"isEditing",void 0),y([(0,l.query)('slot[name="input-section-right"]')],i.prototype,"inputSectionRightSlot",void 0),y([(0,l.internalProperty)()],i.prototype,"hasRightSlotContent",void 0),i=y([(0,r.w)("md-input")],i),t.ELEMENT=i}(o||(o={}))},96798:(t,e,i)=>{i.d(e,{Button:()=>o});var o,s=i(73940),r=(i(12176),i(31890)),n=i(26283),a=i(26272),l=i(41488),d=i(40333),h=i(23968),p=i(97822),c=i(11740),u=function(t,e,i,o){var s,r=arguments.length,n=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(n=(r<3?s(n):r>3?s(e,i,n):s(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends l.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.autofocus=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:d.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:d.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return l.html`
|
|
2809
2818
|
<style>
|
|
2810
2819
|
:host .md-button--${this.size} {
|
|
2811
2820
|
${this.renderWidth()};
|
|
@@ -2923,4 +2932,4 @@
|
|
|
2923
2932
|
size="16"
|
|
2924
2933
|
></md-icon>
|
|
2925
2934
|
</label>
|
|
2926
|
-
`}};c([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"checked",void 0),c([(0,l.property)({type:String})],e.prototype,"value",void 0),c([(0,l.property)({type:String})],e.prototype,"id",void 0),c([(0,l.property)({type:String})],e.prototype,"label",void 0),c([(0,l.internalProperty)()],e.prototype,"customId",void 0),e=c([(0,n.w)("md-favorite")],e),t.ELEMENT=e}(o||(o={}))}},j={};function U(t){var e=j[t];if(void 0!==e)return e.exports;var i=j[t]={exports:{}};return N[t].call(i.exports,i,i.exports,U),i.exports}U.m=N,_=[],U.O=(t,e,i,o)=>{if(!e){var s=1/0;for(l=0;l<_.length;l++){for(var[e,i,o]=_[l],r=!0,n=0;n<e.length;n++)(!1&o||s>=o)&&Object.keys(U.O).every(t=>U.O[t](e[n]))?e.splice(n--,1):(r=!1,o<s&&(s=o));if(r){_.splice(l--,1);var a=i();void 0!==a&&(t=a)}}return t}o=o||0;for(var l=_.length;l>0&&_[l-1][2]>o;l--)_[l]=_[l-1];_[l]=[e,i,o]},U.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return U.d(e,{a:e}),e},z=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,U.t=function(t,e){if(1&e&&(t=this(t)),8&e)return t;if("object"==typeof t&&t){if(4&e&&t.__esModule)return t;if(16&e&&"function"==typeof t.then)return t}var i=Object.create(null);U.r(i);var o={};B=B||[null,z({}),z([]),z(z)];for(var s=2&e&&t;("object"==typeof s||"function"==typeof s)&&!~B.indexOf(s);s=z(s))Object.getOwnPropertyNames(s).forEach(e=>o[e]=()=>t[e]);return o.default=()=>t,U.d(i,o),i},U.d=(t,e)=>{for(var i in e)U.o(e,i)&&!U.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},U.f={},U.e=t=>Promise.all(Object.keys(U.f).reduce((e,i)=>(U.f[i](t,e),e),[])),U.u=t=>"chunks/md-"+t+".js",U.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),U.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),F={},V="@momentum-ui/web-components:",U.l=(t,e,i,o)=>{if(F[t])F[t].push(e);else{var s,r;if(void 0!==i)for(var n=document.getElementsByTagName("script"),a=0;a<n.length;a++){var l=n[a];if(l.getAttribute("src")==t||l.getAttribute("data-webpack")==V+i){s=l;break}}s||(r=!0,(s=document.createElement("script")).charset="utf-8",
|
|
2935
|
+
`}};c([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"checked",void 0),c([(0,l.property)({type:String})],e.prototype,"value",void 0),c([(0,l.property)({type:String})],e.prototype,"id",void 0),c([(0,l.property)({type:String})],e.prototype,"label",void 0),c([(0,l.internalProperty)()],e.prototype,"customId",void 0),e=c([(0,n.w)("md-favorite")],e),t.ELEMENT=e}(o||(o={}))}},j={};function U(t){var e=j[t];if(void 0!==e)return e.exports;var i=j[t]={exports:{}};return N[t].call(i.exports,i,i.exports,U),i.exports}U.m=N,_=[],U.O=(t,e,i,o)=>{if(!e){var s=1/0;for(l=0;l<_.length;l++){for(var[e,i,o]=_[l],r=!0,n=0;n<e.length;n++)(!1&o||s>=o)&&Object.keys(U.O).every(t=>U.O[t](e[n]))?e.splice(n--,1):(r=!1,o<s&&(s=o));if(r){_.splice(l--,1);var a=i();void 0!==a&&(t=a)}}return t}o=o||0;for(var l=_.length;l>0&&_[l-1][2]>o;l--)_[l]=_[l-1];_[l]=[e,i,o]},U.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return U.d(e,{a:e}),e},z=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,U.t=function(t,e){if(1&e&&(t=this(t)),8&e)return t;if("object"==typeof t&&t){if(4&e&&t.__esModule)return t;if(16&e&&"function"==typeof t.then)return t}var i=Object.create(null);U.r(i);var o={};B=B||[null,z({}),z([]),z(z)];for(var s=2&e&&t;("object"==typeof s||"function"==typeof s)&&!~B.indexOf(s);s=z(s))Object.getOwnPropertyNames(s).forEach(e=>o[e]=()=>t[e]);return o.default=()=>t,U.d(i,o),i},U.d=(t,e)=>{for(var i in e)U.o(e,i)&&!U.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},U.f={},U.e=t=>Promise.all(Object.keys(U.f).reduce((e,i)=>(U.f[i](t,e),e),[])),U.u=t=>"chunks/md-"+t+".js",U.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),U.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),F={},V="@momentum-ui/web-components:",U.l=(t,e,i,o)=>{if(F[t])F[t].push(e);else{var s,r;if(void 0!==i)for(var n=document.getElementsByTagName("script"),a=0;a<n.length;a++){var l=n[a];if(l.getAttribute("src")==t||l.getAttribute("data-webpack")==V+i){s=l;break}}s||(r=!0,(s=document.createElement("script")).charset="utf-8",U.nc&&s.setAttribute("nonce",U.nc),s.setAttribute("data-webpack",V+i),s.src=t),F[t]=[e];var d=(e,i)=>{s.onerror=s.onload=null,clearTimeout(h);var o=F[t];if(delete F[t],s.parentNode&&s.parentNode.removeChild(s),o&&o.forEach(t=>t(i)),e)return e(i)},h=setTimeout(d.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=d.bind(null,s.onerror),s.onload=d.bind(null,s.onload),r&&document.head.appendChild(s)}},U.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},U.p="/",(()=>{var t={109:0,144:0,195:0,445:0,502:0,555:0,671:0,762:0,984:0,1037:0,1200:0,1266:0,1323:0,1439:0,1459:0,1462:0,1521:0,1528:0,1682:0,1745:0,1788:0,1807:0,2105:0,2139:0,2169:0,2176:0,2330:0,2434:0,2547:0,2555:0,2576:0,2779:0,2781:0,2909:0,3001:0,3079:0,3192:0,3413:0,3477:0,3539:0,3747:0,3820:0,3938:0,3943:0,4131:0,4139:0,4259:0,4545:0,4908:0,4928:0,4971:0,5156:0,5310:0,5369:0,5382:0,5427:0,5433:0,5517:0,6029:0,6060:0,6085:0,6132:0,6220:0,6283:0,6396:0,6408:0,6433:0,6494:0,6587:0,6677:0,6724:0,6753:0,6754:0,6798:0,6834:0,6920:0,7119:0,7145:0,7219:0,7455:0,7684:0,7711:0,7719:0,7763:0,7814:0,7927:0,8028:0,8111:0,8115:0,8220:0,8334:0,8339:0,8442:0,8510:0,8654:0,8894:0,9058:0,9237:0};U.f.j=(e,i)=>{var o=U.o(t,e)?t[e]:void 0;if(0!==o)if(o)i.push(o[2]);else{var s=new Promise((i,s)=>o=t[e]=[i,s]);i.push(o[2]=s);var r=U.p+U.u(e),n=new Error;U.l(r,i=>{if(U.o(t,e)&&(0!==(o=t[e])&&(t[e]=void 0),o)){var s=i&&("load"===i.type?"missing":i.type),r=i&&i.target&&i.target.src;n.message="Loading chunk "+e+" failed.\n("+s+": "+r+")",n.name="ChunkLoadError",n.type=s,n.request=r,o[1](n)}},"chunk-"+e,e)}},U.O.j=e=>0===t[e];var e=(e,i)=>{var o,s,[r,n,a]=i,l=0;if(r.some(e=>0!==t[e])){for(o in n)U.o(n,o)&&(U.m[o]=n[o]);if(a)var d=a(U)}for(e&&e(i);l<r.length;l++)s=r[l],U.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return U.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var q=U.O(void 0,[8493,7103,1890,6272,6325,9217,5830,8889,8210,4977,3135,1598,1572,6366,7251,4974,2243,7919,3553,6877,6700,8004,6795,8923,4548,76,1392,9164,2019,1625,6067,3625,8841,3866,3112,1107,6953,7330,7092,9719,6979,9130,6273,9618,8612,8521,4400,779,573,5801,2043,8171,2798,5467,2984,1869,2215,7997,4392,630,3604,8728,8227,1250,1705,6400,7833,7875,587,6441,6015,3663],()=>U(24629));return U.O(q)})());
|
|
@@ -108,6 +108,7 @@ export declare namespace Input {
|
|
|
108
108
|
showDropdown: boolean;
|
|
109
109
|
dropdownExpanded: boolean;
|
|
110
110
|
dropdownAriaLabel: string;
|
|
111
|
+
displayCharacterCount: boolean;
|
|
111
112
|
input: HTMLInputElement;
|
|
112
113
|
private isEditing;
|
|
113
114
|
private readonly inputSectionRightSlot;
|
|
@@ -164,6 +165,7 @@ export declare namespace Input {
|
|
|
164
165
|
private get inputRightTemplateClassMap();
|
|
165
166
|
inputRightTemplate(): import("lit-element").TemplateResult | undefined;
|
|
166
167
|
private get comboBoxButtonTemplate();
|
|
168
|
+
private characterCountTemplate;
|
|
167
169
|
secondaryLabelTemplate(): {};
|
|
168
170
|
helpTextTemplate(): {};
|
|
169
171
|
messagesTemplate(): {};
|