@momentum-ui/web-components 2.16.16 → 2.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/md-17.js +1 -1
- package/dist/chunks/md-18.js +1 -1
- package/dist/chunks/md-43.js +4 -3
- package/dist/chunks/md-53.js +21 -7
- package/dist/chunks/md-56.js +1 -1
- package/dist/chunks/md-6.js +21 -21
- package/dist/chunks/md-68.js +2 -2
- package/dist/chunks/md-79.js +1 -1
- package/dist/chunks/md-86.js +21 -21
- package/dist/chunks/md-90.js +1 -1
- package/dist/index-entry.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/components/alert-banner/AlertBanner.d.ts +10 -0
- package/dist/types/components/button/Button.d.ts +1 -1
- package/dist/types/components/datepicker/DatePicker.d.ts +2 -1
- package/dist/types/components/grabber/Grabber.d.ts +2 -2
- package/dist/types/components/help-text/HelpText.d.ts +1 -1
- package/package.json +5 -5
package/dist/chunks/md-17.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
${this.renderOverflowY()};
|
|
7
7
|
}
|
|
8
8
|
</style>
|
|
9
|
-
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}checkIsInputField(e){return
|
|
9
|
+
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return w(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.trigger&&(this.triggerElement=this.trigger[0],this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")),this.overlayContainer&&this.isOpen&&(this.handleInstance(!0),this.overlayContainer.toggleAttribute("data-show",!0)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0)}))}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick)))}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),this.triggerElement&&(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true"))):(this.dispatchMenuClose(),this.triggerElement&&(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false"))))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=Object(g.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>w(this,void 0,void 0,(function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,modifiers:[...g.defaultModifiers,c.a,u.a,y.a,p.a,{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&(this.isOpen=!1)}static get styles(){return[E]}render(){return b.html`
|
|
10
10
|
${this.getStyles()}
|
|
11
11
|
<div class="md-menu-overlay">
|
|
12
12
|
<slot name="menu-trigger" aria-expanded=${this.isOpen}></slot>
|
package/dist/chunks/md-18.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[18],{30:function(e,t,n){"use strict";n.r(t),n.d(t,"containerSize",(function(){return g})),n.d(t,"inputSize",(function(){return v})),n.d(t,"inputType",(function(){return f})),n.d(t,"inputShape",(function(){return y})),n.d(t,"iconNames",(function(){return w})),n.d(t,"iconPosition",(function(){return _})),n.d(t,"nestedLevel",(function(){return x})),n.d(t,"ariaInvalidType",(function(){return k})),n.d(t,"Input",(function(){return O}));n(58),n(14),n(59),n(55);var r=n(1),i=n(5),o=n(32),d=n(6),a=n(10),m=n(0),l=n(2),u=n(4),p=n(3),c=n(13),s=n(8),b=m.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%;align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal}.md-input-container .md-input{background-color:var(--input-default-bg-color);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,.md-input-container .md-input[readonly]{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:hover,.md-input-container .md-input[readonly]: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,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--input-warning-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-hover:active,.md-input-container.md-warning .md-input:hover:active{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03));outline:0}.md-input-container.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fca1"}.md-input-container.md-success .md-input{background-color:var(--input-success-bg-color,var(--md-alert-success-bg-color,#78f5b8));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color,#78f5b8))}.md-input-container.md-success .md-input.md-hover:active,.md-input-container.md-success .md-input:hover:active{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50));outline:0}.md-input-container.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade))}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-hover:active,.md-input-container.md-input--filled .md-input:hover:active{outline:0}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input{background-color:rgba(0,0,0,0);color:var(--input-default-text-color);border-color:var(--input-default-new-border-color)}.md-input-container.md-new-momentum .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container.md-new-momentum .md-input.md-hover,.md-input-container.md-new-momentum .md-input:hover{background-color:var(--input-default-hover-bg-color)}.md-input-container.md-new-momentum .md-input.md-hover:active,.md-input-container.md-new-momentum .md-input:hover:active{background-color:var(--input-default-pressed-bg-color);border-color:var(--input-default-new-border-color);outline:0}.md-input-container.md-new-momentum .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-new-focus-border-color)}.md-input-container.md-new-momentum .md-input.md-disabled,.md-input-container.md-new-momentum .md-input:disabled{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum .md-input.md-disabled:hover,.md-input-container.md-new-momentum .md-input:disabled:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input.md-readonly,.md-input-container.md-new-momentum .md-input[readonly]{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--md-primary-text-color)}.md-input-container.md-new-momentum .md-input.md-readonly:hover,.md-input-container.md-new-momentum .md-input[readonly]:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input__after,.md-input-container.md-new-momentum .md-input__before{color:var(--input-default-text-color);fill:var(--input-default-text-color)}.md-input-container.md-new-momentum .md-input__after .md-spinner,.md-input-container.md-new-momentum .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum .md-input__after .md-spinner::after,.md-input-container.md-new-momentum .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-text-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color);fill:var(--md-secondary-text-color)}.md-input-container.md-new-momentum .md-input__icon-clear:focus,.md-input-container.md-new-momentum .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-new-momentum.md-disabled .md-input__before{color:var(--input-default-new-disabled-color);fill:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-new-disabled-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input__help-text,.md-input-container.md-new-momentum .md-input__secondary-label{color:#545454}.md-input-container.md-new-momentum .md-input{border-radius:8px;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:transparent}.md-input-container.md-new-momentum.md-error .md-input.md-readonly,.md-input-container.md-new-momentum.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__messages{display:block}.md-input-container.md-new-momentum.md-error:focus{border-color:var(--input-error-focus-border-color);outline:0;transition:border ease-in .15s}.md-input-container.md-new-momentum.md-warning .md-input{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-colorg))}.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:transparent}.md-input-container.md-new-momentum.md-warning .md-input.md-readonly,.md-input-container.md-new-momentum.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__messages{display:block}.md-input-container.md-new-momentum.md-success .md-input{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:transparent}.md-input-container.md-new-momentum.md-success .md-input.md-readonly,.md-input-container.md-new-momentum.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input{border-color:var(--input-default-outline-color)}.md-input-container.md-new-momentum.md-priority .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-priority .md-input.md-hover:active,.md-input-container.md-new-momentum.md-priority .md-input:hover:active{border-color:var(--input-default-outline-color);outline:0}.md-input-container.md-new-momentum.md-priority .md-input.md-disabled,.md-input-container.md-new-momentum.md-priority .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input.md-readonly,.md-input-container.md-new-momentum.md-priority .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input__message::before{content:"\\fca1"}.md-input{border:.0625rem solid;border-radius:var(--input-border-radius,4px);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;height:2.125rem;padding:0 .75rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:.5rem}.md-input.md-dirty.md-has-right-icon{padding-right:2.125rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.125rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.125rem}.md-input--before{padding-left:2.125rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}@media(forced-colors:active){.md-input-container .md-input{border:1px solid CanvasText}.md-input-container .md-input.md-focus,.md-input-container .md-input:focus{border:none;outline:2px solid Highlight}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{color:GrayText!important;border:1px solid GrayText}}`,h=function(e,t,n,r){var i,o=arguments.length,d=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,n,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(d=(o<3?i(d):o>3?i(t,n,d):i(t,n))||d);return o>3&&d&&Object.defineProperty(t,n,d),d};const g=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],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"],f=["text","number","password","email","tel","checkbox"],y=["none","pill"],w=a,_=["before","after"],x=[0,1,2,3],k=["grammar","false","spelling","true"];var O;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,n)=>n.type===t?e.concat(n.message):e,[])}}e.MessageController=t;let n=class extends(Object(o.a)(m.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.role="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.newMomentum=!1,this.isEditing=!1,this.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()}handleOutsideClick(e){let t=!1;const n=e.composedPath();n.length&&(t=!!n.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if(e.preventDefault(),e.stopPropagation(),"keydown"===e.type){const{code:t}=e;if(t!==r.b.Space&&t!==r.b.Enter)return}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}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-disabled":this.disabled,"md-dirty":!!this.value,"md-has-right-icon":this.hasRightIcon}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:"undefined"}get hasRightIcon(){return!(!this.clear||this.disabled||!this.value||this.readOnly)||!this.compact&&this.hasRightSlotContent}inputTemplate(){var e;return this.multiline?m.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[18],{30:function(e,t,n){"use strict";n.r(t),n.d(t,"containerSize",(function(){return g})),n.d(t,"inputSize",(function(){return v})),n.d(t,"inputType",(function(){return f})),n.d(t,"inputShape",(function(){return y})),n.d(t,"iconNames",(function(){return w})),n.d(t,"iconPosition",(function(){return _})),n.d(t,"nestedLevel",(function(){return x})),n.d(t,"ariaInvalidType",(function(){return k})),n.d(t,"Input",(function(){return O}));n(58),n(14),n(59),n(55);var r=n(1),i=n(5),o=n(32),d=n(6),a=n(10),m=n(0),l=n(2),u=n(4),p=n(3),c=n(13),s=n(8),b=m.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%;align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal}.md-input-container .md-input{background-color:var(--input-default-bg-color);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,.md-input-container .md-input[readonly]{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:hover,.md-input-container .md-input[readonly]: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,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--input-warning-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-hover:active,.md-input-container.md-warning .md-input:hover:active{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03));outline:0}.md-input-container.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fca1"}.md-input-container.md-success .md-input{background-color:var(--input-success-bg-color,var(--md-alert-success-bg-color,#78f5b8));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color,#78f5b8))}.md-input-container.md-success .md-input.md-hover:active,.md-input-container.md-success .md-input:hover:active{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50));outline:0}.md-input-container.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade))}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-hover:active,.md-input-container.md-input--filled .md-input:hover:active{outline:0}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input{background-color:rgba(0,0,0,0);color:var(--input-default-text-color);border-color:var(--input-default-new-border-color)}.md-input-container.md-new-momentum .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container.md-new-momentum .md-input.md-hover,.md-input-container.md-new-momentum .md-input:hover{background-color:var(--input-default-hover-bg-color)}.md-input-container.md-new-momentum .md-input.md-hover:active,.md-input-container.md-new-momentum .md-input:hover:active{background-color:var(--input-default-pressed-bg-color);border-color:var(--input-default-new-border-color);outline:0}.md-input-container.md-new-momentum .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-new-focus-border-color)}.md-input-container.md-new-momentum .md-input.md-disabled,.md-input-container.md-new-momentum .md-input:disabled{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum .md-input.md-disabled:hover,.md-input-container.md-new-momentum .md-input:disabled:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input.md-readonly,.md-input-container.md-new-momentum .md-input[readonly]{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--md-primary-text-color)}.md-input-container.md-new-momentum .md-input.md-readonly:hover,.md-input-container.md-new-momentum .md-input[readonly]:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input__after,.md-input-container.md-new-momentum .md-input__before{color:var(--input-default-text-color);fill:var(--input-default-text-color)}.md-input-container.md-new-momentum .md-input__after .md-spinner,.md-input-container.md-new-momentum .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum .md-input__after .md-spinner::after,.md-input-container.md-new-momentum .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-text-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color);fill:var(--md-secondary-text-color)}.md-input-container.md-new-momentum .md-input__icon-clear:focus,.md-input-container.md-new-momentum .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-new-momentum.md-disabled .md-input__before{color:var(--input-default-new-disabled-color);fill:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-new-disabled-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input__help-text,.md-input-container.md-new-momentum .md-input__secondary-label{color:#545454}.md-input-container.md-new-momentum .md-input{border-radius:8px;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:transparent}.md-input-container.md-new-momentum.md-error .md-input.md-readonly,.md-input-container.md-new-momentum.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__messages{display:block}.md-input-container.md-new-momentum.md-error:focus{border-color:var(--input-error-focus-border-color);outline:0;transition:border ease-in .15s}.md-input-container.md-new-momentum.md-warning .md-input{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-colorg))}.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:transparent}.md-input-container.md-new-momentum.md-warning .md-input.md-readonly,.md-input-container.md-new-momentum.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__messages{display:block}.md-input-container.md-new-momentum.md-success .md-input{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:transparent}.md-input-container.md-new-momentum.md-success .md-input.md-readonly,.md-input-container.md-new-momentum.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input{border-color:var(--input-default-outline-color)}.md-input-container.md-new-momentum.md-priority .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-priority .md-input.md-hover:active,.md-input-container.md-new-momentum.md-priority .md-input:hover:active{border-color:var(--input-default-outline-color);outline:0}.md-input-container.md-new-momentum.md-priority .md-input.md-disabled,.md-input-container.md-new-momentum.md-priority .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input.md-readonly,.md-input-container.md-new-momentum.md-priority .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input__message::before{content:"\\fca1"}.md-input{border:.0625rem solid;border-radius:var(--input-border-radius,4px);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;height:2.125rem;padding:0 .75rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:.5rem}.md-input.md-dirty.md-has-right-icon{padding-right:2.125rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.125rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.125rem}.md-input--before{padding-left:2.125rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}@media(forced-colors:active){.md-input-container .md-input{border:1px solid CanvasText}.md-input-container .md-input.md-focus,.md-input-container .md-input:focus{border:none;outline:2px solid Highlight}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{color:GrayText!important;border:1px solid GrayText}}`,h=function(e,t,n,r){var i,o=arguments.length,d=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,n,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(d=(o<3?i(d):o>3?i(t,n,d):i(t,n))||d);return o>3&&d&&Object.defineProperty(t,n,d),d};const g=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],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"],f=["text","number","password","email","tel","checkbox"],y=["none","pill"],w=a,_=["before","after"],x=[0,1,2,3],k=["grammar","false","spelling","true"];var O;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,n)=>n.type===t?e.concat(n.message):e,[])}}e.MessageController=t;let n=class extends(Object(o.a)(m.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.role="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.newMomentum=!1,this.isEditing=!1,this.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()}handleOutsideClick(e){let t=!1;const n=e.composedPath();n.length&&(t=!!n.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==r.b.Space&&t!==r.b.Enter)return;e.preventDefault(),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}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-disabled":this.disabled,"md-dirty":!!this.value,"md-has-right-icon":this.hasRightIcon}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:"undefined"}get hasRightIcon(){return!(!this.clear||this.disabled||!this.value||this.readOnly)||!this.compact&&this.hasRightSlotContent}inputTemplate(){var e;return this.multiline?m.html`
|
|
2
2
|
<textarea
|
|
3
3
|
part="input"
|
|
4
4
|
class="md-input ${Object(u.classMap)(this.inputTemplateClassMap)}"
|
package/dist/chunks/md-43.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[43],{46:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(76),a(30),a(36);var i,s=a(1),o=a(37),r=a(5),n=a(9),l=a(16),c=a(21),d=a(0),h=a(3),p=a(15),u=function(e,t,a,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(r=(o<3?s(r):o>3?s(t,a,r):s(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r},m=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function r(e){try{l(i.next(e))}catch(e){o(e)}}function n(e){try{l(i.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,n)}l((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends d.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel="Choose Date",this.required=!1,this.errorMessage="",this.customTrigger=!1,this.isMenuOverlayOpen=!1,this.newMomentum=void 0,this.selectedDate=Object(n.n)(),this.focusedDate=Object(n.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[43],{46:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(76),a(30),a(36);var i,s=a(1),o=a(37),r=a(5),n=a(9),l=a(16),c=a(21),d=a(0),h=a(3),p=a(15),u=function(e,t,a,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var n=e.length-1;n>=0;n--)(s=e[n])&&(r=(o<3?s(r):o>3?s(t,a,r):s(t,a))||r);return o>3&&r&&Object.defineProperty(t,a,r),r},m=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function r(e){try{l(i.next(e))}catch(e){o(e)}}function n(e){try{l(i.throw(e))}catch(e){o(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,n)}l((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends d.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale="en-US",this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel="Choose Date",this.required=!1,this.errorMessage="",this.customTrigger=!1,this.isMenuOverlayOpen=!1,this.newMomentum=void 0,this.compactInput=void 0,this.selectedDate=Object(n.n)(),this.focusedDate=Object(n.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t;this.value=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value,this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{this.menuOverlay.isOpen=e,this.isMenuOverlayOpen=e},this.handleSelect=e=>{const t=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(t),this.setSelected(t,a),this.shouldCloseOnSelect&&this.setOpen(!1)},this.setSelected=(e,t)=>{const a={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!Object(n.j)(e,a)){const t=this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate();this.selectedDate=e,this.value=t}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};Object(n.j)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===s.b.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let a=!1;const i=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),a=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection(Object(n.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(n.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(n.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(n.c)(i,1)),a=!0}a&&(t.stopPropagation(),t.preventDefault())},this.chosenDateLabel=()=>this.selectedDate?`, Selected date is ${this.selectedDate.weekdayLong} ${this.selectedDate.monthLong} ${this.selectedDate.day}, ${this.selectedDate.year}`:void 0,this.isValueValid=()=>{if(!this.value&&""!==this.value)return!0;const e=Object(l.a)("md-date-range-picker",this),t=e&&e.startDate&&e.endDate?c.a.dateRangeString:this.includesTime?c.a.ISOString:c.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return!!this.value&&a.test(this.value)&&!Object(n.j)(p.DateTime.fromISO(this.value,{locale:this.locale}),i)}}get computedNewMomentum(){return void 0!==this.newMomentum?this.newMomentum:o.themeManager.isMomentumV2Enabled}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=p.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=p.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return m(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),""===this.value&&(this.value=this.includesTime?null===(a=this.selectedDate)||void 0===a?void 0:a.startOf("second").toISO({suppressMilliseconds:!0}):null===(i=this.selectedDate)||void 0===i?void 0:i.toISODate())}))}updated(e){if(super.updated(e),this.value&&e.has("value")){if(Object(l.a)("md-date-range-picker",this))return;this.selectedDate=p.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=p.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=p.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return d.html`
|
|
2
2
|
<md-menu-overlay is-date-picker custom-width="248px" ?disabled=${this.disabled}>
|
|
3
3
|
${this.customTrigger?d.html`
|
|
4
4
|
<span slot="menu-trigger">
|
|
@@ -22,9 +22,10 @@
|
|
|
22
22
|
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
23
23
|
@input-change="${e=>this.handleDateInputChange(e)}"
|
|
24
24
|
?disabled=${this.disabled}
|
|
25
|
-
hide-message=${!this.errorMessage&&this.isValueValid()}
|
|
25
|
+
?hide-message=${!this.errorMessage&&this.isValueValid()}
|
|
26
26
|
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
27
27
|
.messageArr=${this.errorMessage?[{message:this.errorMessage,type:"error"}]:[{message:"",type:this.isValueValid()?"":"error"}]}
|
|
28
|
+
?compact=${this.compactInput}
|
|
28
29
|
>
|
|
29
30
|
<md-icon slot="input-section" name="calendar-month-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
30
31
|
</md-input>
|
|
@@ -40,4 +41,4 @@
|
|
|
40
41
|
<slot name="time-picker"></slot>
|
|
41
42
|
</div>
|
|
42
43
|
</md-menu-overlay>
|
|
43
|
-
`}};u([Object(d.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),u([Object(d.property)({type:String})],t.prototype,"maxDate",void 0),u([Object(d.property)({type:String})],t.prototype,"minDate",void 0),u([Object(d.property)({type:String,reflect:!0})],t.prototype,"value",void 0),u([Object(d.property)({type:String})],t.prototype,"weekStart",void 0),u([Object(d.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),u([Object(d.property)({type:String})],t.prototype,"locale",void 0),u([Object(d.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"disabled",void 0),u([Object(d.property)({type:String})],t.prototype,"htmlId",void 0),u([Object(d.property)({type:String})],t.prototype,"label",void 0),u([Object(d.property)({type:String})],t.prototype,"ariaLabel",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"required",void 0),u([Object(d.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),u([Object(d.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"isMenuOverlayOpen",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),u([Object(d.internalProperty)()],t.prototype,"selectedDate",void 0),u([Object(d.internalProperty)()],t.prototype,"focusedDate",void 0),u([Object(d.internalProperty)()],t.prototype,"filterDate",void 0),u([Object(d.internalProperty)()],t.prototype,"maxDateData",void 0),u([Object(d.internalProperty)()],t.prototype,"minDateData",void 0),u([Object(d.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),t=u([Object(r.a)("md-datepicker")],t),e.ELEMENT=t}(i||(i={}))}}]);
|
|
44
|
+
`}};u([Object(d.property)({type:Boolean,attribute:"should-close-on-select"})],t.prototype,"shouldCloseOnSelect",void 0),u([Object(d.property)({type:String})],t.prototype,"maxDate",void 0),u([Object(d.property)({type:String})],t.prototype,"minDate",void 0),u([Object(d.property)({type:String,reflect:!0})],t.prototype,"value",void 0),u([Object(d.property)({type:String})],t.prototype,"weekStart",void 0),u([Object(d.property)({type:String,reflect:!0})],t.prototype,"placeholder",void 0),u([Object(d.property)({type:String})],t.prototype,"locale",void 0),u([Object(d.property)({type:Boolean,reflect:!0,attribute:"includes-time"})],t.prototype,"includesTime",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"disabled",void 0),u([Object(d.property)({type:String})],t.prototype,"htmlId",void 0),u([Object(d.property)({type:String})],t.prototype,"label",void 0),u([Object(d.property)({type:String})],t.prototype,"ariaLabel",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"required",void 0),u([Object(d.property)({type:String,reflect:!0})],t.prototype,"errorMessage",void 0),u([Object(d.property)({type:Boolean,attribute:"custom-trigger"})],t.prototype,"customTrigger",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"isMenuOverlayOpen",void 0),u([Object(d.property)({type:Boolean})],t.prototype,"newMomentum",void 0),u([Object(d.property)({type:Boolean,attribute:"compact-input"})],t.prototype,"compactInput",void 0),u([Object(d.internalProperty)()],t.prototype,"selectedDate",void 0),u([Object(d.internalProperty)()],t.prototype,"focusedDate",void 0),u([Object(d.internalProperty)()],t.prototype,"filterDate",void 0),u([Object(d.internalProperty)()],t.prototype,"maxDateData",void 0),u([Object(d.internalProperty)()],t.prototype,"minDateData",void 0),u([Object(d.query)("md-menu-overlay")],t.prototype,"menuOverlay",void 0),t=u([Object(r.a)("md-datepicker")],t),e.ELEMENT=t}(i||(i={}))}}]);
|
package/dist/chunks/md-53.js
CHANGED
|
@@ -1,20 +1,34 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{112:function(e,
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[53],{112:function(e,t,n){"use strict";n.r(t),n.d(t,"alertBannerAlignment",(function(){return m})),n.d(t,"AlertBanner",(function(){return b}));n(17),n(14);var r=n(5),a=n(28),o=n(6),l=n(0),i=n(2),s=n(12),c=l.css`.md-alert-banner{display:flex;padding:.75rem;position:relative;text-align:center;border-radius:var(--alert-banner-border-radius);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:var(--brand-font-weight-regular);line-height:1.25rem;gap:12px;align-items:center;justify-content:center}.md-alert-banner.closable{padding-right:calc(1.75rem + 12px)}.md-alert-banner.md-alert-banner--default{background-color:var(--alert-banner-default-bg-color);color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--default md-icon{color:var(--alert-banner-default-text-color)}.md-alert-banner.md-alert-banner--warning{background-color:var(--alert-banner-warning-bg-color);color:var(--alert-banner-warning-text-color)}.md-alert-banner.md-alert-banner--warning md-icon{color:var(--alert-banner-warning-text-color)}.md-alert-banner.md-alert-banner--error{background-color:var(--alert-banner-error-bg-color);color:var(--alert-banner-error-text-color)}.md-alert-banner.md-alert-banner--error md-icon{color:var(--alert-banner-error-text-color)}.md-alert-banner.md-alert-banner--success{background-color:var(--alert-banner-success-bg-color);color:var(--alert-banner-success-text-color)}.md-alert-banner.md-alert-banner--success md-icon{color:var(--alert-banner-success-text-color)}.md-alert-banner--leading{text-align:left;justify-content:space-between}.md-alert-banner__text{font-size:.875rem;display:inline-flex;justify-content:center;align-items:center;gap:12px}.md-alert-banner__text a{color:inherit;text-decoration:underline}.md-alert-banner__text .refresh-button{display:inline-flex}.md-alert-banner__text.leading{justify-content:flex-start}.md-alert-banner__right{display:inline-flex;align-items:center;justify-content:center}.md-alert-banner__right.trailing{justify-content:flex-end}.md-alert-banner .close-div{position:absolute;display:flex;align-items:center;right:.75rem;top:.75rem;bottom:.75rem;width:1rem}.md-alert-banner .close-div .md-alert-banner__close{cursor:pointer;display:inline-flex;align-items:center;justify-content:center}@media(forced-colors:active){.md-alert-banner{box-shadow:none;outline:2px solid CanvasText}}`,d=function(e,t,n,r){var a,o=arguments.length,l=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(e,t,n,r);else for(var i=e.length-1;i>=0;i--)(a=e[i])&&(l=(o<3?a(l):o>3?a(t,n,l):a(t,n))||l);return o>3&&l&&Object.defineProperty(t,n,l),l};const m=["center","leading"];var b;!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.type="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner",this.showBannerTypeIcon=!1,this.showRefreshButton=!1,this.alignment="center"}connectedCallback(){super.connectedCallback(),this.requestUpdate("show")}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide")),this.requestUpdate("show")}handleKeyDown(e){const{code:t}=e;Object(a.a)(t)&&this.onHide()}get isLeadingAlignment(){return"leading"===this.alignment}static get styles(){return[o.a,c]}getIconForType(){switch(this.type){case"error":return"error-legacy-badge-filled";case"warning":return"warning-filled";case"success":return"check-circle-badge-filled";default:return"info-badge-filled"}}get alertBannerClassMap(){return{"md-alert-banner":!0,["md-alert-banner--"+this.type]:this.type,["md-alert-banner--"+this.alignment]:this.isLeadingAlignment,closable:this.closable}}get alertBannerTextClassMap(){return{"md-alert-banner__text":!0,leading:this.isLeadingAlignment}}get alertBannerRightClassMap(){return{trailing:this.isLeadingAlignment}}render(){const e=this.closable?l.html`
|
|
2
2
|
<md-button
|
|
3
3
|
class="md-alert-banner__close"
|
|
4
4
|
hasRemoveStyle
|
|
5
|
+
circle
|
|
5
6
|
ariaLabel=${this.closeAriaLabel}
|
|
6
7
|
@click="${this.onHide}"
|
|
7
8
|
@keydown="${this.handleKeyDown}"
|
|
8
9
|
>
|
|
9
10
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
10
11
|
</md-button>
|
|
11
|
-
`:null
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
`:null,t=this.showBannerTypeIcon?l.html` <md-icon name="${this.getIconForType()}" iconSet="momentumDesign" size="16"> </md-icon> `:l.html`<slot name="left"></slot>`,n=this.showRefreshButton?l.html` <md-button
|
|
13
|
+
class="refresh-button"
|
|
14
|
+
@click="${()=>this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}"
|
|
15
|
+
variant="ghostInheritTextColor"
|
|
16
|
+
circle
|
|
17
|
+
size="20"
|
|
18
|
+
>
|
|
19
|
+
<md-icon name="refresh-bold" iconSet="momentumDesign" size="16"></md-icon>
|
|
20
|
+
</md-button>`:i.nothing;return l.html`
|
|
21
|
+
${this.show?l.html`
|
|
22
|
+
<div class="${Object(s.classMap)(this.alertBannerClassMap)}" role="alert">
|
|
23
|
+
<div class="${Object(s.classMap)(this.alertBannerTextClassMap)}">
|
|
24
|
+
${t}
|
|
15
25
|
<slot><span>${this.message}</span></slot>
|
|
26
|
+
${n}
|
|
16
27
|
</div>
|
|
17
|
-
${
|
|
28
|
+
<div class="md-alert-banner__right ${Object(s.classMap)(this.alertBannerRightClassMap)}">
|
|
29
|
+
<slot name="right"></slot>
|
|
30
|
+
</div>
|
|
31
|
+
<div class="close-div">${e}</div>
|
|
18
32
|
</div>
|
|
19
33
|
`:null}
|
|
20
|
-
`}};d([Object(
|
|
34
|
+
`}};d([Object(l.property)({type:String})],t.prototype,"type",void 0),d([Object(l.property)({type:String})],t.prototype,"message",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"closable",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"show",void 0),d([Object(l.property)({type:String,attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"showBannerTypeIcon",void 0),d([Object(l.property)({type:Boolean})],t.prototype,"showRefreshButton",void 0),d([Object(l.property)({type:String})],t.prototype,"alignment",void 0),t=d([Object(r.a)("md-alert-banner")],t),e.ELEMENT=t}(b||(b={}))}}]);
|
package/dist/chunks/md-56.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[56],{115:function(e,r,t){"use strict";t.r(r),t.d(r,"Breadcrumb",(function(){return a}));var a,n=t(6),s=t(5),o=t(0),c=o.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-breadcrumb) .md-breadcrumb ul{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0;padding:.5625rem .875rem .5625rem;list-style:none}:host(md-breadcrumb) .md-breadcrumb li{display:flex;text-transform:capitalize;font-size:.875rem}:host(md-breadcrumb) .md-breadcrumb li:not(:first-child)::before{display:flex;margin:0 .75rem;color:var(--breadcrumb-color-slash
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[56],{115:function(e,r,t){"use strict";t.r(r),t.d(r,"Breadcrumb",(function(){return a}));var a,n=t(6),s=t(5),o=t(0),c=o.css`:host(:focus){box-shadow:none;outline:0!important}:host(md-breadcrumb) .md-breadcrumb ul{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0;padding:.5625rem .875rem .5625rem;list-style:none}:host(md-breadcrumb) .md-breadcrumb li{display:flex;text-transform:capitalize;font-size:.875rem}:host(md-breadcrumb) .md-breadcrumb li:not(:first-child)::before{display:flex;margin:0 .75rem;color:var(--breadcrumb-color-slash);content:"/"}:host(md-breadcrumb) .md-breadcrumb a{color:var(--breadcrumb-color)}:host(md-breadcrumb) .md-breadcrumb a[aria-current=page]{pointer-events:none;cursor:default;color:var(--breadcrumb-color-current)}`,i=t(13),l=t(3),b=function(e,r,t,a){var n,s=arguments.length,o=s<3?r:null===a?a=Object.getOwnPropertyDescriptor(r,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,r,t,a);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(o=(s<3?n(o):s>3?n(r,t,o):n(r,t))||o);return s>3&&o&&Object.defineProperty(r,t,o),o};!function(e){let r=class extends o.LitElement{constructor(){super(...arguments),this.label="Breadcrumb",this.navCrumbs=[]}static get styles(){return[n.a,c]}setLastAnchorCurrent(){this.anchors&&this.anchors.length&&this.anchors[this.anchors.length-1].setAttribute("aria-current","page")}firstUpdated(e){super.firstUpdated(e),this.setLastAnchorCurrent()}update(e){super.update(e),e.has("navCrumbs")&&this.setLastAnchorCurrent()}handleClick(e){const r=e.target;if(this.anchors&&this.anchors.length){const e=Array.from(this.anchors).indexOf(r);-1!==e&&(this.navCrumbs=[...this.navCrumbs.splice(0,e+1)])}}render(){return o.html`
|
|
2
2
|
<nav aria-label="${Object(l.ifDefined)(this.label?this.label:void 0)}" class="md-breadcrumb">
|
|
3
3
|
<ul @click=${e=>this.handleClick(e)}>
|
|
4
4
|
${Object(i.repeat)(this.navCrumbs,e=>e.link,e=>o.html`
|