@momentum-ui/web-components 2.13.19 → 2.13.21
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-10.js +2 -2
- package/dist/chunks/md-11.js +1 -1
- package/dist/chunks/md-16.js +1 -1
- package/dist/chunks/md-17.js +1 -1
- package/dist/chunks/md-18.js +1 -1
- package/dist/chunks/md-26.js +1 -1
- package/dist/chunks/md-27.js +1 -1
- package/dist/chunks/md-29.js +1 -1
- package/dist/chunks/md-33.js +1 -1
- package/dist/chunks/md-34.js +1 -1
- package/dist/chunks/md-35.js +1 -1
- package/dist/chunks/md-39.js +1 -1
- package/dist/chunks/md-41.js +1 -1
- package/dist/chunks/md-42.js +1 -1
- package/dist/chunks/md-44.js +1 -1
- package/dist/chunks/md-46.js +1 -1
- package/dist/chunks/md-49.js +101 -42
- package/dist/chunks/md-50.js +1 -1
- package/dist/chunks/md-51.js +1 -1
- package/dist/chunks/md-53.js +1 -1
- package/dist/chunks/md-54.js +1 -1
- package/dist/chunks/md-57.js +1 -1
- package/dist/chunks/md-61.js +1 -1
- package/dist/chunks/md-63.js +1 -1
- package/dist/chunks/md-64.js +1 -1
- package/dist/chunks/md-65.js +1 -1
- package/dist/chunks/md-66.js +1 -1
- package/dist/chunks/md-67.js +1 -1
- package/dist/chunks/md-68.js +1 -1
- package/dist/chunks/md-69.js +1 -1
- package/dist/chunks/md-7.js +1 -1
- package/dist/chunks/md-70.js +1 -1
- package/dist/chunks/md-71.js +1 -1
- package/dist/chunks/md-73.js +1 -1
- package/dist/chunks/md-74.js +1 -1
- package/dist/chunks/md-75.js +1 -1
- package/dist/chunks/md-76.js +1 -1
- package/dist/chunks/md-78.js +1 -1
- package/dist/chunks/md-80.js +2 -2
- package/dist/chunks/md-81.js +1 -1
- package/dist/chunks/md-83.js +1 -1
- package/dist/chunks/md-84.js +2 -2
- package/dist/chunks/md-85.js +1 -1
- package/dist/chunks/md-86.js +1 -1
- package/dist/comp/md-accordion-item-entry.js +1 -1
- package/dist/comp/md-activity-button-entry.js +1 -1
- package/dist/comp/md-alert-banner-entry.js +1 -1
- package/dist/comp/md-alert-entry.js +1 -1
- package/dist/comp/md-audio-player-entry.js +1 -1
- package/dist/comp/md-avatar-entry.js +1 -1
- package/dist/comp/md-badge-entry.js +1 -1
- package/dist/comp/md-breadcrumb-entry.js +1 -1
- package/dist/comp/md-button-entry.js +1 -1
- package/dist/comp/md-card-entry.js +1 -1
- package/dist/comp/md-chat-message-entry.js +1 -1
- package/dist/comp/md-chip-entry.js +1 -1
- package/dist/comp/md-coachmark-entry.js +1 -1
- package/dist/comp/md-combobox-entry.js +1 -1
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-time-picker-entry.js +1 -1
- package/dist/comp/md-datepicker-calendar-entry.js +1 -1
- package/dist/comp/md-datepicker-day-entry.js +1 -1
- package/dist/comp/md-datepicker-entry.js +1 -1
- package/dist/comp/md-datepicker-month-entry.js +1 -1
- package/dist/comp/md-datepicker-week-entry.js +1 -1
- package/dist/comp/md-draggable-item-entry.js +1 -1
- package/dist/comp/md-dropdown-entry.js +1 -1
- package/dist/comp/md-editable-field-entry.js +1 -1
- package/dist/comp/md-favorite-entry.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +1 -1
- package/dist/comp/md-form-entry.js +1 -1
- package/dist/comp/md-grabber-entry.js +1 -1
- package/dist/comp/md-icon-entry.js +1 -1
- package/dist/comp/md-input-entry.js +1 -1
- package/dist/comp/md-input-file.js +1 -1
- package/dist/comp/md-link-entry.js +1 -1
- package/dist/comp/md-list-entry.js +1 -1
- package/dist/comp/md-meeting-alert-entry.js +1 -1
- package/dist/comp/md-menu-entry.js +1 -1
- package/dist/comp/md-menu-item-entry.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +1 -1
- package/dist/comp/md-modal-entry.js +1 -1
- package/dist/comp/md-pagination-entry.js +1 -1
- package/dist/comp/md-phone-input-entry.js +1 -1
- package/dist/comp/md-radio-entry.js +1 -1
- package/dist/comp/md-slider-entry.js +1 -1
- package/dist/comp/md-tab-entry.js +1 -1
- package/dist/comp/md-table-advanced-entry.js +1 -1
- package/dist/comp/md-table-entry.js +1 -1
- package/dist/comp/md-tabs-entry.js +1 -1
- package/dist/comp/md-task-item-entry.js +1 -1
- package/dist/comp/md-timepicker-entry.js +1 -1
- package/dist/comp/md-toggle-switch-entry.js +1 -1
- package/dist/index-entry.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/components/alert/Alert.d.ts +15 -0
- package/dist/types/components/timepicker/TimePicker.d.ts +1 -1
- package/dist/types/utils/enums.d.ts +1 -0
- package/package.json +2 -2
package/dist/chunks/md-16.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[16],{30:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return i})),r.d(t,"menuOverlaySize",(function(){return w})),r.d(t,"menuOverlayPlacement",(function(){return x})),r.d(t,"menuOverlayRole",(function(){return L})),r.d(t,"MenuOverlay",(function(){return C}));var i,o=r(1),a=r(6),n=r(34),s=r(16),l=r(24),d=r.n(l),p=r(25),h=r.n(p),c=r(26),v=r.n(c),u=r(27),m=r.n(u),g=r(20),y=r(0),b=r(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[16],{30:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return i})),r.d(t,"menuOverlaySize",(function(){return w})),r.d(t,"menuOverlayPlacement",(function(){return x})),r.d(t,"menuOverlayRole",(function(){return L})),r.d(t,"MenuOverlay",(function(){return C}));var i,o=r(1),a=r(6),n=r(34),s=r(16),l=r(24),d=r.n(l),p=r(25),h=r.n(p),c=r(26),v=r.n(c),u=r(27),m=r.n(u),g=r(20),y=r(0),b=r(3),O=y.css`:host{--vw-padding:16px}.md-menu-overlay{box-sizing:border-box;color:var(--md-primary-text-color);position:relative}.md-menu-overlay *{box-sizing:inherit}.md-menu-overlay .overlay-content{background-color:var(--md-primary-bg-color);border:1px solid var(--md-menu-overlay-border-color,--gray-20);border-radius:.5rem;display:flex;justify-content:space-around;max-width:calc(100vw - var(--vw-padding)*2);overflow-y:auto}.md-menu-overlay .overlay-container{border-radius:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.14);box-sizing:border-box;display:none;position:absolute;z-index:1000}.md-menu-overlay .overlay-container[data-show]{display:block}.overlay-arrow{filter:drop-shadow(0 0 5px rgba(0, 0, 0, .16));height:0;visibility:hidden;width:0;z-index:-1}.overlay-arrow[data-show]{visibility:visible}.overlay-container[data-popper-placement^=top]>.overlay-arrow{border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));bottom:-.875rem}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{border-bottom:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.875rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{border-bottom:solid 1rem transparent;border-right:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-top:solid 1rem transparent;left:-.875rem}.overlay-container[data-popper-placement^=left]>.overlay-arrow{border-bottom:solid 1rem transparent;border-left:solid 1rem var(--md-menu-overlay-arrow-bg-color,var(--md-tertiary-white-bg-color));border-top:solid 1rem transparent;right:-.875rem}`,E=function(e,t,r,i){var o,a=arguments.length,n=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(n=(a<3?o(n):a>3?o(t,r,n):o(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},f=function(e,t,r,i){return new(r||(r=Promise))((function(o,a){function n(e){try{l(i.next(e))}catch(e){a(e)}}function s(e){try{l(i.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,s)}l((i=i.apply(e,t||[])).next())}))};!function(e){e.small="260px",e.large="370px"}(i||(i={}));const w=["small","large"],x=["left-start","left","left-end","right-start","right","right-end","top-start","top","top-end","bottom-start","bottom","bottom-end"],L=["menu","dialog"];var C;!function(e){let t=class extends(Object(n.a)(y.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.popperInstance=null,this.triggerElement=null,this.shouldWrapFocus=()=>"dialog"===this.ariaRole,this.updateActiveMenuOverlayOpened=t=>{var r;this===t.target&&(null===(r=e.ELEMENT.activeOverlay)||void 0===r||r.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var r,i;const o=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==o&&(e.ELEMENT.activeOverlay.splice(o,1),e.ELEMENT.activeOverlay.length>0?(null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.setFocusableElements(),null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=Object(s.b)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>f(this,void 0,void 0,(function*(){let r=!1;const i=t.composedPath();if((!i.length||(r=!!i.find(e=>e===this),r))&&this.overlayContainer&&t.code===o.b.Escape){t.preventDefault();(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger())}})),this.handleTriggerKeyDown=e=>f(this,void 0,void 0,(function*(){switch(e.code){case o.b.Space:case o.b.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}})),this.handleOutsideOverlayClick=e=>{let t=!1;const r=e.composedPath();r.length&&(t=!!r.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}renderMaxHeight(){return this.maxHeight?`max-height: ${this.maxHeight};`:"max-height: calc(100vh - 48px);"}renderOverflowY(){return this.isDatePicker?"overflow-y: visible;":"overflow-y: auto;"}renderWidth(){return this.customWidth?`width: ${this.customWidth};`:"small"===this.size?`width: ${i.small};`:`width: ${i.large};`}getStyles(){return y.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-menu-overlay .overlay-content {
|
|
4
4
|
${this.renderMaxHeight()};
|
package/dist/chunks/md-17.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{28:function(e,t,n){"use strict";n.r(t),n.d(t,"containerSize",(function(){return g})),n.d(t,"inputSize",(function(){return f})),n.d(t,"inputType",(function(){return v})),n.d(t,"inputShape",(function(){return y})),n.d(t,"iconNames",(function(){return w})),n.d(t,"iconPosition",(function(){return _})),n.d(t,"nestedLevel",(function(){return x})),n.d(t,"ariaInvalidType",(function(){return k})),n.d(t,"Input",(function(){return O}));n(54),n(15),n(55),n(51);var r=n(1),i=n(6),o=n(33),d=n(5),a=n(10),m=n(0),l=n(3),p=n(4),u=n(2),c=n(12),s=n(8),b=m.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%;align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal}.md-input-container .md-input{background-color:var(--input-default-bg-color,#fff);color:var(--md-secondary-text-color,#545454);border-color:var(--input-default-border-color,#ccc)}.md-input-container .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container .md-input.md-hover,.md-input-container .md-input:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color,#ccc);border-color:var(--input-default-pressed-border-color,#ccc);outline:0}.md-input-container .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-focus-border-color,#007aa3)}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--input-disabled-text-color,#b2b2b2)!important}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input.md-readonly,.md-input-container .md-input[readonly]{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--md-primary-text-color,#121212)}.md-input-container .md-input.md-readonly:hover,.md-input-container .md-input[readonly]:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__after .md-spinner,.md-input-container .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container .md-input__after .md-spinner::after,.md-input-container .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--md-secondary-text-color,#545454);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__icon-clear:focus,.md-input-container .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-disabled .md-input__before{color:var(--input-disabled-text-color,#b2b2b2);fill:var(--input-disabled-text-color,#b2b2b2)}.md-input-container.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-disabled-text-color,#b2b2b2);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__messages{display:block}.md-input-container .md-input__help-text,.md-input-container .md-input__secondary-label{color:#545454}.md-input-container.md-multi{display:inline-flex;flex:1 1 100%;margin-bottom:0}.md-input-container .md-input.md-input--multi{background-color:var(--input-default-bg-color,#fff);border-color:var(--input-default-border-color,#ccc);box-shadow:transparent}.md-input-container .md-input.md-input--multi:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input__before.md-input__content{width:auto}.md-input-container.column,.md-input-container.columns{padding:0}.md-input-container.md-error .md-input{background-color:var(--input-error-bg-color,#ffe8e3);border-color:var(--input-error-border-color,#f7644a)}.md-input-container.md-error .md-input::placeholder{opacity:1}.md-input-container.md-error .md-input.md-hover,.md-input-container.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.md-input-container.md-error .md-input.md-hover:active,.md-input-container.md-error .md-input:hover:active{background-color:var(--input-error-pressed-bg-color,#ffbbad);border-color:var(--input-error-border-color,#f7644a);outline:0}.md-input-container.md-error .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-error-bg-color))}.md-input-container.md-error .md-input.md-disabled,.md-input-container.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-error .md-input.md-readonly,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--input-warning-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-hover:active,.md-input-container.md-warning .md-input:hover:active{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03));outline:0}.md-input-container.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fca1"}.md-input-container.md-success .md-input{background-color:var(--input-success-bg-color,var(--md-alert-success-bg-color,#78f5b8));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color,#78f5b8))}.md-input-container.md-success .md-input.md-hover:active,.md-input-container.md-success .md-input:hover:active{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50));outline:0}.md-input-container.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade))}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-hover:active,.md-input-container.md-input--filled .md-input:hover:active{outline:0}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input{background-color:rgba(0,0,0,0);color:var(--input-default-text-color);border-color:var(--input-default-new-border-color)}.md-input-container.md-new-momentum .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container.md-new-momentum .md-input.md-hover,.md-input-container.md-new-momentum .md-input:hover{background-color:var(--input-default-hover-bg-color)}.md-input-container.md-new-momentum .md-input.md-hover:active,.md-input-container.md-new-momentum .md-input:hover:active{background-color:var(--input-default-pressed-bg-color);border-color:var(--input-default-new-border-color);outline:0}.md-input-container.md-new-momentum .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-new-focus-border-color)}.md-input-container.md-new-momentum .md-input.md-disabled,.md-input-container.md-new-momentum .md-input:disabled{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum .md-input.md-disabled:hover,.md-input-container.md-new-momentum .md-input:disabled:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input.md-readonly,.md-input-container.md-new-momentum .md-input[readonly]{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--md-primary-text-color)}.md-input-container.md-new-momentum .md-input.md-readonly:hover,.md-input-container.md-new-momentum .md-input[readonly]:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input__after,.md-input-container.md-new-momentum .md-input__before{color:var(--input-default-text-color);fill:var(--input-default-text-color)}.md-input-container.md-new-momentum .md-input__after .md-spinner,.md-input-container.md-new-momentum .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum .md-input__after .md-spinner::after,.md-input-container.md-new-momentum .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-text-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color);fill:var(--md-secondary-text-color)}.md-input-container.md-new-momentum .md-input__icon-clear:focus,.md-input-container.md-new-momentum .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-new-momentum.md-disabled .md-input__before{color:var(--input-default-new-disabled-color);fill:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-new-disabled-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input__help-text,.md-input-container.md-new-momentum .md-input__secondary-label{color:#545454}.md-input-container.md-new-momentum .md-input{border-radius:8px}.md-input-container.md-new-momentum .md-input:focus{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none}.md-input-container.md-new-momentum .md-input__messages{padding-left:0}.md-input-container.md-new-momentum.md-error .md-input{border-color:var(--input-error-border-color)}.md-input-container.md-new-momentum.md-error .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-error .md-input.md-hover:active,.md-input-container.md-new-momentum.md-error .md-input:hover:active{border-color:var(--input-error-border-color);outline:0}.md-input-container.md-new-momentum.md-error .md-input.md-disabled,.md-input-container.md-new-momentum.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input.md-readonly,.md-input-container.md-new-momentum.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__messages{display:block}.md-input-container.md-new-momentum.md-error:focus{border-color:var(--input-error-focus-border-color);outline:0;transition:border ease-in .15s}.md-input-container.md-new-momentum.md-warning .md-input{border-color:var(--input-warning-border-color)}.md-input-container.md-new-momentum.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-warning .md-input.md-hover:active,.md-input-container.md-new-momentum.md-warning .md-input:hover:active{border-color:var(--input-warning-border-color);outline:0}.md-input-container.md-new-momentum.md-warning .md-input.md-disabled,.md-input-container.md-new-momentum.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input.md-readonly,.md-input-container.md-new-momentum.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__messages{display:block}.md-input-container.md-new-momentum.md-success .md-input{border-color:var(--input-success-border-color)}.md-input-container.md-new-momentum.md-success .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-success .md-input.md-hover:active,.md-input-container.md-new-momentum.md-success .md-input:hover:active{border-color:var(--input-success-border-color);outline:0}.md-input-container.md-new-momentum.md-success .md-input.md-disabled,.md-input-container.md-new-momentum.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input.md-readonly,.md-input-container.md-new-momentum.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input{border-color:var(--input-default-outline-color)}.md-input-container.md-new-momentum.md-priority .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-priority .md-input.md-hover:active,.md-input-container.md-new-momentum.md-priority .md-input:hover:active{border-color:var(--input-default-outline-color);outline:0}.md-input-container.md-new-momentum.md-priority .md-input.md-disabled,.md-input-container.md-new-momentum.md-priority .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input.md-readonly,.md-input-container.md-new-momentum.md-priority .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input__message::before{content:"\\fca1"}.md-input{border:.0625rem solid;border-radius:var(--input-border-radius,4px);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;height:2.125rem;padding:0 .75rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:2.125rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.125rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.125rem}.md-input--before{padding-left:2.125rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}@media(forced-colors:active){.md-input-container .md-input{border:1px solid CanvasText}.md-input-container .md-input.md-focus,.md-input-container .md-input:focus{border:none;outline:2px solid Highlight}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{color:GrayText!important;border:1px solid GrayText}}`,h=function(e,t,n,r){var i,o=arguments.length,d=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,n,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(d=(o<3?i(d):o>3?i(t,n,d):i(t,n))||d);return o>3&&d&&Object.defineProperty(t,n,d),d};const g=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],f=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],v=["text","number","password","email","tel","checkbox"],y=["none","pill"],w=a,_=["before","after"],x=[0,1,2,3],k=["grammar","false","spelling","true"];var O;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,n)=>n.type===t?e.concat(n.message):e,[])}}e.MessageController=t;let n=class extends(Object(o.a)(m.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.role="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.newMomentum=!1,this.isEditing=!1,this.messageController=new t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){this.input.select()}handleOutsideClick(e){let t=!1;const n=e.composedPath();n.length&&(t=!!n.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==r.b.Space&&t!==r.b.Enter)return;e.preventDefault()}this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:e}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(e)}handleLabelClick(){this.input.focus()}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[""+this.containerSize]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,["md-"+this.messageType]:!!this.messageType,["md-input--nested-"+this.nestedLevel]:!!this.nestedLevel,"md-multi":this.multi,"md-new-momentum":this.newMomentum}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[""+this.inputSize]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,["md-input--"+this.shape]:!!this.shape,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disabled":this.disabled,"md-dirty":!!this.value}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:"undefined"}inputTemplate(){var e;return this.multiline?m.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{28:function(e,t,n){"use strict";n.r(t),n.d(t,"containerSize",(function(){return g})),n.d(t,"inputSize",(function(){return f})),n.d(t,"inputType",(function(){return v})),n.d(t,"inputShape",(function(){return y})),n.d(t,"iconNames",(function(){return w})),n.d(t,"iconPosition",(function(){return _})),n.d(t,"nestedLevel",(function(){return x})),n.d(t,"ariaInvalidType",(function(){return k})),n.d(t,"Input",(function(){return O}));n(54),n(15),n(55),n(51);var r=n(1),i=n(6),o=n(33),d=n(5),a=n(10),m=n(0),l=n(2),p=n(4),u=n(3),c=n(12),s=n(8),b=m.css`@font-face{font-display:fallback;font-family:"CiscoSansTT Regular";font-style:normal;font-weight:400;src:url(/fonts/CiscoSansTTRegular.woff2) format("woff2"),url(/fonts/CiscoSansTTRegular.woff) format("woff")}[class*=md] *,[class*=md] ::after,[class*=md] ::before,[class*=md] button,[class*=md] input,[class*=md] select,[class*=md] textarea{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;font-size:var(--rem-base)}[class*=md] button,[class*=md] input{overflow:visible}[class*=md] textarea{line-height:1.2rem;max-height:2.25rem;max-width:100%;overflow:auto;padding-bottom:.375rem;padding-top:.375rem;resize:none}[class*=md] textarea[rows]{height:auto}[class*=md] [type=submit]{appearance:none}[class*=md] input[type=file]{margin:0 0 1rem 0;width:100%}[class*=md] input::-webkit-inner-spin-button,[class*=md] input::-webkit-outer-spin-button{appearance:none;margin:0}[class*=md] input[type=number]{moz-appearance:textfield}[class*=md] [type=number]{appearance:textfield}[class*=md] [type=number]::-webkit-inner-spin-button,[class*=md] [type=number]::-webkit-outer-spin-button{height:auto}[class*=md] [type=search]::-webkit-search-cancel-button,[class*=md] [type=search]::-webkit-search-decoration{appearance:none}[class*=md] ::input-placeholder{color:inherit;opacity:.6}[class*=md] ::-webkit-file-upload-button{appearance:button;font:inherit}.md-input-container{box-sizing:border-box;line-height:0;margin-bottom:1rem;position:relative;width:100%;align-content:normal;align-items:normal;display:flex;flex-flow:column wrap;justify-content:normal}.md-input-container .md-input{background-color:var(--input-default-bg-color,#fff);color:var(--md-secondary-text-color,#545454);border-color:var(--input-default-border-color,#ccc)}.md-input-container .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container .md-input.md-hover,.md-input-container .md-input:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input.md-hover:active,.md-input-container .md-input:hover:active{background-color:var(--input-default-pressed-bg-color,#ccc);border-color:var(--input-default-pressed-border-color,#ccc);outline:0}.md-input-container .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-focus-border-color,#007aa3)}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--input-disabled-text-color,#b2b2b2)!important}.md-input-container .md-input.md-disabled::placeholder,.md-input-container .md-input:disabled::placeholder{color:var(--input-disabled-text-color,#b2b2b2)}.md-input-container .md-input.md-disabled:hover,.md-input-container .md-input:disabled:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input.md-readonly,.md-input-container .md-input[readonly]{background-color:var(--input-default-read-only-bg-color,#ededed);border-color:transparent;color:var(--md-primary-text-color,#121212)}.md-input-container .md-input.md-readonly:hover,.md-input-container .md-input[readonly]:hover{background-color:var(--input-default-read-only-bg-color,#ededed)}.md-input-container .md-input__after,.md-input-container .md-input__before{color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__after .md-spinner,.md-input-container .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container .md-input__after .md-spinner::after,.md-input-container .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--md-secondary-text-color,#545454);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color,#545454);fill:var(--md-secondary-text-color,#545454)}.md-input-container .md-input__icon-clear:focus,.md-input-container .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-disabled .md-input__before{color:var(--input-disabled-text-color,#b2b2b2);fill:var(--input-disabled-text-color,#b2b2b2)}.md-input-container.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-disabled-text-color,#b2b2b2);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container .md-input__messages{display:block}.md-input-container .md-input__help-text,.md-input-container .md-input__secondary-label{color:#545454}.md-input-container.md-multi{display:inline-flex;flex:1 1 100%;margin-bottom:0}.md-input-container .md-input.md-input--multi{background-color:var(--input-default-bg-color,#fff);border-color:var(--input-default-border-color,#ccc);box-shadow:transparent}.md-input-container .md-input.md-input--multi:hover{background-color:var(--input-default-hover-bg-color,#ccc)}.md-input-container .md-input__before.md-input__content{width:auto}.md-input-container.column,.md-input-container.columns{padding:0}.md-input-container.md-error .md-input{background-color:var(--input-error-bg-color,#ffe8e3);border-color:var(--input-error-border-color,#f7644a)}.md-input-container.md-error .md-input::placeholder{opacity:1}.md-input-container.md-error .md-input.md-hover,.md-input-container.md-error .md-input:hover{background-color:var(--input-error-hover-bg-color,#ffd5cc)}.md-input-container.md-error .md-input.md-hover:active,.md-input-container.md-error .md-input:hover:active{background-color:var(--input-error-pressed-bg-color,#ffbbad);border-color:var(--input-error-border-color,#f7644a);outline:0}.md-input-container.md-error .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-error-bg-color))}.md-input-container.md-error .md-input.md-disabled,.md-input-container.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-error .md-input.md-readonly,.md-input-container.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__icon-clear:focus,.md-input-container.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-error .md-input__messages{display:block}.md-input-container.md-error:focus{border-color:var(--input-error-focus-border-color,#f7644a);outline:0;transition:border ease-in .15s}.md-input-container.md-error .md-input__message{color:var(--input-error-message-text-color,#a12512)}.md-input-container.md-error .md-input__message::before{content:"\\f38d"}.md-input-container.md-warning .md-input{background-color:var(--input-warning-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03))}.md-input-container.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-warning .md-input.md-hover,.md-input-container.md-warning .md-input:hover{background-color:var(--input-warning-hover-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-hover:active,.md-input-container.md-warning .md-input:hover:active{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2));border-color:var(--input-warning-border-color,var(--input-warning-border-color,#fc9d03));outline:0}.md-input-container.md-warning .md-input:focus{background-color:var(--input-warning-pressed-bg-color,var(--md-alert-warning-bg-color,#ffecc2))}.md-input-container.md-warning .md-input.md-disabled,.md-input-container.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-warning .md-input.md-readonly,.md-input-container.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__icon-clear:focus,.md-input-container.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-warning .md-input__messages{display:block}.md-input-container.md-warning .md-input__message::before{content:"\\fca1"}.md-input-container.md-success .md-input{background-color:var(--input-success-bg-color,var(--md-alert-success-bg-color,#78f5b8));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50))}.md-input-container.md-success .md-input::placeholder{opacity:1}.md-input-container.md-success .md-input.md-hover,.md-input-container.md-success .md-input:hover{background-color:var(--input-success-hover-bg-color,var(--md-alert-success-bg-color,#78f5b8))}.md-input-container.md-success .md-input.md-hover:active,.md-input-container.md-success .md-input:hover:active{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade));border-color:var(--input-success-border-color,var(--input-success-border-color,#00ab50));outline:0}.md-input-container.md-success .md-input:focus{background-color:var(--input-success-pressed-bg-color,var(--md-alert-success-bg-color,#befade))}.md-input-container.md-success .md-input.md-disabled,.md-input-container.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-success .md-input.md-readonly,.md-input-container.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__icon-clear:focus,.md-input-container.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-success .md-input__messages{display:block}.md-input-container.md-success .md-input__message::before{content:"\\f37e"}.md-input-container.md-input--filled .md-input{background-color:var(--input-filled-bg-color,#ededed);border:none}.md-input-container.md-input--filled .md-input::placeholder{opacity:1}.md-input-container.md-input--filled .md-input.md-hover,.md-input-container.md-input--filled .md-input:hover{background-color:var(--input-filled-hover-bg-color,#dedede)}.md-input-container.md-input--filled .md-input.md-hover:active,.md-input-container.md-input--filled .md-input:hover:active{outline:0}.md-input-container.md-input--filled .md-input.md-disabled,.md-input-container.md-input--filled .md-input:disabled{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-disabled:hover,.md-input-container.md-input--filled .md-input:disabled:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input.md-readonly,.md-input-container.md-input--filled .md-input[readonly]{background-color:var(--input-filled-disabled-bg-color,#ededed);border-color:transparent}.md-input-container.md-input--filled .md-input.md-readonly:hover,.md-input-container.md-input--filled .md-input[readonly]:hover{background-color:var(--input-filled-disabled-bg-color,#ededed)}.md-input-container.md-input--filled .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__icon-clear:focus,.md-input-container.md-input--filled .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-input--filled .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input{background-color:rgba(0,0,0,0);color:var(--input-default-text-color);border-color:var(--input-default-new-border-color)}.md-input-container.md-new-momentum .md-input::placeholder{color:var(--input-default-placeholder-color,#545454);opacity:1}.md-input-container.md-new-momentum .md-input.md-hover,.md-input-container.md-new-momentum .md-input:hover{background-color:var(--input-default-hover-bg-color)}.md-input-container.md-new-momentum .md-input.md-hover:active,.md-input-container.md-new-momentum .md-input:hover:active{background-color:var(--input-default-pressed-bg-color);border-color:var(--input-default-new-border-color);outline:0}.md-input-container.md-new-momentum .md-input:focus{background-color:var(--input-default-focus-background-color,var(--input-default-bg-color));border-color:var(--input-default-new-focus-border-color)}.md-input-container.md-new-momentum .md-input.md-disabled,.md-input-container.md-new-momentum .md-input:disabled{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--input-default-new-disabled-color)!important}.md-input-container.md-new-momentum .md-input.md-disabled::placeholder,.md-input-container.md-new-momentum .md-input:disabled::placeholder{color:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum .md-input.md-disabled:hover,.md-input-container.md-new-momentum .md-input:disabled:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input.md-readonly,.md-input-container.md-new-momentum .md-input[readonly]{background-color:rgba(0,0,0,0);border-color:var(--input-default-new-disabled-color);color:var(--md-primary-text-color)}.md-input-container.md-new-momentum .md-input.md-readonly:hover,.md-input-container.md-new-momentum .md-input[readonly]:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum .md-input__after,.md-input-container.md-new-momentum .md-input__before{color:var(--input-default-text-color);fill:var(--input-default-text-color)}.md-input-container.md-new-momentum .md-input__after .md-spinner,.md-input-container.md-new-momentum .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum .md-input__after .md-spinner::after,.md-input-container.md-new-momentum .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-text-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0);color:var(--md-secondary-text-color);fill:var(--md-secondary-text-color)}.md-input-container.md-new-momentum .md-input__icon-clear:focus,.md-input-container.md-new-momentum .md-input__icon-clear:hover{background-color:rgba(0,0,0,0);color:#545454;fill:#545454}.md-input-container.md-new-momentum.md-disabled .md-input__before{color:var(--input-default-new-disabled-color);fill:var(--input-default-new-disabled-color)}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner{border:1px solid #b2b2b2}.md-input-container.md-new-momentum.md-disabled .md-input__before .md-spinner::after{border-bottom:1px solid transparent;border-left:1px solid var(--input-default-new-disabled-color);border-right:1px solid transparent;border-top:1px solid transparent}.md-input-container.md-new-momentum .md-input__messages{display:block}.md-input-container.md-new-momentum .md-input__help-text,.md-input-container.md-new-momentum .md-input__secondary-label{color:#545454}.md-input-container.md-new-momentum .md-input{border-radius:8px}.md-input-container.md-new-momentum .md-input:focus{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none}.md-input-container.md-new-momentum .md-input__messages{padding-left:0}.md-input-container.md-new-momentum.md-error .md-input{border-color:var(--input-error-border-color)}.md-input-container.md-new-momentum.md-error .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-error .md-input.md-hover:active,.md-input-container.md-new-momentum.md-error .md-input:hover:active{border-color:var(--input-error-border-color);outline:0}.md-input-container.md-new-momentum.md-error .md-input.md-disabled,.md-input-container.md-new-momentum.md-error .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input.md-readonly,.md-input-container.md-new-momentum.md-error .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-error .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-error .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-error .md-input__messages{display:block}.md-input-container.md-new-momentum.md-error:focus{border-color:var(--input-error-focus-border-color);outline:0;transition:border ease-in .15s}.md-input-container.md-new-momentum.md-warning .md-input{border-color:var(--input-warning-border-color)}.md-input-container.md-new-momentum.md-warning .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-warning .md-input.md-hover:active,.md-input-container.md-new-momentum.md-warning .md-input:hover:active{border-color:var(--input-warning-border-color);outline:0}.md-input-container.md-new-momentum.md-warning .md-input.md-disabled,.md-input-container.md-new-momentum.md-warning .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input.md-readonly,.md-input-container.md-new-momentum.md-warning .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-warning .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-warning .md-input__messages{display:block}.md-input-container.md-new-momentum.md-success .md-input{border-color:var(--input-success-border-color)}.md-input-container.md-new-momentum.md-success .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-success .md-input.md-hover:active,.md-input-container.md-new-momentum.md-success .md-input:hover:active{border-color:var(--input-success-border-color);outline:0}.md-input-container.md-new-momentum.md-success .md-input.md-disabled,.md-input-container.md-new-momentum.md-success .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input.md-readonly,.md-input-container.md-new-momentum.md-success .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-success .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-success .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-success .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input{border-color:var(--input-default-outline-color)}.md-input-container.md-new-momentum.md-priority .md-input::placeholder{opacity:1}.md-input-container.md-new-momentum.md-priority .md-input.md-hover:active,.md-input-container.md-new-momentum.md-priority .md-input:hover:active{border-color:var(--input-default-outline-color);outline:0}.md-input-container.md-new-momentum.md-priority .md-input.md-disabled,.md-input-container.md-new-momentum.md-priority .md-input:disabled{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input.md-readonly,.md-input-container.md-new-momentum.md-priority .md-input[readonly]{border-color:transparent}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear{display:flex;background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:focus,.md-input-container.md-new-momentum.md-priority .md-input__icon-clear:hover{background-color:rgba(0,0,0,0)}.md-input-container.md-new-momentum.md-priority .md-input__messages{display:block}.md-input-container.md-new-momentum.md-priority .md-input__message::before{content:"\\fca1"}.md-input{border:.0625rem solid;border-radius:var(--input-border-radius,4px);font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-size:1rem;height:2.125rem;padding:0 .75rem;transition:box-shadow ease-out .15s;width:100%}.md-input.md-dirty{padding-right:2.125rem}.md-input--nested-1{padding-left:2rem}.md-input--nested-2{padding-left:4rem}.md-input--nested-3{padding-left:6rem}.md-input::-ms-clear,.md-input::-ms-reveal{height:0;width:0}.md-input.md-focus,.md-input:focus{border-color:#007aa3;outline:0;transition:border ease-in .15s}.md-input.md-readonly,.md-input[readonly]{cursor:default}.md-input.md-disabled,.md-input:disabled{cursor:not-allowed}.md-input__after{left:auto;right:0}.md-input__before{left:0;right:auto}.md-input__after,.md-input__before{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;height:100%;position:absolute;top:0;width:2.125rem}.md-input__after md-icon::part(icon),.md-input__before md-icon::part(icon){display:flex}.md-input__help-text,.md-input__label,.md-input__messages{font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);width:100%}.md-input__label{margin-bottom:.5rem}.md-input__messages{display:none;font-size:.75rem;line-height:1.375rem;padding-left:1rem;padding-top:.5rem}.md-input__message{display:inline-flex;line-height:1.375rem;width:100%}.md-input__message md-icon{margin-right:.5em}.md-input__message--error{color:var(--input-error-mesage-text-color,#f7644a);font-size:.75rem;line-height:1.375rem;padding-left:1rem;position:relative;top:-.5rem}.md-input__message--error::before{content:"\\f38d"}.md-input__message::before{float:left;font-family:momentum-ui-icons;font-size:1rem;margin-right:.5rem}.md-input__wrapper{box-sizing:border-box;display:block;flex-grow:1;height:auto;padding:0;position:relative}.md-input--after{padding-right:2.125rem}.md-input--before{padding-left:2.125rem}.md-input--pill{border-radius:18px}.md-input--multiline{min-height:4.3125rem;padding-right:2.75rem}.md-input__icon-clear{border:none;cursor:pointer}.md-input[type=search]{width:100%}.md-input[type=search].md-input--milti{border-color:transparent}.md-input[type=search].md-input--milti:hover{background-color:#dedede}:host .md-input__label{width:100%}::slotted(*){display:flex}.md-spinner-container{align-items:center;display:flex;line-height:1}.md-input__message md-icon{margin-right:.5em}@media(forced-colors:active){.md-input-container .md-input{border:1px solid CanvasText}.md-input-container .md-input.md-focus,.md-input-container .md-input:focus{border:none;outline:2px solid Highlight}.md-input-container .md-input.md-disabled,.md-input-container .md-input:disabled{color:GrayText!important;border:1px solid GrayText}}`,h=function(e,t,n,r){var i,o=arguments.length,d=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,n,r);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(d=(o<3?i(d):o>3?i(t,n,d):i(t,n))||d);return o>3&&d&&Object.defineProperty(t,n,d),d};const g=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],f=["small-1","small-2","small-3","small-4","small-5","small-6","small-7","small-8","small-9","small-10","small-11","small-12","medium-1","medium-2","medium-3","medium-4","medium-5","medium-6","medium-7","medium-8","medium-9","medium-10","medium-11","medium-12","large-1","large-2","large-3","large-4","large-5","large-6","large-7","large-8","large-9","large-10","large-11","large-12"],v=["text","number","password","email","tel","checkbox"],y=["none","pill"],w=a,_=["before","after"],x=[0,1,2,3],k=["grammar","false","spelling","true"];var O;!function(e){class t{determineMessageType(e){return e.reduce((e,t)=>"error"===t?e:t.type,"")}filterMessagesByType(e,t){return e.reduce((e,n)=>n.type===t?e.concat(n.message):e,[])}}e.MessageController=t;let n=class extends(Object(o.a)(m.LitElement)){constructor(){super(...arguments),this.ariaDescribedBy="",this.ariaInvalid="false",this.ariaLabel="input",this.autofocus=!1,this.auxiliaryContentPosition=null,this.clear=!1,this.clearAriaLabel="",this.compact=!1,this.containerSize="small-12",this.disabled=!1,this.id="",this.inputSize="",this.isFilled=!1,this.isLoading=!1,this.label="",this.helpText="",this.hideMessage=!1,this.htmlId="",this.role="",this.messageArr=[],this.min=void 0,this.max=void 0,this.maxLength=void 0,this.multi=!1,this.multiline=!1,this.name="",this.nestedLevel=0,this.placeholder="",this.readOnly=!1,this.required=!1,this.searchable=!1,this.secondaryLabel="",this.selectWhenInFocus=!1,this.shape="",this.type="text",this.value="",this.ariaControls="",this.ariaExpanded="",this.newMomentum=!1,this.isEditing=!1,this.messageController=new t}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.handleOutsideClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideClick)}select(){this.input.select()}handleOutsideClick(e){let t=!1;const n=e.composedPath();n.length&&(t=!!n.find(e=>e===this),t||(this.input.blur(),this.isEditing=!1))}handleKeyDown(e){this.dispatchEvent(new CustomEvent("input-keydown",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleFocus(e){this.disabled||(this.isEditing=!0,this.selectWhenInFocus&&this.select(),this.dispatchEvent(new CustomEvent("input-focus",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleMouseDown(e){this.disabled||(this.isEditing=!0,this.dispatchEvent(new CustomEvent("input-mousedown",{bubbles:!0,composed:!0,detail:{srcEvent:e}})))}handleChange(e){this.value=e.target.value,this.dispatchEvent(new CustomEvent("input-change",{bubbles:!0,composed:!0,detail:{srcEvent:e,value:this.value}}))}handleBlur(e){this.isEditing=!1,this.dispatchEvent(new CustomEvent("input-blur",{bubbles:!0,composed:!0,detail:{srcEvent:e}}))}handleClear(e){if("keydown"===e.type){const{code:t}=e;if(t!==r.b.Space&&t!==r.b.Enter)return;e.preventDefault()}this.input.focus(),this.dispatchEvent(new CustomEvent("input-clear",{bubbles:!0,composed:!0,detail:{srcEvent:e}})),document.dispatchEvent(new CustomEvent("on-widget-update")),this.handleChange(e)}handleLabelClick(){this.input.focus()}get messageType(){return this.messageArr.length>0?this.messageController.determineMessageType(this.messageArr):null}get messages(){return this.messageType?this.messageController.filterMessagesByType(this.messageArr,this.messageType):null}get inputClassMap(){return{"md-input--filled":this.isFilled,colums:!!this.containerSize,[""+this.containerSize]:!!this.containerSize,"md-read-only":this.readOnly,"md-disabled":this.disabled,["md-"+this.messageType]:!!this.messageType,["md-input--nested-"+this.nestedLevel]:!!this.nestedLevel,"md-multi":this.multi,"md-new-momentum":this.newMomentum}}get inputWrapperClassMap(){return{columns:!!this.inputSize,[""+this.inputSize]:!!this.inputSize}}get inputTemplateClassMap(){return{"md-input--multiline":this.multiline,"md-input--multi":this.multi,["md-input--"+this.shape]:!!this.shape,"md-input--before":"before"===this.auxiliaryContentPosition||this.searchable,"md-input--after":"after"===this.auxiliaryContentPosition,"md-active":this.isEditing,"md-focus":this.isEditing,"md-read-only":this.readOnly,"md-disabled":this.disabled,"md-dirty":!!this.value}}get ariaExpandedValue(){return"true"===this.ariaExpanded||"false"===this.ariaExpanded?this.ariaExpanded:"undefined"}inputTemplate(){var e;return this.multiline?m.html`
|
|
2
2
|
<textarea
|
|
3
3
|
part="input"
|
|
4
4
|
class="md-input ${Object(p.classMap)(this.inputTemplateClassMap)}"
|
package/dist/chunks/md-18.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[18],{29:function(e,t,r){"use strict";var a=r(0);t.a=a.css`.md-datepicker{overflow:visible}.md-datepicker__month-container{display:flex;flex-direction:column;height:17.5rem;justify-content:space-between;padding:12px 10px 12px}.md-datepicker__navigation--buttons{align-items:center;color:var(--datepicker-default-navigation-button,var(--md-primary-text-color,inherit));display:flex;justify-content:space-between;line-height:normal;width:2.75rem}.md-datepicker__navigation--buttons md-button[disabled]::part(button){background-color:none;color:var(--md-disabled-text-color,inherit)}.md-datepicker__month{width:auto}.md-datepicker__week{height:2.125rem}.md-datepicker__navigation--current-month{font-size:1rem;font-weight:700;text-transform:capitalize;color:var(--datepicker-default-navigation-label,inherit)}.md-datepicker__navigation{display:flex;justify-content:space-between;padding:0 6px}.md-datepicker__day--names{display:flex}.md-datepicker__day{color:var(--datepicker-default-number-color,inherit);background-color:var(--datepicker-default-number-bg-color,inherit);border-radius:100%;display:inline-block;height:1.75rem;width:1.75rem}.md-datepicker__day--names{color:var(--datepicker-default-days,var(--md-secondary-text-color,#545454));display:flex;font-size:.625rem;justify-content:space-around;line-height:.875rem;margin:12px 0 8px;text-transform:capitalize}.md-datepicker__day::part(button):hover{background:var(--datepicker-default-hover-bg-color,#545454)}.md-datepicker__day[disabled]::part(button){background:0 0;color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--today::part(button){font-weight:700}.md-datepicker__day--today::part(button)::after{border:var(--datepicker-selected-today-border,1px solid var(--datepicker-range-text-color,#121212));height:1.8rem;left:7%;position:absolute;top:4%;width:1.8rem}.md-datepicker__day--focus::part(button){background:var(--datepicker-default-number-bg-color,var(--datepicker-range-hover-bg-color,#dedede))}.md-datepicker__day--selected::part(button){background:var(--datepicker-selected-bg-color,var(--md-primary-text-color,#121212));color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color,#fff))}.md-datepicker__day--selected::part(button):hover{background:var(--datepicker-selected-hover-bg-color);color:var(--datepicker-selected-text-color)}.md-datepicker__day--selected::part(button):active{background:var(--datepicker-selected-pressed-bg-color);color:var(--datepicker-selected-text-color)}.md-datepicker__day--outside-month{color:var(--datepicker-invalid-text-color,var(--md-disabled-text-color,inherit))}.md-datepicker__day--in-range::part(button){color:var(--datepicker-range-text-color,#121212);z-index:10}.md-datepicker__day--in-range::part(button)::before{background:var(--datepicker-range-bg-color);content:"";display:block;height:1.75rem;position:absolute;top:0;width:2.25rem;z-index:-1}.md-datepicker__day--in-range::part(button):hover{color:var(--datepicker-hover-text-color,var(--datepicker-range-text-color,#121212))}.md-datepicker__day--in-range::part(button):active{color:var(--datepicker-pressed-text-color,#121212)}.md-datepicker__day--in-range::part(button):focus{color:var(--datepicker-focus-text-color,var(--datepicker-range-text-color,#121212))}.md-datepicker__day--in-range::part(button):focus::before{background:radial-gradient(circle at 43% center,var(--datepicker-range-hover-bg-color) 60%,rgba(0,0,0,0) 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%)}.md-datepicker__day--in-range::part(button):focus::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-hover-bg-color) 51%,var(--datepicker-range-hover-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--week-first::part(button)::before{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--week-last::part(button)::before{border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--start-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--start-date::part(button)::before{background:radial-gradient(circle at 40% center,var(--md-primary-text-color,#121212) 59%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--start-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--end-date::part(button)::before{background:radial-gradient(circle at 47% center,var(--datepicker-range-edge-bg-color,#121212) 58%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--end-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}`},75:function(e,t,r){"use strict";r.r(t),r.d(t,"DatePickerDay",(function(){return a}));r(17);var a,d=r(6),i=r(9),o=r(16),c=r(5),n=r(0),s=r(4),l=r(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[18],{29:function(e,t,r){"use strict";var a=r(0);t.a=a.css`.md-datepicker{overflow:visible}.md-datepicker__month-container{display:flex;flex-direction:column;height:17.5rem;justify-content:space-between;padding:12px 10px 12px}.md-datepicker__navigation--buttons{align-items:center;color:var(--datepicker-default-navigation-button,var(--md-primary-text-color,inherit));display:flex;justify-content:space-between;line-height:normal;width:2.75rem}.md-datepicker__navigation--buttons md-button[disabled]::part(button){background-color:none;color:var(--md-disabled-text-color,inherit)}.md-datepicker__month{width:auto}.md-datepicker__week{height:2.125rem}.md-datepicker__navigation--current-month{font-size:1rem;font-weight:700;text-transform:capitalize;color:var(--datepicker-default-navigation-label,inherit)}.md-datepicker__navigation{display:flex;justify-content:space-between;padding:0 6px}.md-datepicker__day--names{display:flex}.md-datepicker__day{color:var(--datepicker-default-number-color,inherit);background-color:var(--datepicker-default-number-bg-color,inherit);border-radius:100%;display:inline-block;height:1.75rem;width:1.75rem}.md-datepicker__day--names{color:var(--datepicker-default-days,var(--md-secondary-text-color,#545454));display:flex;font-size:.625rem;justify-content:space-around;line-height:.875rem;margin:12px 0 8px;text-transform:capitalize}.md-datepicker__day::part(button):hover{background:var(--datepicker-default-hover-bg-color,#545454)}.md-datepicker__day[disabled]::part(button){background:0 0;color:var(--md-disabled-text-color,inherit)}.md-datepicker__day--today::part(button){font-weight:700}.md-datepicker__day--today::part(button)::after{border:var(--datepicker-selected-today-border,1px solid var(--datepicker-range-text-color,#121212));height:1.8rem;left:7%;position:absolute;top:4%;width:1.8rem}.md-datepicker__day--focus::part(button){background:var(--datepicker-default-number-bg-color,var(--datepicker-range-hover-bg-color,#dedede))}.md-datepicker__day--selected::part(button){background:var(--datepicker-selected-bg-color,var(--md-primary-text-color,#121212));color:var(--datepicker-selected-text-color,var(--md-secondary-bg-color,#fff))}.md-datepicker__day--selected::part(button):hover{background:var(--datepicker-selected-hover-bg-color);color:var(--datepicker-selected-text-color)}.md-datepicker__day--selected::part(button):active{background:var(--datepicker-selected-pressed-bg-color);color:var(--datepicker-selected-text-color)}.md-datepicker__day--outside-month{color:var(--datepicker-invalid-text-color,var(--md-disabled-text-color,inherit))}.md-datepicker__day--in-range::part(button){color:var(--datepicker-range-text-color,#121212);z-index:10}.md-datepicker__day--in-range::part(button)::before{background:var(--datepicker-range-bg-color);content:"";display:block;height:1.75rem;position:absolute;top:0;width:2.25rem;z-index:-1}.md-datepicker__day--in-range::part(button):hover{color:var(--datepicker-hover-text-color,var(--datepicker-range-text-color,#121212))}.md-datepicker__day--in-range::part(button):active{color:var(--datepicker-pressed-text-color,#121212)}.md-datepicker__day--in-range::part(button):focus{color:var(--datepicker-focus-text-color,var(--datepicker-range-text-color,#121212))}.md-datepicker__day--in-range::part(button):focus::before{background:radial-gradient(circle at 43% center,var(--datepicker-range-hover-bg-color) 60%,rgba(0,0,0,0) 60%,var(--datepicker-range-bg-color) 60%,var(--datepicker-range-bg-color) 60%)}.md-datepicker__day--in-range::part(button):focus::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-hover-bg-color) 51%,var(--datepicker-range-hover-bg-color) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--week-first::part(button)::before{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--week-last::part(button)::before{border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--start-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--start-date::part(button)::before{background:radial-gradient(circle at 40% center,var(--md-primary-text-color,#121212) 59%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-left-radius:1rem;border-top-left-radius:1rem}.md-datepicker__day--start-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}.md-datepicker__day--end-date::part(button){color:var(--md-secondary-bg-color,#121212)}.md-datepicker__day--end-date::part(button)::before{background:radial-gradient(circle at 47% center,var(--datepicker-range-edge-bg-color,#121212) 58%,rgba(0,0,0,0) 50%,var(--datepicker-range-bg-color) 50%,var(--datepicker-range-bg-color) 50%);border-bottom-right-radius:1rem;border-top-right-radius:1rem;width:calc(2rem - 2px)}.md-datepicker__day--end-date::part(button)::after{background:radial-gradient(circle at 50% center,rgba(0,0,0,0) 50%,var(--datepicker-range-edge-bg-color,#121212) 51%,var(--datepicker-range-edge-bg-color,#121212) 100%,rgba(0,0,0,0) 100%);content:""}`},75:function(e,t,r){"use strict";r.r(t),r.d(t,"DatePickerDay",(function(){return a}));r(17);var a,d=r(6),i=r(9),o=r(16),c=r(5),n=r(0),s=r(4),l=r(3),p=r(29),b=function(e,t,r,a){var d,i=arguments.length,o=i<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,a);else for(var c=e.length-1;c>=0;c--)(d=e[c])&&(o=(i<3?d(o):i>3?d(t,r,o):d(t,r))||o);return i>3&&o&&Object.defineProperty(t,r,o),o};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this.focused=!1,this.selected=!1,this.disabled=!1,this.day=Object(i.n)(),this.viewAnchorMonth=void 0,this.filterParams=void 0,this.datePickerProps=void 0,this.isOutsideMonth=!1,this.isToday=!1,this.parentRangePicker=null,this.dateIsInRange=!1,this.handleClick=e=>{this.dispatchEvent(new CustomEvent("day-select",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))},this.isDateInRange=()=>{const e=this.parentRangePicker,t=null==e?void 0:e.startDate,r=null==e?void 0:e.endDate;if(!t||!r)return!1;const a=this.day.toSQLDate(),d=a>t&&a<r,i=a===t,o=a===r;return!this.isPrimarySelection()&&(d||i||o)},this.handleKeyDown=e=>{this.dispatchEvent(new CustomEvent("day-key-event",{bubbles:!0,composed:!0,detail:{date:this.day,sourceEvent:e}}))}}connectedCallback(){super.connectedCallback(),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.parentRangePicker=Object(o.a)("md-date-range-picker",this)}updated(e){var t,r;super.updated(e),this.disabled=this.filterParams&&Object(i.j)(this.day,this.filterParams)||!1,this.isOutsideMonth=this.day.month!==this.viewAnchorMonth,this.isToday=Object(i.k)(this.day,Object(i.n)()),this.selected=this.datePickerProps&&Object(i.k)(this.datePickerProps.selected,this.day)||!1,this.focused=this.datePickerProps&&Object(i.k)(this.datePickerProps.focused,this.day)||!1,this.focused&&this.button&&(null===(r=null===(t=this.button.shadowRoot)||void 0===t?void 0:t.querySelector("button"))||void 0===r||r.focus()),this.parentRangePicker&&(this.dateIsInRange=this.isDateInRange())}isPrimarySelection(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)&&void 0===this.parentRangePicker.endDate}isLeadingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.firstElementChild)}isEndingRangeEdge(){var e;return this===(null===(e=this.parentNode)||void 0===e?void 0:e.lastElementChild)}isStartDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.startDate)===this.day.toSQLDate()&&!this.isPrimarySelection()}isEndDate(){var e;return(null===(e=this.parentRangePicker)||void 0===e?void 0:e.endDate)===this.day.toSQLDate()}get getDayClassMap(){return{"md-datepicker__day--selected":this.selected,"md-datepicker__day--focus":this.focused,"md-datepicker__day--today":this.isToday,"md-datepicker__day--outside-month":this.isOutsideMonth,"md-datepicker__day--in-range":this.dateIsInRange,"md-datepicker__day--week-first":this.isLeadingRangeEdge(),"md-datepicker__day--week-last":this.isEndingRangeEdge(),"md-datepicker__day--start-date":this.isStartDate(),"md-datepicker__day--end-date":this.isEndDate()}}static get styles(){return[c.a,p.a]}render(){var e;const t=Object(i.m)(this.day,(null===(e=this.datePickerProps)||void 0===e?void 0:e.locale)||"en").toFormat("D, dd MMMM yyyy");return n.html`
|
|
2
2
|
<md-button
|
|
3
3
|
circle
|
|
4
4
|
size=${28}
|
package/dist/chunks/md-26.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[26],{
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[26],{3205:function(e,t,n){(function(e,t){!function(e,n){"use strict";if(!e.setImmediate){var i,o,r,c,a,u=1,s={},l=!1,f=e.document,m=Object.getPrototypeOf&&Object.getPrototypeOf(e);m=m&&m.setTimeout?m:e,"[object process]"==={}.toString.call(e.process)?i=function(e){t.nextTick((function(){h(e)}))}:!function(){if(e.postMessage&&!e.importScripts){var t=!0,n=e.onmessage;return e.onmessage=function(){t=!1},e.postMessage("","*"),e.onmessage=n,t}}()?e.MessageChannel?((r=new MessageChannel).port1.onmessage=function(e){h(e.data)},i=function(e){r.port2.postMessage(e)}):f&&"onreadystatechange"in f.createElement("script")?(o=f.documentElement,i=function(e){var t=f.createElement("script");t.onreadystatechange=function(){h(e),t.onreadystatechange=null,o.removeChild(t),t=null},o.appendChild(t)}):i=function(e){setTimeout(h,0,e)}:(c="setImmediate$"+Math.random()+"$",a=function(t){t.source===e&&"string"==typeof t.data&&0===t.data.indexOf(c)&&h(+t.data.slice(c.length))},e.addEventListener?e.addEventListener("message",a,!1):e.attachEvent("onmessage",a),i=function(t){e.postMessage(c+t,"*")}),m.setImmediate=function(e){"function"!=typeof e&&(e=new Function(""+e));for(var t=new Array(arguments.length-1),n=0;n<t.length;n++)t[n]=arguments[n+1];var o={callback:e,args:t};return s[u]=o,i(u),u++},m.clearImmediate=d}function d(e){delete s[e]}function h(e){if(l)setTimeout(h,0,e);else{var t=s[e];if(t){l=!0;try{!function(e){var t=e.callback,n=e.args;switch(n.length){case 0:t();break;case 1:t(n[0]);break;case 2:t(n[0],n[1]);break;case 3:t(n[0],n[1],n[2]);break;default:t.apply(void 0,n)}}(t)}finally{d(e),l=!1}}}}}("undefined"==typeof self?void 0===e?this:e:self)}).call(this,n(91),n(3206))},3206:function(e,t){var n,i,o=e.exports={};function r(){throw new Error("setTimeout has not been defined")}function c(){throw new Error("clearTimeout has not been defined")}function a(e){if(n===setTimeout)return setTimeout(e,0);if((n===r||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:r}catch(e){n=r}try{i="function"==typeof clearTimeout?clearTimeout:c}catch(e){i=c}}();var u,s=[],l=!1,f=-1;function m(){l&&u&&(l=!1,u.length?s=u.concat(s):f=-1,s.length&&d())}function d(){if(!l){var e=a(m);l=!0;for(var t=s.length;t;){for(u=s,s=[];++f<t;)u&&u[f].run();f=-1,t=s.length}u=null,l=!1,function(e){if(i===clearTimeout)return clearTimeout(e);if((i===c||!i)&&clearTimeout)return i=clearTimeout,clearTimeout(e);try{i(e)}catch(t){try{return i.call(null,e)}catch(t){return i.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function p(){}o.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];s.push(new h(e,t)),1!==s.length||l||a(d)},h.prototype.run=function(){this.fun.apply(null,this.array)},o.title="browser",o.browser=!0,o.env={},o.argv=[],o.version="",o.versions={},o.on=p,o.addListener=p,o.once=p,o.off=p,o.removeListener=p,o.removeAllListeners=p,o.emit=p,o.prependListener=p,o.prependOnceListener=p,o.listeners=function(e){return[]},o.binding=function(e){throw new Error("process.binding is not supported")},o.cwd=function(){return"/"},o.chdir=function(e){throw new Error("process.chdir is not supported")},o.umask=function(){return 0}},63:function(e,t,n){(function(e){var i=void 0!==e&&e||"undefined"!=typeof self&&self||window,o=Function.prototype.apply;function r(e,t){this._id=e,this._clearFn=t}t.setTimeout=function(){return new r(o.call(setTimeout,i,arguments),clearTimeout)},t.setInterval=function(){return new r(o.call(setInterval,i,arguments),clearInterval)},t.clearTimeout=t.clearInterval=function(e){e&&e.close()},r.prototype.unref=r.prototype.ref=function(){},r.prototype.close=function(){this._clearFn.call(i,this._id)},t.enroll=function(e,t){clearTimeout(e._idleTimeoutId),e._idleTimeout=t},t.unenroll=function(e){clearTimeout(e._idleTimeoutId),e._idleTimeout=-1},t._unrefActive=t.active=function(e){clearTimeout(e._idleTimeoutId);var t=e._idleTimeout;t>=0&&(e._idleTimeoutId=setTimeout((function(){e._onTimeout&&e._onTimeout()}),t))},n(3205),t.setImmediate="undefined"!=typeof self&&self.setImmediate||void 0!==e&&e.setImmediate||this&&this.setImmediate,t.clearImmediate="undefined"!=typeof self&&self.clearImmediate||void 0!==e&&e.clearImmediate||this&&this.clearImmediate}).call(this,n(91))},91:function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(e){"object"==typeof window&&(n=window)}e.exports=n}}]);
|
package/dist/chunks/md-27.js
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
>
|
|
15
15
|
</md-icon>
|
|
16
16
|
</div>
|
|
17
|
-
`}};p([Object(n.property)({type:String})],t.prototype,"name",void 0),p([Object(n.property)({type:Number})],t.prototype,"size",void 0),p([Object(n.property)({type:String})],t.prototype,"title",void 0),p([Object(n.property)({type:String})],t.prototype,"color",void 0),p([Object(n.property)({type:Boolean})],t.prototype,"isCircularWrapper",void 0),t=p([Object(a.a)("md-presence")],t),e.ELEMENT=t}(o||(o={}));r(77);var l,d=r(36),h=r(
|
|
17
|
+
`}};p([Object(n.property)({type:String})],t.prototype,"name",void 0),p([Object(n.property)({type:Number})],t.prototype,"size",void 0),p([Object(n.property)({type:String})],t.prototype,"title",void 0),p([Object(n.property)({type:String})],t.prototype,"color",void 0),p([Object(n.property)({type:Boolean})],t.prototype,"isCircularWrapper",void 0),t=p([Object(a.a)("md-presence")],t),e.ELEMENT=t}(o||(o={}));r(77);var l,d=r(36),h=r(2),v=r(4),m=r(3),y=r(8),u=r(41),b=function(e,t,r,a){var i,n=arguments.length,s=n<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(s=(n<3?i(s):n>3?i(t,r,s):i(t,r))||s);return n>3&&s&&Object.defineProperty(t,r,s),s},g=function(e,t,r,a){return new(r||(r=Promise))((function(i,n){function s(e){try{c(a.next(e))}catch(e){n(e)}}function o(e){try{c(a.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(s,o)}c((a=a.apply(e,t||[])).next())}))};!function(e){let t=class extends n.LitElement{constructor(){super(...arguments),this._tabIndex=0,this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.role="img",this.iconName="",this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.clickable=!1,this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.isCircularWrapper=!1}get tabIndex(){return this._tabIndex}set tabIndex(e){const t=this._tabIndex;this._tabIndex=e,this.requestUpdate("tabIndex",t)}static get styles(){return[i.a,c.a]}firstUpdated(){const{presenceColor:e,presenceIcon:t,isCircularWrapper:r}=s(this.type,!1,this.newMomentum);this.presenceColor=e,this.presenceIcon=t,this.isCircularWrapper=r}updated(e){if(super.updated(e),e.has("type")){const{presenceColor:e,presenceIcon:t,isCircularWrapper:r}=s(this.type,!1,this.newMomentum);this.presenceColor=e,this.presenceIcon=t,this.isCircularWrapper=r}e.has("role")&&this.style.setProperty("--avatar-cursor","button"===this.role?"pointer":"default")}get avatarClassMap(){return Object.assign(Object.assign({},this.newMomentum&&"bot"!==this.type||!this.type?{}:{["md-avatar--"+this.type]:!0}),{["md-avatar--"+this.size]:!!this.size})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,["md-avatar--"+this.color]:this.color}}get avatarStyleMap(){return{["md-avatar--"+this.color]:this.color}}get pretifyTitle(){if(this.title.length){const e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}return this.title}get chatIconName(){return"chat-filled"}get chatIconSize(){return this.iconSize}get iconSize(){return(this.size/2).toString()}get renderIsTyping(){return"typing"===this.type||this.typing?n.html` <md-loading></md-loading> `:h.nothing}get avatarLetter(){return this.title?n.html`
|
|
18
18
|
<span class="md-avatar__letter ${Object(v.classMap)(this.avatarLetterClassMap)}">
|
|
19
19
|
${this.pretifyTitle}
|
|
20
20
|
<slot></slot>
|
package/dist/chunks/md-29.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[29],{53:function(t,e,o){"use strict";o.r(e),o.d(e,"ComboBox",(function(){return i}));o(54),o(15);var i,s=o(1),r=o(7),l=o(6),n=o(16),d=o(5),a=o(0),c=o(3),h=o(4),p=o(2),u=o(12),b=o(8),m=o(42),g=o(63),x=a.css`:host{--combobox-input-clear-bg:var(--combobox-group-button-bg-color, $lm-combobox-group-button-bg-color-light)}:host .group{background:var(--combobox-bg-color,#fff)}:host(:focus){box-shadow:none!important;outline:0!important}:host(:active) .md-new-combobox .group{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none;border:1px solid var(--combobox-border-color,#b2b2b2)!important}:host(:active) .md-new-combobox .md-combobox-right-arrow{border-left:1px solid var(--combobox-border-color,#b2b2b2)!important}:host([focus-visible]) .group{border-color:var(--combobox-focus-border-color,#005e7d);box-shadow:none}:host([focus-visible]) .md-new-combobox .group{outline:2px solid var(--combobox-focus-border-color);outline-offset:.125rem;box-shadow:none;border-color:var(--combobox-focus-new-border-color)}:host([focus-visible]) .md-new-combobox .md-combobox-right-arrow{border-color:var(--combobox-focus-new-border-color)}:host([disabled]) .group,:host([disabled]) .group:active,:host([disabled]) .group:hover{background:var(--combobox-disabled-bg-color,#ededed);pointer-events:none}:host([disabled]) .group md-icon,:host([disabled]) .group:active md-icon,:host([disabled]) .group:hover md-icon{opacity:.3}:host([disabled]) .md-new-combobox .group,:host([disabled]) .md-new-combobox .group:active,:host([disabled]) .md-new-combobox .group:hover{outline:0;box-shadow:none;border-color:var(--combobox-disabled-bg-color)!important;background-color:rgba(0,0,0,0)}:host([disabled]) .md-new-combobox .group md-icon,:host([disabled]) .md-new-combobox .group:active md-icon,:host([disabled]) .md-new-combobox .group:hover md-icon{color:var(--md-primary-text-color);fill:var(--md-primary-text-color)}:host([disabled]) .md-new-combobox .group .md-combobox-right-arrow,:host([disabled]) .md-new-combobox .group:active .md-combobox-right-arrow,:host([disabled]) .md-new-combobox .group:hover .md-combobox-right-arrow{border-color:var(--combobox-disabled-bg-color)!important}:host([disabled]) .md-new-combobox .md-combobox__multiwrap input{color:var(--combobox-disabled-bg-color)}:host([disabled]) .md-new-combobox .md-combobox__multiwrap input::-webkit-input-placeholder,:host([disabled]) .md-new-combobox .md-combobox__multiwrap input::placeholder{opacity:1;color:var(--combobox-disabled-bg-color)}:host([expanded]) .md-combobox-button.arrow-down{transform:rotate(180deg)}:host([invalid]) .group,:host([invalid]) .group:active,:host([invalid]) .group:hover{background:var(--combobox-invalid-bg-color,#ffe8e3);border-color:var(--combobox-invalid-border-color,#f7644a)}:host([invalid]) .md-combobox-error{padding:.1875rem 0 0 .75rem}.md-combobox-list{position:relative;height:2rem}.md-combobox .group{align-items:start;background:var(--combobox-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:var(--combobox-group-radius,.25rem);display:flex;padding:0 .75rem;height:2.125rem}.md-combobox .group md-icon{color:var(--md-secondary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:1.75rem}.md-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#00a0d1)}.md-combobox .group .search-icon{height:100%}.md-combobox .group:hover{background:var(--combobox-hover-bg-color,#dedede)}.md-combobox .group:active{background:var(--combobox-pressed-bg-color,#ccc)}.md-combobox .group.multiselect:hover{background:var(--combobox-bg-color,#fff)}.md-combobox .group.multiselect:active{background:var(--combobox-bg-color,#fff)}.md-combobox .md-combobox-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}.md-combobox--pill .group{border-radius:18px}.md-new-combobox .group{border-radius:8px;background:rgba(0,0,0,0)}.md-new-combobox .group .md-combobox-button.clear{margin-right:.25rem!important}.md-new-combobox .group md-icon{color:var(--md-primary-text-color);cursor:pointer;fill:var(--md-primary-text-color)}.md-new-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#00a0d1)}.md-new-combobox .group:active{border:1px solid var(--combobox-border-color,#b2b2b2)}.md-new-combobox .md-combobox__multiwrap input{color:var(--md-primary-text-color)}.md-new-combobox .md-combobox__multiwrap .md-combobox-selected-item{border-radius:4px;background:var(--combobox-selected-new-bg-color,#dedede);border-color:var(--combobox-selected-new-border-color,#dedede)}.md-new-combobox .md-combobox__multiwrap .md-combobox-selected-item md-icon{font-size:16px}.md-new-combobox.md-error .group,.md-new-combobox.md-error .group:active{border-color:var(--input-error-border-color)!important}.md-new-combobox.md-error .group .md-combobox-right-arrow,.md-new-combobox.md-error .group:active .md-combobox-right-arrow{border-color:var(--input-error-border-color)!important}.md-new-combobox.md-warning .group,.md-new-combobox.md-warning .group:active{border-color:var(--input-warning-border-color)!important}.md-new-combobox.md-warning .group .md-combobox-right-arrow,.md-new-combobox.md-warning .group:active .md-combobox-right-arrow{border-color:var(--input-warning-border-color)!important}.md-new-combobox.md-success .group,.md-new-combobox.md-success .group:active{border-color:var(--input-success-border-color)!important}.md-new-combobox.md-success .group .md-combobox-right-arrow,.md-new-combobox.md-success .group:active .md-combobox-right-arrow{border-color:var(--input-success-border-color)!important}.md-new-combobox.md-combobox-readonly .group,.md-new-combobox.md-combobox-readonly .group:active,.md-new-combobox.md-combobox-readonly .group:hover{border-color:var(--combobox-disabled-bg-color)!important}.md-new-combobox.md-combobox-readonly .group .md-combobox-right-arrow,.md-new-combobox.md-combobox-readonly .group:active .md-combobox-right-arrow,.md-new-combobox.md-combobox-readonly .group:hover .md-combobox-right-arrow{border-color:var(--combobox-disabled-bg-color)!important}.help-text,.md-combobox__messages{padding-top:.25rem}.md-combobox-button{transition:all .15s linear;align-self:center;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin-left:calc(.25rem*2);outline:0;padding:0;padding-top:calc(.25rem/1.5);position:relative;vertical-align:bottom;height:inherit;display:flex}.md-combobox-button .md-input__icon-clear{align-items:center;display:flex}.md-combobox-button md-icon{color:var(--combobox-dropdown-item-icon-color,#121212)}.md-combobox-button.clear{height:auto;padding:.115rem}.md-combobox-right-arrow{height:100%;border-left:1px solid var(--combobox-border-color,#b2b2b2)}.md-combobox-right-arrow .md-combobox-button{padding-top:calc(.25rem/1.4)}.md-combobox-right-arrow .md-combobox-button.arrow-down:focus,.md-combobox-right-arrow .md-combobox-button.clear:focus{outline:0}.md-combobox-button.arrow-down:focus,.md-combobox-button.clear:focus{outline:2px solid var(--button-focus-ring-color,#007aa3)}div#md-combobox-listbox{background-color:var(--combobox-dropdown-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);box-sizing:border-box;font-size:var(--body-primary-font-size,14px);left:0;list-style:none;margin:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;padding:var(--wc-menu-padding,0)}div#md-combobox-listbox .no-result{padding:.3125rem .75rem .375rem}.virtual-scroll{overflow:auto;position:relative}.md-combobox-multi-input{width:initial}.highlight-text{font-weight:700}.selected-label-text{white-space:pre-wrap}.group-label{justify-content:space-between;font-weight:400;font-size:14px;line-height:19px;color:var(--combobox-group-label-color);padding:.3125rem .75rem .375rem;border-bottom:1px solid var(--combobox-group-label-border-color);display:flex;width:100%;background-color:var(--combobox-group-label-bg-color);border-radius:var(--wc-menu-item-rounded-border-radius)}.group-label:hover{background:unset;color:var(--combobox-group-label-color)}.group-label[focused]{background:var(--combobox-dropdown-item-focus-bg-color,#00a0d1);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option{align-items:center;color:var(--md-primary-text-color,#f7f7f7);display:flex;margin:0;outline:0;padding:.3125rem .75rem .375rem;width:100%;border:solid 2px transparent;border-radius:var(--wc-menu-item-rounded-border-radius)}.md-combobox-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:block;letter-spacing:normal;width:calc(100% - 1.25rem)}.md-combobox-option .select-label span{margin-right:-.25rem;white-space:nowrap}.md-combobox-option .select-option{background:var(--combobox-dropdown-item-select-bg-color,#fff);border:1px solid var(--combobox-select-border-color,#545454);border-radius:calc(.5rem/2);box-sizing:border-box;cursor:pointer;display:inline-block;height:1.25rem;margin-right:1rem;min-width:1.25rem;position:relative}.md-combobox-option .select-option md-icon{height:1.125rem;left:.125rem;position:absolute;top:auto;vertical-align:top;visibility:hidden}.md-combobox-option:hover{background:var(--combobox-dropdown-item-hover-bg-color,#91ebff);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option.md-combobox-multiselect{border-bottom:1px solid var(--md-primary-seperator-color,#545454);border-bottom-left-radius:0;border-bottom-right-radius:0}.md-combobox-option[aria-checked=true] .select-option{background:var(--combobox-dropdown-item-checked-bg-color,#00a0d1);border:1px solid var(--combobox-dropdown-item-checked-bg-color,#00a0d1)}.md-combobox-option[aria-checked=true] .select-option md-icon{color:var(--combobox-dropdown-item-checked-icon-color,#fff);visibility:visible}.md-combobox-option[focused]{border:2px solid var(--md-default-focus-outline-color)}.md-combobox-option[selected=true]{background:var(--combobox-dropdown-item-selected-bg-color,#00a0d1);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option[selected=true] .select-option{border:1px solid #fff}.md-combobox__multiwrap{align-items:center;display:inline-flex;flex:1 1 auto;margin-left:0;max-height:calc(1.25rem*4.5)}.md-combobox__multiwrap .selected-count{color:var(--md-primary-text-color,#f7f7f7)}.md-combobox__multiwrap .md-combobox-selected-item{align-items:center;background:var(--combobox-selected-bg-color,#dedede);border:1px solid var(--combobox-selected-border-color,#ccc);border-radius:.875rem;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;margin-right:.25rem;max-height:1.5rem;padding:0 .75rem}.md-combobox__multiwrap .md-combobox-selected-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:calc(1.25rem*4)}.md-combobox__multiwrap .md-combobox-selected-item .remove-item{height:1.5rem}.md-combobox__multiwrap .md-combobox-selected-item:hover{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap .md-combobox-selected-item[selected]{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0);border:0;color:var(--md-secondary-text-color,#545454);display:inline-block;flex:1 1 auto;height:2rem;outline:0}.md-combobox__multiwrap ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}.md-combobox__multiwrap .remove-item{padding-left:calc(.25rem*3)}.md-combobox-searchable .md-combobox__multiwrap{margin-left:calc(.25rem*3)}input::-webkit-input-placeholder,input::placeholder{opacity:1;color:var(--combobox-placeholder-color,#545454)}@media(forced-colors:active){:host([focus-visible]) .group{border:none;outline:2px solid Highlight;box-shadow:none}.md-combobox-option .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option md-icon{color:CanvasText;visibility:visible}.md-combobox-option[focused]{forced-color-adjust:none;color:Canvas;background-color:Highlight}}`,f=function(t,e,o,i){var s,r=arguments.length,l=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(l=(r<3?s(l):r>3?s(e,o,l):s(e,o))||l);return r>3&&l&&Object.defineProperty(e,o,l),l},v=function(t,e,o,i){return new(o||(o=Promise))((function(s,r){function l(t){try{d(i.next(t))}catch(t){r(t)}}function n(t){try{d(i.throw(t))}catch(t){r(t)}}function d(t){var e;t.done?s(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(l,n)}d((i=i.apply(t,e||[])).next())}))};!function(t){class e{determineMessageType(t){return t.reduce((t,e)=>"error"===e?t:e.type,"")}filterMessagesByType(t,e){return t.reduce((t,o)=>o.type===e?t.concat(o.message):t,[])}}t.MessageController=e;let o=class extends(Object(r.a)(a.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this._focusedGroupIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.useVirtualScroll=!1,this.disabled=!1,this.ordered=!1,this.expanded=!1,this.groupExpandedList=[],this.searchItem=!1,this.compact=!1,this.noClearIcon=!1,this.selectWhenInFocus=!1,this.selectedOptions=[],this.visibleOptions=8,this.optionId="",this.optionValue="",this.isCustomContent=!1,this.searchable=!1,this.shape="none",this.value=[],this.inputValue="",this.allowCustomValue=!1,this.autofocus=!1,this.resultsTextLocalization="No Results",this.optionsTextLocalization="No Options",this.trimSpace=!1,this.invalid=!1,this.invalidText="",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForComboBox="",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.clearIconHeight="auto",this.allTextLocalization="All",this.selectAllTextLocalization="Select All",this.selectedTextLocalization="Selected",this.allowSelectAll=!1,this.showCustomError=!1,this.showLoader=!1,this.showSelectedCount=!1,this.popupChevronAriaHidden="true",this.newMomentum=!1,this.comboboxId="",this.helpText="",this.messageArr=[],this.htmlId="",this.readOnly=!1,this.messageController=new e,this.isOptGroup=!1,this.isSelectAllChecked=!1,this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifySelectedChange=Object(n.b)(t=>{this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))},0),this.handleGroupFilter=t=>{const e=t.filter(t=>{if("string"!=typeof t&&"true"===t.isLabel)return t.groupName});return this.searchItem=!0,this.groupExpandedList=e.map(t=>{if("string"!=typeof t)return t.groupName}),t.filter(e=>{if("string"!=typeof e&&"true"===e.isLabel){return!!t.find(t=>{if("string"!=typeof e&&"string"!=typeof t)return e.groupName===t.groupName&&"false"===t.isLabel})}return!0})},this.notifyInputValueChanged=Object(n.b)(t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}})),this.notifySearchResultCount(),this.focusedGroupIndex=0,requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})},250),this.handleOutsideClick=t=>{let e=!1;const o=t.composedPath();o.length&&(e=!!o.find(t=>t===this),e||(this.setVisualListbox(!1),this.unselectedAllMultiTag()))}}get focusedIndex(){return this._focusedIndex}set focusedIndex(t){var e;const o=this._focusedIndex;if(this.checkForVirtualScroll()){let o;o=this.allowSelectAll?0===t?"selectAll":this.getOptionId(this.filteredOptions[t-1]):this.getOptionId(this.filteredOptions[t]);const i=this.lists?null===(e=[...this.lists])||void 0===e?void 0:e.find(t=>0!==t.offsetHeight&&t.id===o):"";this.lists&&[...this.lists].forEach(t=>{t.toggleAttribute("focused",!1)}),i&&(null==i||i.toggleAttribute("focused",!0))}else if(this.lists){const e=this.lists[o];e&&e.toggleAttribute("focused",!1);const i=this.lists[t];i&&i.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",o)}get focusedGroupIndex(){return this._focusedGroupIndex}set focusedGroupIndex(t){const e=this._focusedGroupIndex;if(this.labels&&0!==this.labels.length){const o=this.labels[e];o&&o.toggleAttribute("focused",!1);const i=this.labels[t];i&&(i.toggleAttribute("focused",!0),i.focus())}this._focusedGroupIndex=t,this.requestUpdate("focusedGroupIndex",e)}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}notifySearchResultCount(){if(this.searchResultAriaLabel){const t=/{{.*?}}/g;this.ariaLabelForComboBox=this.searchResultAriaLabel.replace(t,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForComboBox=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForComboBox=`ComboBox Element, ${this.filteredOptions.length} results found.`}firstUpdated(t){this.ariaLabelForComboBox=this.ariaLabel?this.ariaLabel:"ComboBox Element",super.firstUpdated(t),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&(this.expanded?(this.resizeListbox(),this.checkSelectedOptions()):this.unCheckAllOptions()),t.has("focusedIndex")&&this.focusedIndex>=0&&(this.checkForVirtualScroll()||this.scrollToOption()),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox()),t.has("showCustomError")&&this.resizeListbox(),t.has("showLoader")&&this.resizeListbox(),t.has("searchItem")&&this.resizeListbox()}handleFocusIn(t){this.disabled&&!this.readOnly||(this.noClearIcon&&(requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}),this.selectWhenInFocus&&this.input.select()),super.handleFocusIn&&super.handleFocusIn(t)),this.dispatchEvent(new CustomEvent("combobox-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(t){super.handleFocusOut&&super.handleFocusOut(t),this.dispatchEvent(new CustomEvent("combobox-focus-out",{composed:!0,bubbles:!0}))}findFilteredOption(t){return this.isOptionObject(t)?this.filteredOptions.findIndex(e=>this.getOptionId(e)===this.getOptionId(t)&&this.getOptionValue(e)===this.getOptionValue(t)):this.filteredOptions.indexOf(t)}setInitialValue(){var t;if(this.value.length)if(this.isMulti)this.value.forEach(t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)});else{const e=this.value[0],o=this.findFilteredOption(e);-1!==o&&(this.setSelectedOption(e),this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedIndex=o,this.focusedGroupIndex=-1)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){if(this.isOptGroup){const t=[...this.querySelectorAll("optgroup")],e=[];for(const o of t){const t=o.getAttribute("label"),i=[...o.querySelectorAll("[slot]")];e.push({isLabel:"true",[this.optionValue]:t,groupName:t});for(const o of i){const i=o.getAttribute("aria-label"),s=o.getAttribute("display-value"),r=o.getAttribute("slot");i&&s&&e.push({[this.optionId]:i,[this.optionValue]:s,isLabel:"false",groupName:t,slot:r})}}this.options=e}else this.customContent=[...this.querySelectorAll("[slot]")],this.customContent&&this.customContent.length?this.options=this.customContent.map(t=>{const e=t.getAttribute("aria-label"),o=t.getAttribute("display-value");if(e&&o)return{[this.optionId]:e,[this.optionValue]:o}}):this.options=[]}getOptionValue(t){return this.isOptionObject(t)?t[this.optionValue]:t}getOptionGroupName(t){return null==t?void 0:t.groupName}getOptionId(t){return this.isOptionObject(t)?t[this.optionId]:t}getFocusedItem(t){if(t>=0)return this.filteredOptions[t]}setupEvents(){document.addEventListener("click",this.handleOutsideClick),this.addEventListener("remove-all-selected",this.removeAllSelected),this.addEventListener("selected-changed",this.selectedChange)}teardownEvents(){document.removeEventListener("click",this.handleOutsideClick),this.removeEventListener("remove-all-selected",this.removeAllSelected),this.removeEventListener("selected-changed",this.selectedChange)}setVisualListbox(t){this.expanded=t}setGroupList(t){this.groupExpandedList.includes(t)?(this.groupExpandedList.splice(this.groupExpandedList.indexOf(t),1),this.groupExpandedList=[...this.groupExpandedList]):this.searchItem?this.groupExpandedList.push(t):this.groupExpandedList=[t]}findSelectedOption(t){return this.optionId&&t?this.selectedOptions.findIndex(e=>e&&e[this.optionId]===t[this.optionId]):this.selectedOptions.indexOf(t)}findOptionIndex(t){const e=t.composedPath();if(this.checkForVirtualScroll()){let t="";return[...this.lists].forEach(o=>{e.includes(o)&&(t=o.id)}),this.filteredOptions.findIndex(e=>this.getOptionId(e)===t)}return[...this.lists].findIndex(t=>e.includes(t))}checkSelectedOptions(){if(this.checkForVirtualScroll()){const t=this.selectedOptions.map(t=>this.getOptionId(t)),e=[...this.lists].filter(t=>"selectAll"!==t.id);null==e||e.forEach(e=>{t.includes(e.id)?(this.isMulti&&(null==e||e.setAttribute("aria-checked","true")),null==e||e.setAttribute("aria-selected","true")):this.isMulti&&(null==e||e.setAttribute("aria-checked","false"))})}}unCheckAllOptions(){var t;this.checkForVirtualScroll()&&this.isMulti&&(null===(t=[...this.lists])||void 0===t||t.forEach(t=>{"selectAll"!==(null==t?void 0:t.id)&&(null==t||t.setAttribute("aria-checked","false"))}))}setSelectedOption(t){this.isMulti||(this.selectedOptions=[]);const e=this.findSelectedOption(t);if(-1!==e){const t=this.selectedOptions[e];this.selectedOptions.splice(e,1),this.notifySelectedChange({value:t,selected:this.selectedOptions})}else this.selectedOptions.push(t),this.notifySelectedChange({value:t,selected:this.selectedOptions});this.checkSelectedOptions(),this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()),this.requestUpdate()}filterOptions(t){if(t&&t.length){const e=this.options.filter(e=>this.isOptGroup&&"string"!=typeof e&&"true"===e.isLabel?e:(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase()));return this.isOptGroup?this.handleGroupFilter(e):e}return this.searchItem=!1,this.options}getListBoxVerticalPadding(){if(this.listBox){const t=window.getComputedStyle(this.listBox,null),e=parseInt(t.getPropertyValue("padding-top"))+parseInt(t.getPropertyValue("padding-bottom"));if(!isNaN(e))return e+2}return 10}resizeListbox(){this.updateOnNextFrame(()=>{var t;let e=0,o=0,i=0;const s=this.getListBoxVerticalPadding();if(this.lists){const t=this.checkForVirtualScroll()?[...this.lists].filter(t=>0!==t.offsetHeight):[...this.lists];e=t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0),i=this.checkForVirtualScroll()&&this.allowSelectAll?t.slice(1,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0):t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)}if(this.labels&&(o=[...this.labels].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)),this.listBox&&(this.listBox.style.maxHeight=e+o+s+"px"),this.virtualizer&&(this.virtualizer.style.height=i+s+"px"),this.showCustomError||this.showLoader){const e=null===(t=this.listBox)||void 0===t?void 0:t.querySelector("[slot]");this.listBox&&e&&(this.listBox.style.height=e.clientHeight+s+"px",this.listBox.style.maxHeight=e.clientHeight+s+"px")}})}setInputValue(t=""){this.input.value=t}updateOnNextFrame(t){requestAnimationFrame(t)}unCheckedAllOptions(){this.isMulti&&(this.lists.forEach((t,e)=>this.unCheckedOption(e)),this.isSelectAllChecked=!1)}unCheckedOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","false"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}checkAllOptions(){this.isMulti&&this.lists.forEach((t,e)=>this.checkOption(e))}checkOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","true"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}isSelectAllSelected(){return this.selectedOptions.length===this.options.length}setFocusOnHost(t){this.setFocus&&this.setFocus(t)}isOptionFocused(t){return this.focusedIndex===t}getAriaState(t){return this.isOptionFocused(t)}scrollToOption(){var t,e;let o=0;const{top:i,bottom:s}=this.listBox.getBoundingClientRect(),r=this.lists[this.focusedIndex],l=null===(t=this.lists[this.focusedIndex+1]||r)||void 0===t?void 0:t.getBoundingClientRect(),n=null===(e=this.lists[this.focusedIndex-1]||r)||void 0===e?void 0:e.getBoundingClientRect();(null==l?void 0:l.bottom)>s?o=l.bottom-s+2:(null==n?void 0:n.top)<i&&(o=n.top-i-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=o})}getCustomContentName(t){const e=this.options.indexOf(t);if(this.isOptGroup){const t=this.options[e];if(t&&"string"!=typeof t)return t.slot}else if(-1!==e)return this.customContent[e].slot}setInputSelectionRange(t,e){this.input.setSelectionRange(t,e)}isOptionChecked(t){return-1!==this.findSelectedOption(t)?"true":"false"}getInputSelection(){return this.input.selectionStart}canMultiSelect(){return 0===this.getInputSelection()&&0!==this.selectedOptions.length&&this.isMulti}removeMultiTag(){this.selected&&this.multiSelected.forEach(t=>{const e=this.selected[t];e&&e.hasAttribute("selected")&&this.removeSelected(this.selectedOptions[t])})}unselectedAllMultiTag(){this.selected&&this.selected.forEach(t=>t.removeAttribute("selected")),this.multiSelectedIndex=-1}findLastMultiSelected(){return this.selected[this.multiSelectedIndex]}toggleMultiSelectedTag(t,e){t&&t.toggleAttribute("selected",e)}selectMultiTag(t){if(this.canMultiSelect()){if(!t){this.multiSelected=[];const t=this.findLastMultiSelected();this.toggleMultiSelectedTag(t,!1)}this.multiSelectedIndex<=0?this.multiSelectedIndex=this.selectedOptions.length-1:this.multiSelectedIndex--,this.multiSelected.push(this.multiSelectedIndex);const e=this.findLastMultiSelected();this.toggleMultiSelectedTag(e,!0)}}handleListClick(t){return v(this,void 0,void 0,(function*(){this.dispatchEvent(new CustomEvent("selected-changed",{detail:{event:t}})),yield this.updateComplete,this.isMulti?this.setVisualListbox(!0):this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}))}handleSelectAll(){return v(this,void 0,void 0,(function*(){this.isSelectAllChecked=!this.isSelectAllChecked,this.isSelectAllChecked?(this.selectedOptions=[...this.options],this.checkAllOptions()):(this.selectedOptions=[],this.unCheckedAllOptions()),yield this.updateComplete,this.setVisualListbox(!0),this.notifySelectedChange({selected:this.selectedOptions})}))}handleInputKeyUp(t){switch(t.code){case s.b.Escape:break;case s.b.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case s.b.ArrowLeft:this.isMulti&&(t.shiftKey?this.selectMultiTag(!0):this.selectMultiTag(!1));break;default:this.isMulti&&this.unselectedAllMultiTag()}}handleInput(t){const e=t.target.value;this.inputValue=e.trim(),this.notifyInputValueChanged(e.trim())}removeAllSelected(){var t;this.focusedIndex=-1,this.focusedGroupIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,""),this.setVisualListbox(!1),this.unCheckedAllOptions(),this.setSelectedAttribute(void 0),this.updateOnNextFrame(()=>{this.input.focus()}),this.notifySelectedChange({selected:this.selectedOptions})}removeSelected(t){const e=this.findSelectedOption(t),o=this.filteredOptions.indexOf(t);-1!==o&&this.unCheckedOption(o),-1!==e&&(this.selectedOptions.splice(e,1),this.requestUpdate()),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}selectedChange(t){var e;const{event:o}=t.detail;let i=this.findOptionIndex(o);if(-1!==i){this.focusedIndex=this.allowSelectAll&&this.checkForVirtualScroll()?i+1:i,this.isMulti&&this.allowSelectAll&&!this.checkForVirtualScroll()&&(i-=1);const t=this.getFocusedItem(i);this.setSelectedAttribute(t),t&&(this.setSelectedOption(t),this.isMulti?this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()):(this.setInputValue(this.getOptionValue(t)),null===(e=this.input)||void 0===e||e.setAttribute(s.a.AriaActivedescendant,this.getOptionId(t))))}}setSelectedAttribute(t){var e;let o="";t&&(o=this.getOptionId(t)),null===(e=this.lists)||void 0===e||e.forEach((t,e)=>{(null==t?void 0:t.id)===o?null==t||t.setAttribute("selected","true"):null==t||t.setAttribute("selected","false")})}shouldChangeButton(){const t=this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length&&!this.noClearIcon;return t&&document.dispatchEvent(new CustomEvent("on-widget-update")),t}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame(()=>{var t;this.focusedIndex=this.filteredOptions.length-1;const e=this.getFocusedItem(this.focusedIndex);e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))}),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleGroupFocus(){this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.filteredGroupOptions.length>0&&-1===this.focusedGroupIndex&&(this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===this.groupExpandedList[0])),this.updateOnNextFrame(()=>{-1===this.focusedGroupIndex||!this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length-1||this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length?this.focusedGroupIndex=0:this.focusedGroupIndex++}),this.focusedIndex=-1}handleInputKeyDown(t){var e,o;switch(t.code){case s.b.Backspace:this.focusedIndex=-1;break;case s.b.Tab:case s.b.Enter:if(this.setFocusOnHost(!0),this.expanded&&this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);if(this.allowCustomValue&&this.input&&this.input.value.length){if(-1===this.findFilteredOption(this.inputValue))return void this.setCustomValue()}e&&(this.setSelectedAttribute(e),this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}),this.setVisualListbox(!1),t.code===s.b.Tab&&this.isMulti)return;break;case s.b.ArrowDown:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedGroupIndex=-1)});break;case s.b.ArrowLeft:case s.b.ArrowRight:t.stopPropagation();break;case s.b.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(s.a.AriaActivedescendant,""),this.focusedIndex=-1,this.focusedGroupIndex=-1,this.removeAllSelected(),this.setSelectedAttribute(void 0));break;case s.b.Home:this.setInputSelectionRange(0,0);break;case s.b.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case s.b.Space:if(this.isMulti&&this.expanded){t.preventDefault();const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.setSelectedAttribute(e),this.showSelectedCount||(this.setInputValue(),null===(o=this.input)||void 0===o||o.setAttribute(s.a.AriaActivedescendant,""))),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}this.expanded=!0}}handleGroupLabelKeyDown(t,e){switch(t.code){case s.b.Tab:this.handleGroupFocus();break;case s.b.Enter:case s.b.Space:-1!==this.focusedGroupIndex?this.toggleGroupListBox(t,e.value):(this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}));break;case s.b.ArrowDown:if(0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))});break;case s.b.Escape:this.focusedGroupIndex=-1,this.setVisualListbox(!1),this.setFocusOnHost(!0),this.input.focus();break;default:this.setVisualListbox(!0)}}toggleVisualListBox(t){var e,o;if(!this.readOnly){if(t.target.classList.contains("md-combobox-listbox"))t.target.focus();else if("md-icon"===t.target.localName){const i=null===(o=null===(e=t.target.parentElement)||void 0===e?void 0:e.parentElement)||void 0===o?void 0:o.parentElement;if(i){const t=i.querySelector(".md-combobox-listbox");Object(g.setTimeout)(()=>{t.focus()},10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus(),this.setGroupList(""),this.focusedGroupIndex=-1}}toggleGroupListBox(t,e){t.stopPropagation(),this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===e),this.setGroupList(e),this.resizeListbox()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents();this.querySelector("optgroup")&&(this.isOptGroup=!0)}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[d.a,x]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t&&this.groupExpandedList.includes(this.getOptionGroupName(t))?"false"===t.isLabel:void 0))}get filteredGroupOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t?"true"===t.isLabel:void 0))}get comboBoxTemplateClassMap(){return{["md-combobox--"+this.shape]:!!this.shape,"md-combobox-searchable":this.searchable,"md-new-combobox":this.newMomentum,["md-"+this.messageType]:!!this.messageType,"md-combobox-readonly":this.readOnly}}searchIconTemplate(){return a.html`
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[29],{53:function(t,e,o){"use strict";o.r(e),o.d(e,"ComboBox",(function(){return i}));o(54),o(15);var i,s=o(1),r=o(7),l=o(6),n=o(16),d=o(5),a=o(0),c=o(2),h=o(4),p=o(3),u=o(12),b=o(8),m=o(42),g=o(63),x=a.css`:host{--combobox-input-clear-bg:var(--combobox-group-button-bg-color, $lm-combobox-group-button-bg-color-light)}:host .group{background:var(--combobox-bg-color,#fff)}:host(:focus){box-shadow:none!important;outline:0!important}:host(:active) .md-new-combobox .group{outline:2px solid var(--input-default-outline-color);outline-offset:.125rem;box-shadow:none;border:1px solid var(--combobox-border-color,#b2b2b2)!important}:host(:active) .md-new-combobox .md-combobox-right-arrow{border-left:1px solid var(--combobox-border-color,#b2b2b2)!important}:host([focus-visible]) .group{border-color:var(--combobox-focus-border-color,#005e7d);box-shadow:none}:host([focus-visible]) .md-new-combobox .group{outline:2px solid var(--combobox-focus-border-color);outline-offset:.125rem;box-shadow:none;border-color:var(--combobox-focus-new-border-color)}:host([focus-visible]) .md-new-combobox .md-combobox-right-arrow{border-color:var(--combobox-focus-new-border-color)}:host([disabled]) .group,:host([disabled]) .group:active,:host([disabled]) .group:hover{background:var(--combobox-disabled-bg-color,#ededed);pointer-events:none}:host([disabled]) .group md-icon,:host([disabled]) .group:active md-icon,:host([disabled]) .group:hover md-icon{opacity:.3}:host([disabled]) .md-new-combobox .group,:host([disabled]) .md-new-combobox .group:active,:host([disabled]) .md-new-combobox .group:hover{outline:0;box-shadow:none;border-color:var(--combobox-disabled-bg-color)!important;background-color:rgba(0,0,0,0)}:host([disabled]) .md-new-combobox .group md-icon,:host([disabled]) .md-new-combobox .group:active md-icon,:host([disabled]) .md-new-combobox .group:hover md-icon{color:var(--md-primary-text-color);fill:var(--md-primary-text-color)}:host([disabled]) .md-new-combobox .group .md-combobox-right-arrow,:host([disabled]) .md-new-combobox .group:active .md-combobox-right-arrow,:host([disabled]) .md-new-combobox .group:hover .md-combobox-right-arrow{border-color:var(--combobox-disabled-bg-color)!important}:host([disabled]) .md-new-combobox .md-combobox__multiwrap input{color:var(--combobox-disabled-bg-color)}:host([disabled]) .md-new-combobox .md-combobox__multiwrap input::-webkit-input-placeholder,:host([disabled]) .md-new-combobox .md-combobox__multiwrap input::placeholder{opacity:1;color:var(--combobox-disabled-bg-color)}:host([expanded]) .md-combobox-button.arrow-down{transform:rotate(180deg)}:host([invalid]) .group,:host([invalid]) .group:active,:host([invalid]) .group:hover{background:var(--combobox-invalid-bg-color,#ffe8e3);border-color:var(--combobox-invalid-border-color,#f7644a)}:host([invalid]) .md-combobox-error{padding:.1875rem 0 0 .75rem}.md-combobox-list{position:relative;height:2rem}.md-combobox .group{align-items:start;background:var(--combobox-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:var(--combobox-group-radius,.25rem);display:flex;padding:0 .75rem;height:2.125rem}.md-combobox .group md-icon{color:var(--md-secondary-text-color,#545454);cursor:pointer;fill:var(--md-secondary-text-color,#545454);height:1.75rem}.md-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#00a0d1)}.md-combobox .group .search-icon{height:100%}.md-combobox .group:hover{background:var(--combobox-hover-bg-color,#dedede)}.md-combobox .group:active{background:var(--combobox-pressed-bg-color,#ccc)}.md-combobox .group.multiselect:hover{background:var(--combobox-bg-color,#fff)}.md-combobox .group.multiselect:active{background:var(--combobox-bg-color,#fff)}.md-combobox .md-combobox-button[disabled] md-icon{color:var(--md-disabled-text-color,#b2b2b2)}.md-combobox--pill .group{border-radius:18px}.md-new-combobox .group{border-radius:8px;background:rgba(0,0,0,0)}.md-new-combobox .group .md-combobox-button.clear{margin-right:.25rem!important}.md-new-combobox .group md-icon{color:var(--md-primary-text-color);cursor:pointer;fill:var(--md-primary-text-color)}.md-new-combobox .group md-icon:focus{box-shadow:none;outline:0;box-shadow:0 0 0 .125rem var(--md-focus-border-color,#00a0d1)}.md-new-combobox .group:active{border:1px solid var(--combobox-border-color,#b2b2b2)}.md-new-combobox .md-combobox__multiwrap input{color:var(--md-primary-text-color)}.md-new-combobox .md-combobox__multiwrap .md-combobox-selected-item{border-radius:4px;background:var(--combobox-selected-new-bg-color,#dedede);border-color:var(--combobox-selected-new-border-color,#dedede)}.md-new-combobox .md-combobox__multiwrap .md-combobox-selected-item md-icon{font-size:16px}.md-new-combobox.md-error .group,.md-new-combobox.md-error .group:active{border-color:var(--input-error-border-color)!important}.md-new-combobox.md-error .group .md-combobox-right-arrow,.md-new-combobox.md-error .group:active .md-combobox-right-arrow{border-color:var(--input-error-border-color)!important}.md-new-combobox.md-warning .group,.md-new-combobox.md-warning .group:active{border-color:var(--input-warning-border-color)!important}.md-new-combobox.md-warning .group .md-combobox-right-arrow,.md-new-combobox.md-warning .group:active .md-combobox-right-arrow{border-color:var(--input-warning-border-color)!important}.md-new-combobox.md-success .group,.md-new-combobox.md-success .group:active{border-color:var(--input-success-border-color)!important}.md-new-combobox.md-success .group .md-combobox-right-arrow,.md-new-combobox.md-success .group:active .md-combobox-right-arrow{border-color:var(--input-success-border-color)!important}.md-new-combobox.md-combobox-readonly .group,.md-new-combobox.md-combobox-readonly .group:active,.md-new-combobox.md-combobox-readonly .group:hover{border-color:var(--combobox-disabled-bg-color)!important}.md-new-combobox.md-combobox-readonly .group .md-combobox-right-arrow,.md-new-combobox.md-combobox-readonly .group:active .md-combobox-right-arrow,.md-new-combobox.md-combobox-readonly .group:hover .md-combobox-right-arrow{border-color:var(--combobox-disabled-bg-color)!important}.help-text,.md-combobox__messages{padding-top:.25rem}.md-combobox-button{transition:all .15s linear;align-self:center;background:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin-left:calc(.25rem*2);outline:0;padding:0;padding-top:calc(.25rem/1.5);position:relative;vertical-align:bottom;height:inherit;display:flex}.md-combobox-button .md-input__icon-clear{align-items:center;display:flex}.md-combobox-button md-icon{color:var(--combobox-dropdown-item-icon-color,#121212)}.md-combobox-button.clear{height:auto;padding:.115rem}.md-combobox-right-arrow{height:100%;border-left:1px solid var(--combobox-border-color,#b2b2b2)}.md-combobox-right-arrow .md-combobox-button{padding-top:calc(.25rem/1.4)}.md-combobox-right-arrow .md-combobox-button.arrow-down:focus,.md-combobox-right-arrow .md-combobox-button.clear:focus{outline:0}.md-combobox-button.arrow-down:focus,.md-combobox-button.clear:focus{outline:2px solid var(--button-focus-ring-color,#007aa3)}div#md-combobox-listbox{background-color:var(--combobox-dropdown-bg-color,#fff);border:1px solid var(--combobox-border-color,#b2b2b2);border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.16);box-sizing:border-box;font-size:var(--body-primary-font-size,14px);left:0;list-style:none;margin:0;overflow:auto;overflow-x:hidden;position:absolute;top:calc(100% + .25rem);width:100%;padding:var(--wc-menu-padding,0)}div#md-combobox-listbox .no-result{padding:.3125rem .75rem .375rem}.virtual-scroll{overflow:auto;position:relative}.md-combobox-multi-input{width:initial}.highlight-text{font-weight:700}.selected-label-text{white-space:pre-wrap}.group-label{justify-content:space-between;font-weight:400;font-size:14px;line-height:19px;color:var(--combobox-group-label-color);padding:.3125rem .75rem .375rem;border-bottom:1px solid var(--combobox-group-label-border-color);display:flex;width:100%;background-color:var(--combobox-group-label-bg-color);border-radius:var(--wc-menu-item-rounded-border-radius)}.group-label:hover{background:unset;color:var(--combobox-group-label-color)}.group-label[focused]{background:var(--combobox-dropdown-item-focus-bg-color,#00a0d1);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option{align-items:center;color:var(--md-primary-text-color,#f7f7f7);display:flex;margin:0;outline:0;padding:.3125rem .75rem .375rem;width:100%;border:solid 2px transparent;border-radius:var(--wc-menu-item-rounded-border-radius)}.md-combobox-option .select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:block;letter-spacing:normal;width:calc(100% - 1.25rem)}.md-combobox-option .select-label span{margin-right:-.25rem;white-space:nowrap}.md-combobox-option .select-option{background:var(--combobox-dropdown-item-select-bg-color,#fff);border:1px solid var(--combobox-select-border-color,#545454);border-radius:calc(.5rem/2);box-sizing:border-box;cursor:pointer;display:inline-block;height:1.25rem;margin-right:1rem;min-width:1.25rem;position:relative}.md-combobox-option .select-option md-icon{height:1.125rem;left:.125rem;position:absolute;top:auto;vertical-align:top;visibility:hidden}.md-combobox-option:hover{background:var(--combobox-dropdown-item-hover-bg-color,#91ebff);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option.md-combobox-multiselect{border-bottom:1px solid var(--md-primary-seperator-color,#545454);border-bottom-left-radius:0;border-bottom-right-radius:0}.md-combobox-option[aria-checked=true] .select-option{background:var(--combobox-dropdown-item-checked-bg-color,#00a0d1);border:1px solid var(--combobox-dropdown-item-checked-bg-color,#00a0d1)}.md-combobox-option[aria-checked=true] .select-option md-icon{color:var(--combobox-dropdown-item-checked-icon-color,#fff);visibility:visible}.md-combobox-option[focused]{border:2px solid var(--md-default-focus-outline-color)}.md-combobox-option[selected=true]{background:var(--combobox-dropdown-item-selected-bg-color,#00a0d1);color:var(--combobox-dropdown-item-select-font-color,#121212)}.md-combobox-option[selected=true] .select-option{border:1px solid #fff}.md-combobox__multiwrap{align-items:center;display:inline-flex;flex:1 1 auto;margin-left:0;max-height:calc(1.25rem*4.5)}.md-combobox__multiwrap .selected-count{color:var(--md-primary-text-color,#f7f7f7)}.md-combobox__multiwrap .md-combobox-selected-item{align-items:center;background:var(--combobox-selected-bg-color,#dedede);border:1px solid var(--combobox-selected-border-color,#ccc);border-radius:.875rem;box-sizing:border-box;cursor:pointer;display:flex;font-size:12px;margin-right:.25rem;max-height:1.5rem;padding:0 .75rem}.md-combobox__multiwrap .md-combobox-selected-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:calc(1.25rem*4)}.md-combobox__multiwrap .md-combobox-selected-item .remove-item{height:1.5rem}.md-combobox__multiwrap .md-combobox-selected-item:hover{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap .md-combobox-selected-item[selected]{background:var(--combobox-selected-hover,#b2b2b2)}.md-combobox__multiwrap input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0);border:0;color:var(--md-secondary-text-color,#545454);display:inline-block;flex:1 1 auto;height:2rem;outline:0}.md-combobox__multiwrap ::input-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%}.md-combobox__multiwrap .remove-item{padding-left:calc(.25rem*3)}.md-combobox-searchable .md-combobox__multiwrap{margin-left:calc(.25rem*3)}input::-webkit-input-placeholder,input::placeholder{opacity:1;color:var(--combobox-placeholder-color,#545454)}@media(forced-colors:active){:host([focus-visible]) .group{border:none;outline:2px solid Highlight;box-shadow:none}.md-combobox-option .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option{background:Canvas;color:CanvasText;border:1px solid CanvasText}.md-combobox-option[aria-checked=true] .select-option md-icon{color:CanvasText;visibility:visible}.md-combobox-option[focused]{forced-color-adjust:none;color:Canvas;background-color:Highlight}}`,f=function(t,e,o,i){var s,r=arguments.length,l=r<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)l=Reflect.decorate(t,e,o,i);else for(var n=t.length-1;n>=0;n--)(s=t[n])&&(l=(r<3?s(l):r>3?s(e,o,l):s(e,o))||l);return r>3&&l&&Object.defineProperty(e,o,l),l},v=function(t,e,o,i){return new(o||(o=Promise))((function(s,r){function l(t){try{d(i.next(t))}catch(t){r(t)}}function n(t){try{d(i.throw(t))}catch(t){r(t)}}function d(t){var e;t.done?s(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(l,n)}d((i=i.apply(t,e||[])).next())}))};!function(t){class e{determineMessageType(t){return t.reduce((t,e)=>"error"===e?t:e.type,"")}filterMessagesByType(t,e){return t.reduce((t,o)=>o.type===e?t.concat(o.message):t,[])}}t.MessageController=e;let o=class extends(Object(r.a)(a.LitElement)){constructor(){super(...arguments),this._focusedIndex=-1,this._focusedGroupIndex=-1,this.label="Options",this.options=[],this.customOptions=[],this.placeholder="",this.isMulti=!1,this.useVirtualScroll=!1,this.disabled=!1,this.ordered=!1,this.expanded=!1,this.groupExpandedList=[],this.searchItem=!1,this.compact=!1,this.noClearIcon=!1,this.selectWhenInFocus=!1,this.selectedOptions=[],this.visibleOptions=8,this.optionId="",this.optionValue="",this.isCustomContent=!1,this.searchable=!1,this.shape="none",this.value=[],this.inputValue="",this.allowCustomValue=!1,this.autofocus=!1,this.resultsTextLocalization="No Results",this.optionsTextLocalization="No Options",this.trimSpace=!1,this.invalid=!1,this.invalidText="",this.ariaLabel="",this.searchResultAriaLabel="",this.ariaLabelForComboBox="",this.clearAriaLabel="Clear",this.arrowAriaLabel="Expand",this.clearIconHeight="auto",this.allTextLocalization="All",this.selectAllTextLocalization="Select All",this.selectedTextLocalization="Selected",this.allowSelectAll=!1,this.showCustomError=!1,this.showLoader=!1,this.showSelectedCount=!1,this.popupChevronAriaHidden="true",this.newMomentum=!1,this.comboboxId="",this.helpText="",this.messageArr=[],this.htmlId="",this.readOnly=!1,this.messageController=new e,this.isOptGroup=!1,this.isSelectAllChecked=!1,this.multiSelectedIndex=-1,this.multiSelected=[],this.customContent=[],this.notifySelectedChange=Object(n.b)(t=>{this.dispatchEvent(new CustomEvent("change-selected",{composed:!0,bubbles:!0,detail:t}))},0),this.handleGroupFilter=t=>{const e=t.filter(t=>{if("string"!=typeof t&&"true"===t.isLabel)return t.groupName});return this.searchItem=!0,this.groupExpandedList=e.map(t=>{if("string"!=typeof t)return t.groupName}),t.filter(e=>{if("string"!=typeof e&&"true"===e.isLabel){return!!t.find(t=>{if("string"!=typeof e&&"string"!=typeof t)return e.groupName===t.groupName&&"false"===t.isLabel})}return!0})},this.notifyInputValueChanged=Object(n.b)(t=>{this.dispatchEvent(new CustomEvent("combobox-input",{composed:!0,bubbles:!0,detail:{value:t}})),this.notifySearchResultCount(),this.focusedGroupIndex=0,requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})},250),this.handleOutsideClick=t=>{let e=!1;const o=t.composedPath();o.length&&(e=!!o.find(t=>t===this),e||(this.setVisualListbox(!1),this.unselectedAllMultiTag()))}}get focusedIndex(){return this._focusedIndex}set focusedIndex(t){var e;const o=this._focusedIndex;if(this.checkForVirtualScroll()){let o;o=this.allowSelectAll?0===t?"selectAll":this.getOptionId(this.filteredOptions[t-1]):this.getOptionId(this.filteredOptions[t]);const i=this.lists?null===(e=[...this.lists])||void 0===e?void 0:e.find(t=>0!==t.offsetHeight&&t.id===o):"";this.lists&&[...this.lists].forEach(t=>{t.toggleAttribute("focused",!1)}),i&&(null==i||i.toggleAttribute("focused",!0))}else if(this.lists){const e=this.lists[o];e&&e.toggleAttribute("focused",!1);const i=this.lists[t];i&&i.toggleAttribute("focused",!0)}this._focusedIndex=t,this.requestUpdate("focusedIndex",o)}get focusedGroupIndex(){return this._focusedGroupIndex}set focusedGroupIndex(t){const e=this._focusedGroupIndex;if(this.labels&&0!==this.labels.length){const o=this.labels[e];o&&o.toggleAttribute("focused",!1);const i=this.labels[t];i&&(i.toggleAttribute("focused",!0),i.focus())}this._focusedGroupIndex=t,this.requestUpdate("focusedGroupIndex",e)}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}notifySearchResultCount(){if(this.searchResultAriaLabel){const t=/{{.*?}}/g;this.ariaLabelForComboBox=this.searchResultAriaLabel.replace(t,this.filteredOptions.length.toString())}else this.ariaLabel?this.ariaLabelForComboBox=`${this.ariaLabel}, ${this.filteredOptions.length} results found.`:this.ariaLabelForComboBox=`ComboBox Element, ${this.filteredOptions.length} results found.`}firstUpdated(t){this.ariaLabelForComboBox=this.ariaLabel?this.ariaLabel:"ComboBox Element",super.firstUpdated(t),this.isCustomContent&&(this.optionId="id",this.optionValue="value",this.setOptionCustomContent()),this.setInitialValue()}updated(t){super.updated(t),t.has("expanded")&&(this.expanded?(this.resizeListbox(),this.checkSelectedOptions()):this.unCheckAllOptions()),t.has("focusedIndex")&&this.focusedIndex>=0&&(this.checkForVirtualScroll()||this.scrollToOption()),t.has("value")&&0===this.selectedOptions.length&&this.setInitialValue(),t.has("customOptions")&&this.isCustomContent&&(this.setOptionCustomContent(),this.resizeListbox()),t.has("showCustomError")&&this.resizeListbox(),t.has("showLoader")&&this.resizeListbox(),t.has("searchItem")&&this.resizeListbox()}handleFocusIn(t){this.disabled&&!this.readOnly||(this.noClearIcon&&(requestAnimationFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}),this.selectWhenInFocus&&this.input.select()),super.handleFocusIn&&super.handleFocusIn(t)),this.dispatchEvent(new CustomEvent("combobox-focus-in",{composed:!0,bubbles:!0}))}handleFocusOut(t){super.handleFocusOut&&super.handleFocusOut(t),this.dispatchEvent(new CustomEvent("combobox-focus-out",{composed:!0,bubbles:!0}))}findFilteredOption(t){return this.isOptionObject(t)?this.filteredOptions.findIndex(e=>this.getOptionId(e)===this.getOptionId(t)&&this.getOptionValue(e)===this.getOptionValue(t)):this.filteredOptions.indexOf(t)}setInitialValue(){var t;if(this.value.length)if(this.isMulti)this.value.forEach(t=>{-1!==this.findFilteredOption(t)&&this.setSelectedOption(t)});else{const e=this.value[0],o=this.findFilteredOption(e);-1!==o&&(this.setSelectedOption(e),this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedIndex=o,this.focusedGroupIndex=-1)}}isOptionObject(t){return"object"==typeof t&&null!==t}setOptionCustomContent(){if(this.isOptGroup){const t=[...this.querySelectorAll("optgroup")],e=[];for(const o of t){const t=o.getAttribute("label"),i=[...o.querySelectorAll("[slot]")];e.push({isLabel:"true",[this.optionValue]:t,groupName:t});for(const o of i){const i=o.getAttribute("aria-label"),s=o.getAttribute("display-value"),r=o.getAttribute("slot");i&&s&&e.push({[this.optionId]:i,[this.optionValue]:s,isLabel:"false",groupName:t,slot:r})}}this.options=e}else this.customContent=[...this.querySelectorAll("[slot]")],this.customContent&&this.customContent.length?this.options=this.customContent.map(t=>{const e=t.getAttribute("aria-label"),o=t.getAttribute("display-value");if(e&&o)return{[this.optionId]:e,[this.optionValue]:o}}):this.options=[]}getOptionValue(t){return this.isOptionObject(t)?t[this.optionValue]:t}getOptionGroupName(t){return null==t?void 0:t.groupName}getOptionId(t){return this.isOptionObject(t)?t[this.optionId]:t}getFocusedItem(t){if(t>=0)return this.filteredOptions[t]}setupEvents(){document.addEventListener("click",this.handleOutsideClick),this.addEventListener("remove-all-selected",this.removeAllSelected),this.addEventListener("selected-changed",this.selectedChange)}teardownEvents(){document.removeEventListener("click",this.handleOutsideClick),this.removeEventListener("remove-all-selected",this.removeAllSelected),this.removeEventListener("selected-changed",this.selectedChange)}setVisualListbox(t){this.expanded=t}setGroupList(t){this.groupExpandedList.includes(t)?(this.groupExpandedList.splice(this.groupExpandedList.indexOf(t),1),this.groupExpandedList=[...this.groupExpandedList]):this.searchItem?this.groupExpandedList.push(t):this.groupExpandedList=[t]}findSelectedOption(t){return this.optionId&&t?this.selectedOptions.findIndex(e=>e&&e[this.optionId]===t[this.optionId]):this.selectedOptions.indexOf(t)}findOptionIndex(t){const e=t.composedPath();if(this.checkForVirtualScroll()){let t="";return[...this.lists].forEach(o=>{e.includes(o)&&(t=o.id)}),this.filteredOptions.findIndex(e=>this.getOptionId(e)===t)}return[...this.lists].findIndex(t=>e.includes(t))}checkSelectedOptions(){if(this.checkForVirtualScroll()){const t=this.selectedOptions.map(t=>this.getOptionId(t)),e=[...this.lists].filter(t=>"selectAll"!==t.id);null==e||e.forEach(e=>{t.includes(e.id)?(this.isMulti&&(null==e||e.setAttribute("aria-checked","true")),null==e||e.setAttribute("aria-selected","true")):this.isMulti&&(null==e||e.setAttribute("aria-checked","false"))})}}unCheckAllOptions(){var t;this.checkForVirtualScroll()&&this.isMulti&&(null===(t=[...this.lists])||void 0===t||t.forEach(t=>{"selectAll"!==(null==t?void 0:t.id)&&(null==t||t.setAttribute("aria-checked","false"))}))}setSelectedOption(t){this.isMulti||(this.selectedOptions=[]);const e=this.findSelectedOption(t);if(-1!==e){const t=this.selectedOptions[e];this.selectedOptions.splice(e,1),this.notifySelectedChange({value:t,selected:this.selectedOptions})}else this.selectedOptions.push(t),this.notifySelectedChange({value:t,selected:this.selectedOptions});this.checkSelectedOptions(),this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()),this.requestUpdate()}filterOptions(t){if(t&&t.length){const e=this.options.filter(e=>this.isOptGroup&&"string"!=typeof e&&"true"===e.isLabel?e:(this.isCustomContent?this.getOptionId(e):this.getOptionValue(e)).toLowerCase().includes(t.toLowerCase()));return this.isOptGroup?this.handleGroupFilter(e):e}return this.searchItem=!1,this.options}getListBoxVerticalPadding(){if(this.listBox){const t=window.getComputedStyle(this.listBox,null),e=parseInt(t.getPropertyValue("padding-top"))+parseInt(t.getPropertyValue("padding-bottom"));if(!isNaN(e))return e+2}return 10}resizeListbox(){this.updateOnNextFrame(()=>{var t;let e=0,o=0,i=0;const s=this.getListBoxVerticalPadding();if(this.lists){const t=this.checkForVirtualScroll()?[...this.lists].filter(t=>0!==t.offsetHeight):[...this.lists];e=t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0),i=this.checkForVirtualScroll()&&this.allowSelectAll?t.slice(1,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0):t.slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)}if(this.labels&&(o=[...this.labels].slice(0,this.visibleOptions).reduce((t,e)=>t+e.offsetHeight,0)),this.listBox&&(this.listBox.style.maxHeight=e+o+s+"px"),this.virtualizer&&(this.virtualizer.style.height=i+s+"px"),this.showCustomError||this.showLoader){const e=null===(t=this.listBox)||void 0===t?void 0:t.querySelector("[slot]");this.listBox&&e&&(this.listBox.style.height=e.clientHeight+s+"px",this.listBox.style.maxHeight=e.clientHeight+s+"px")}})}setInputValue(t=""){this.input.value=t}updateOnNextFrame(t){requestAnimationFrame(t)}unCheckedAllOptions(){this.isMulti&&(this.lists.forEach((t,e)=>this.unCheckedOption(e)),this.isSelectAllChecked=!1)}unCheckedOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","false"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}checkAllOptions(){this.isMulti&&this.lists.forEach((t,e)=>this.checkOption(e))}checkOption(t){this.isMulti&&(this.lists[t].setAttribute("aria-checked","true"),this.notifySelectedChange({value:this.filteredOptions[t],selected:this.selectedOptions}))}isSelectAllSelected(){return this.selectedOptions.length===this.options.length}setFocusOnHost(t){this.setFocus&&this.setFocus(t)}isOptionFocused(t){return this.focusedIndex===t}getAriaState(t){return this.isOptionFocused(t)}scrollToOption(){var t,e;let o=0;const{top:i,bottom:s}=this.listBox.getBoundingClientRect(),r=this.lists[this.focusedIndex],l=null===(t=this.lists[this.focusedIndex+1]||r)||void 0===t?void 0:t.getBoundingClientRect(),n=null===(e=this.lists[this.focusedIndex-1]||r)||void 0===e?void 0:e.getBoundingClientRect();(null==l?void 0:l.bottom)>s?o=l.bottom-s+2:(null==n?void 0:n.top)<i&&(o=n.top-i-2),this.updateOnNextFrame(()=>{this.listBox.scrollTop+=o})}getCustomContentName(t){const e=this.options.indexOf(t);if(this.isOptGroup){const t=this.options[e];if(t&&"string"!=typeof t)return t.slot}else if(-1!==e)return this.customContent[e].slot}setInputSelectionRange(t,e){this.input.setSelectionRange(t,e)}isOptionChecked(t){return-1!==this.findSelectedOption(t)?"true":"false"}getInputSelection(){return this.input.selectionStart}canMultiSelect(){return 0===this.getInputSelection()&&0!==this.selectedOptions.length&&this.isMulti}removeMultiTag(){this.selected&&this.multiSelected.forEach(t=>{const e=this.selected[t];e&&e.hasAttribute("selected")&&this.removeSelected(this.selectedOptions[t])})}unselectedAllMultiTag(){this.selected&&this.selected.forEach(t=>t.removeAttribute("selected")),this.multiSelectedIndex=-1}findLastMultiSelected(){return this.selected[this.multiSelectedIndex]}toggleMultiSelectedTag(t,e){t&&t.toggleAttribute("selected",e)}selectMultiTag(t){if(this.canMultiSelect()){if(!t){this.multiSelected=[];const t=this.findLastMultiSelected();this.toggleMultiSelectedTag(t,!1)}this.multiSelectedIndex<=0?this.multiSelectedIndex=this.selectedOptions.length-1:this.multiSelectedIndex--,this.multiSelected.push(this.multiSelectedIndex);const e=this.findLastMultiSelected();this.toggleMultiSelectedTag(e,!0)}}handleListClick(t){return v(this,void 0,void 0,(function*(){this.dispatchEvent(new CustomEvent("selected-changed",{detail:{event:t}})),yield this.updateComplete,this.isMulti?this.setVisualListbox(!0):this.setVisualListbox(!1),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}))}handleSelectAll(){return v(this,void 0,void 0,(function*(){this.isSelectAllChecked=!this.isSelectAllChecked,this.isSelectAllChecked?(this.selectedOptions=[...this.options],this.checkAllOptions()):(this.selectedOptions=[],this.unCheckedAllOptions()),yield this.updateComplete,this.setVisualListbox(!0),this.notifySelectedChange({selected:this.selectedOptions})}))}handleInputKeyUp(t){switch(t.code){case s.b.Escape:break;case s.b.Backspace:this.setFocusOnHost(!0),this.setVisualListbox(!0),this.resizeListbox(),this.removeMultiTag();break;case s.b.ArrowLeft:this.isMulti&&(t.shiftKey?this.selectMultiTag(!0):this.selectMultiTag(!1));break;default:this.isMulti&&this.unselectedAllMultiTag()}}handleInput(t){const e=t.target.value;this.inputValue=e.trim(),this.notifyInputValueChanged(e.trim())}removeAllSelected(){var t;this.focusedIndex=-1,this.focusedGroupIndex=-1,this.selectedOptions=[],this.inputValue="",this.setInputValue(),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,""),this.setVisualListbox(!1),this.unCheckedAllOptions(),this.setSelectedAttribute(void 0),this.updateOnNextFrame(()=>{this.input.focus()}),this.notifySelectedChange({selected:this.selectedOptions})}removeSelected(t){const e=this.findSelectedOption(t),o=this.filteredOptions.indexOf(t);-1!==o&&this.unCheckedOption(o),-1!==e&&(this.selectedOptions.splice(e,1),this.requestUpdate()),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1})}selectedChange(t){var e;const{event:o}=t.detail;let i=this.findOptionIndex(o);if(-1!==i){this.focusedIndex=this.allowSelectAll&&this.checkForVirtualScroll()?i+1:i,this.isMulti&&this.allowSelectAll&&!this.checkForVirtualScroll()&&(i-=1);const t=this.getFocusedItem(i);this.setSelectedAttribute(t),t&&(this.setSelectedOption(t),this.isMulti?this.isMulti&&this.allowSelectAll&&(this.isSelectAllChecked=this.isSelectAllSelected()):(this.setInputValue(this.getOptionValue(t)),null===(e=this.input)||void 0===e||e.setAttribute(s.a.AriaActivedescendant,this.getOptionId(t))))}}setSelectedAttribute(t){var e;let o="";t&&(o=this.getOptionId(t)),null===(e=this.lists)||void 0===e||e.forEach((t,e)=>{(null==t?void 0:t.id)===o?null==t||t.setAttribute("selected","true"):null==t||t.setAttribute("selected","false")})}shouldChangeButton(){const t=this.input&&this.input.value.length>0&&!this.noClearIcon||this.isMulti&&this.selectedOptions.length&&!this.noClearIcon;return t&&document.dispatchEvent(new CustomEvent("on-widget-update")),t}setCustomValue(){this.optionId||this.optionValue||(this.options=[...this.options,this.inputValue],this.setSelectedOption(this.inputValue),this.isMulti||this.updateOnNextFrame(()=>{var t;this.focusedIndex=this.filteredOptions.length-1;const e=this.getFocusedItem(this.focusedIndex);e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))}),this.dispatchEvent(new CustomEvent("custom-value-add",{composed:!0,bubbles:!0,detail:{value:this.inputValue}}))),this.inputValue=""}handleGroupFocus(){this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.filteredGroupOptions.length>0&&-1===this.focusedGroupIndex&&(this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===this.groupExpandedList[0])),this.updateOnNextFrame(()=>{-1===this.focusedGroupIndex||!this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length-1||this.allowSelectAll&&this.focusedGroupIndex>=this.filteredGroupOptions.length?this.focusedGroupIndex=0:this.focusedGroupIndex++}),this.focusedIndex=-1}handleInputKeyDown(t){var e,o;switch(t.code){case s.b.Backspace:this.focusedIndex=-1;break;case s.b.Tab:case s.b.Enter:if(this.setFocusOnHost(!0),this.expanded&&this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);if(this.allowCustomValue&&this.input&&this.input.value.length){if(-1===this.findFilteredOption(this.inputValue))return void this.setCustomValue()}e&&(this.setSelectedAttribute(e),this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}),this.setVisualListbox(!1),t.code===s.b.Tab&&this.isMulti)return;break;case s.b.ArrowDown:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return void this.handleGroupFocus();this.setFocusOnHost(!1),this.expanded||this.setVisualListbox(!0),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.focusedGroupIndex=-1)});break;case s.b.ArrowLeft:case s.b.ArrowRight:t.stopPropagation();break;case s.b.Escape:this.setFocusOnHost(!0),this.expanded?(t.stopPropagation(),this.setVisualListbox(!1)):(this.setInputValue(),null===(e=this.input)||void 0===e||e.setAttribute(s.a.AriaActivedescendant,""),this.focusedIndex=-1,this.focusedGroupIndex=-1,this.removeAllSelected(),this.setSelectedAttribute(void 0));break;case s.b.Home:this.setInputSelectionRange(0,0);break;case s.b.End:{const{length:t}=this.inputValue;this.setInputSelectionRange(t,t)}break;case s.b.Space:if(this.isMulti&&this.expanded){t.preventDefault();const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.setSelectedAttribute(e),this.showSelectedCount||(this.setInputValue(),null===(o=this.input)||void 0===o||o.setAttribute(s.a.AriaActivedescendant,""))),0===this.focusedIndex&&this.allowSelectAll&&this.handleSelectAll()}this.expanded=!0}}handleGroupLabelKeyDown(t,e){switch(t.code){case s.b.Tab:this.handleGroupFocus();break;case s.b.Enter:case s.b.Space:-1!==this.focusedGroupIndex?this.toggleGroupListBox(t,e.value):(this.setFocusOnHost(!0),this.setVisualListbox(!1),this.updateOnNextFrame(()=>{var t;const e=this.getFocusedItem(this.allowSelectAll?this.focusedIndex-1:this.focusedIndex);e&&(this.setSelectedOption(e),this.showSelectedCount||(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)),this.updateOnNextFrame(()=>{this.input.focus(),this.focusedGroupIndex=-1}))),this.isMulti&&this.allowSelectAll&&0===this.focusedIndex&&this.handleSelectAll()}));break;case s.b.ArrowDown:if(0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;-1===this.focusedIndex||!this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length-1||this.allowSelectAll&&this.focusedIndex>=this.filteredOptions.length?this.focusedIndex=0:this.focusedIndex++;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],!this.showSelectedCount&&e&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e))),this.focusedGroupIndex=-1});break;case s.b.ArrowUp:if(this.isOptGroup&&0===this.filteredOptions.length)return;this.setFocusOnHost(!1),this.updateOnNextFrame(()=>{var t;this.focusedIndex<=0?this.focusedIndex=this.allowSelectAll?this.filteredOptions.length:this.filteredOptions.length-1:this.focusedIndex--;const e=this.getFocusedItem(this.focusedIndex);this.groupExpandedList=[this.getOptionGroupName(e)],e&&!this.showSelectedCount&&(this.setInputValue(this.getOptionValue(e)),null===(t=this.input)||void 0===t||t.setAttribute(s.a.AriaActivedescendant,this.getOptionId(e)))});break;case s.b.Escape:this.focusedGroupIndex=-1,this.setVisualListbox(!1),this.setFocusOnHost(!0),this.input.focus();break;default:this.setVisualListbox(!0)}}toggleVisualListBox(t){var e,o;if(!this.readOnly){if(t.target.classList.contains("md-combobox-listbox"))t.target.focus();else if("md-icon"===t.target.localName){const i=null===(o=null===(e=t.target.parentElement)||void 0===e?void 0:e.parentElement)||void 0===o?void 0:o.parentElement;if(i){const t=i.querySelector(".md-combobox-listbox");Object(g.setTimeout)(()=>{t.focus()},10)}}this.expanded?this.setVisualListbox(!1):(this.dispatchEvent(new CustomEvent("combobox-on-expand",{composed:!0,bubbles:!0})),this.notifySearchResultCount(),this.setVisualListbox(!0)),this.input.focus(),this.setGroupList(""),this.focusedGroupIndex=-1}}toggleGroupListBox(t,e){t.stopPropagation(),this.focusedGroupIndex=this.filteredGroupOptions.findIndex(t=>"string"!=typeof t&&t.groupName===e),this.setGroupList(e),this.resizeListbox()}handleRemoveAll(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove-all-selected"))}connectedCallback(){super.connectedCallback(),this.setupEvents();this.querySelector("optgroup")&&(this.isOptGroup=!0)}disconnectedCallback(){super.disconnectedCallback(),this.teardownEvents()}static get styles(){return[d.a,x]}get listItemOptionMap(){return{"md-combobox-multiselect":this.isMulti}}get filteredOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t&&this.groupExpandedList.includes(this.getOptionGroupName(t))?"false"===t.isLabel:void 0))}get filteredGroupOptions(){return this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).filter(t=>!this.isOptGroup||("string"!=typeof t?"true"===t.isLabel:void 0))}get comboBoxTemplateClassMap(){return{["md-combobox--"+this.shape]:!!this.shape,"md-combobox-searchable":this.searchable,"md-new-combobox":this.newMomentum,["md-"+this.messageType]:!!this.messageType,"md-combobox-readonly":this.readOnly}}searchIconTemplate(){return a.html`
|
|
2
2
|
<md-icon
|
|
3
3
|
name="search-bold"
|
|
4
4
|
class="search-icon"
|
package/dist/chunks/md-33.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[33],{52:function(e,o,t){"use strict";t.r(o),t.d(o,"Badge",(function(){return r}));var r,a=t(6),d=t(5),i=t(0),l=t(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[33],{52:function(e,o,t){"use strict";t.r(o),t.d(o,"Badge",(function(){return r}));var r,a=t(6),d=t(5),i=t(0),l=t(2),n=t(4),c=t(3),g=i.css`.md-badge{align-items:center;display:inline-flex;font-family:var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif);font-weight:400;height:2rem;justify-content:flex-start;line-height:1rem;margin-bottom:auto;overflow:hidden;position:relative;text-align:center;text-decoration:none;white-space:nowrap;padding:.25rem 1rem;font-size:var(--body-secondary-font-size,.75rem);background-color:var(--badge-default-bg-color);color:var(--badge-default-text-color)}.md-badge{border-radius:6.25rem}.md-badge:focus{outline:2px solid var(--button-focus-ring-color);outline-offset:2px}.md-badge--small{padding:.1875rem .75rem;font-size:var(--body-secondary-font-size,.75rem);height:1.5rem;min-width:auto}.md-badge--compact,.md-badge--split{padding:.25rem 1rem .25rem .25rem;font-size:var(--body-secondary,.75rem)}.md-badge--circle{padding:.75rem .75rem;font-size:.75rem;height:2.5rem;justify-content:center;min-width:auto;width:2.5rem}.md-badge--circle ::slotted(md-icon){margin:0!important}.md-badge--outline{color:var(--badge-outline-color);border:2px solid var(--badge-outline-color);background-color:rgba(0,0,0,0);border:1px solid;min-width:auto}.md-badge--gray{background-color:var(--badge-gray-bg-color);color:var(--badge-gray-text-color)}.md-badge--gold{background-color:var(--badge-gold-bg-color);color:var(--badge-gold-text-color)}.md-badge--lime{background-color:var(--badge-lime-bg-color);color:var(--badge-lime-text-color)}.md-badge--blue,.md-badge--cobalt{background-color:var(--badge-blue-bg-color);color:var(--badge-blue-text-color)}.md-badge--mint{background-color:var(--badge-mint-bg-color);color:var(--badge-mint-text-color)}.md-badge--darkmint{background-color:var(--badge-darkmint-bg-color);color:var(--badge-darkmint-text-color)}.md-badge--green{background-color:var(--badge-green-bg-color);color:var(--badge-green-text-color)}.md-badge--yellow{background-color:var(--badge-yellow-bg-color);color:var(--badge-yellow-text-color)}.md-badge--red{background-color:var(--badge-red-bg-color);color:var(--badge-red-text-color)}.md-badge--darkred{background-color:var(--badge-darkred-bg-color);color:var(--badge-darkred-text-color)}.md-badge--unreadcount{background-color:var(--badge-unreadcount-bg-color,var(--badge-darkred-bg-color));color:var(--badge-unreadcount-text-color,var(--button-primary-text-color));font-family:var(--brand-font-medium);font-size:var(--label-compact-font-size,.75rem);font-weight:550;padding:0 .25rem;min-width:1.25rem;height:1.25rem;justify-content:center}.md-badge--orange{background-color:var(--badge-orange-bg-color);color:var(--badge-orange-text-color)}.md-badge--purple{background-color:var(--badge-purple-bg-color);color:var(--badge-purple-text-color)}.md-badge--violet{background-color:var(--badge-violet-bg-color);color:var(--badge-violet-text-color)}.md-badge--cyan{background-color:var(--badge-cyan-bg-color);color:var(--badge-cyan-text-color)}.md-badge--pink{background-color:var(--badge-pink-bg-color);color:var(--badge-pink-text-color)}.md-badge--hold{background-color:var(--badge-hold-bg-color);color:var(--badge-hold-text-color)}.md-badge--disabled{background-color:var(--md-quaternary-two-bg-color);color:var(--md-disabled-text-color)}.md-badge--disabled ::slotted(md-icon){color:var(--md-disabled-text-color)}.md-badge--small.md-badge--circle{height:1.5rem;width:1.5rem}.badge-counter{font-weight:700;margin-left:.5rem}::slotted(md-icon){height:1rem;margin-right:.5rem;width:1rem}::slotted(md-badge){height:1rem;margin-right:.5rem;width:1rem}::slotted(span){align-items:center;display:inline-flex;height:1rem;justify-content:center}.split-separator{margin:0 .5rem;opacity:.4}@media(forced-colors:active){.md-badge{forced-color-adjust:none;background-color:Canvas!important;color:CanvasText!important;outline:1px solid CanvasText!important}}`,b=function(e,o,t,r){var a,d=arguments.length,i=d<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(a=e[l])&&(i=(d<3?a(i):d>3?a(o,t,i):a(o,t))||i);return d>3&&i&&Object.defineProperty(o,t,i),i};!function(e){let o=class extends i.LitElement{constructor(){super(...arguments),this.ariaLabel="",this.color="",this.bgColor="",this.textColor="",this.height="",this.width="",this.outlined=!1,this.compact=!1,this.circle=!1,this.small=!1,this.split=!1,this.disabled=!1,this.tabIndexing="",this.ariaHiddenSplits="",this.renderBgColor=()=>this.bgColor?`background-color: ${this.bgColor};`:l.nothing,this.renderTextColor=()=>this.textColor?`color: ${this.textColor};`:l.nothing,this.renderHeight=()=>this.height?`height: ${this.height};`:l.nothing,this.renderWidth=()=>this.width?`width: ${this.width};`:l.nothing,this.getStyles=()=>this.bgColor||this.textColor||this.height||this.width?i.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-badge {
|
|
4
4
|
${this.renderBgColor()};
|
package/dist/chunks/md-34.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[34],{78:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));o(15);var i,r=o(1),a=o(7),c=o(6),d=o(5),n=o(0),l=o(4),s=o(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[34],{78:function(e,t,o){"use strict";o.r(t),o.d(t,"Favorite",(function(){return i}));o(15);var i,r=o(1),a=o(7),c=o(6),d=o(5),n=o(0),l=o(4),s=o(3),v=n.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center}.md-favorite{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;border-radius:var(--button-favorite-border-radius,.25rem);height:1.5rem;position:relative;width:1.5rem}.md-favorite input{visibility:hidden}.md-favorite md-icon{position:absolute}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:var(--button-secondary-text-color,#121212);line-height:.8125rem}.md-favorite:hover{background-color:var(--button-favorite-hover-bg-color,#ededed)}.md-favorite:focus{outline:0}.md-favorite:active{background-color:var(--button-favorite-pressed-bg-color,#dedede)}.md-favorite::after{border-radius:var(--button-favorite-border-radius,.25rem);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.md-favorite:focus::after{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#007aa3)}.md-favorite--disabled{background-color:rgba(0,0,0,0)}.md-favorite--disabled:active,.md-favorite--disabled:hover{background-color:rgba(0,0,0,0)}.md-favorite--disabled md-icon::part(icon){color:var(--button-disabled-text-color,#b2b2b2)}.md-favorite--active md-icon::part(icon){color:var(--button-favorite-icon-color,#d97f00)}.md-favorite--active:hover md-icon::part(icon){color:var(--button-favorite-hover-icon-color,#d97f00)}.md-favorite--active:active md-icon::part(icon){color:var(--button-favorite-pressed-icon-color,#d97f00)}@media(forced-colors:active){:host{border:none}.md-favorite{background-color:ButtonFace}.md-favorite md-icon,.md-favorite md-icon::part(icon){color:ButtonText}.md-favorite:focus{outline:2px solid Highlight}.md-favorite--disabled{background-color:ButtonFace;color:GrayText}.md-favorite--disabled md-icon::part(icon){color:GrayText}.md-favorite--active md-icon::part(icon){color:ButtonText}}`,b=function(e,t,o,i){var r,a=arguments.length,c=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,o,i);else for(var d=e.length-1;d>=0;d--)(r=e[d])&&(c=(a<3?r(c):a>3?r(t,o,c):r(t,o))||c);return a>3&&c&&Object.defineProperty(t,o,c),c};!function(e){let t=class extends(Object(a.a)(n.LitElement)){constructor(){super(...arguments),this.disabled=!1,this.checked=!1,this.value="Select favorite",this.id="",this.label="Favorite",this.customId=""}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleElectKeyDown),this.addEventListener("click",this.handleFavorite)}static get styles(){return[d.a,v]}handleFavorite(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-toggle",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}handleElectKeyDown(e){e.code!==r.b.Enter&&e.code!==r.b.Space||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("favorite-keydown",{detail:{active:this.checked,value:this.value},bubbles:!0,composed:!0})))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleElectKeyDown),this.removeEventListener("click",this.handleFavorite)}get favoriteClassMap(){return{"md-favorite--active":this.checked,"md-favorite--disabled":this.disabled}}render(){return n.html`
|
|
2
2
|
<label
|
|
3
3
|
for="favorite-checkbox"
|
|
4
4
|
id="${this.id}"
|
package/dist/chunks/md-35.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{70:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,l=s(1),n=s(7),r=s(6),d=s(5),c=s(0),o=s(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[35],{70:function(t,e,s){"use strict";s.r(e),s.d(e,"List",(function(){return i}));var i,l=s(1),n=s(7),r=s(6),d=s(5),c=s(0),o=s(3),a=s(61),h=function(t,e,s,i){var l,n=arguments.length,r=n<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,s,i);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(r=(n<3?l(r):n>3?l(e,s,r):l(e,s))||r);return n>3&&r&&Object.defineProperty(e,s,r),r};!function(t){let e=class extends(Object(n.d)(c.LitElement)){constructor(){super(...arguments),this.alignment="vertical",this.label="option",this.activated=-1,this._role="listbox"}firstUpdated(t){super.firstUpdated(t),this.setAttribute("aria-label",this.label)}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selected},bubbles:!0,composed:!0}))}isFocusable(t){return!t.hasAttribute("hidden")}connectedCallback(){super.connectedCallback(),this._role=this.getAttribute("role")||"listbox",this.removeAttribute("role"),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}findListItemIndex(t){const e=t.composedPath();return this.slotted.findIndex(t=>e.includes(t))}switchListItemOnArrowPress(t,e=1){const s=super.getAvailableSelectedIndex(t,e);-1!==s&&(this.selected=s)}setActivated(t){-1!==t&&(this.activated=t,this.selected=t,this.setSelected(t))}findSelectedListItemIndex(){return this.slotted.findIndex(t=>t.selected)}setSelected(t){const e=this.findSelectedListItemIndex();-1!==e&&e!==t&&(this.slotted[e].selected=!1),this.slotted[t]&&(this.slotted[t].selected=!0)}updated(t){super.updated(t),t.has("slotted")&&this.setActivated(this.activated),t.has("activated")&&this.setActivated(this.activated),t.has("label")&&this.setAttribute("aria-label",this.label)}isListItemDisabled(t){return this.slotted[t].disabled}handleClick(t){const e=this.findListItemIndex(t);-1!==e&&(this.isListItemDisabled(e)||(this.setActivated(e),this.notifySelectedChange()))}handleKeyDown(t){const{code:e}=t;switch(e){case l.b.End:this.switchListItemOnArrowPress(this.slotted.length-1);break;case l.b.Home:this.switchListItemOnArrowPress(0);break;case l.b.ArrowUp:case l.b.ArrowLeft:t.preventDefault(),0===this.selected?this.switchListItemOnArrowPress(this.slotted.length-1,-1):this.switchListItemOnArrowPress(this.selected-1,-1);break;case l.b.ArrowDown:case l.b.ArrowRight:t.preventDefault(),this.selected===this.slotted.length-1?this.switchListItemOnArrowPress(0):this.switchListItemOnArrowPress(this.selected+1);break;case l.b.Enter:case l.b.Space:this.isListItemDisabled(this.selected)||(this.setActivated(this.selected),this.notifySelectedChange())}}get slotElement(){return this.listItemSlot}static get styles(){return[d.a,a.a]}render(){return c.html`
|
|
2
2
|
<ul role=${Object(o.ifDefined)("list"!==this._role?this._role:void 0)} class="md-list" part="list">
|
|
3
3
|
<slot name="list-item"></slot>
|
|
4
4
|
</ul>
|
package/dist/chunks/md-39.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{43:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(72),a(28),a(30);var i,s=a(1),o=a(6),r=a(9),l=a(16),n=a(19),c=a(0),d=a(
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[39],{43:function(e,t,a){"use strict";a.r(t),a.d(t,"DatePicker",(function(){return i}));a(72),a(28),a(30);var i,s=a(1),o=a(6),r=a(9),l=a(16),n=a(19),c=a(0),d=a(3),h=a(14),p=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 l=e.length-1;l>=0;l--)(s=e[l])&&(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},u=function(e,t,a,i){return new(a||(a=Promise))((function(s,o){function r(e){try{n(i.next(e))}catch(e){o(e)}}function l(e){try{n(i.throw(e))}catch(e){o(e)}}function n(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,l)}n((i=i.apply(e,t||[])).next())}))};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends c.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.selectedDate=Object(r.n)(),this.focusedDate=Object(r.n)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.handleDateInputChange=e=>{var t,a;(null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value)&&(this.value=null===(a=null==e?void 0:e.detail)||void 0===a?void 0:a.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(r.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(r.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(r.s)(i,1)),a=!0;break;case"ArrowLeft":this.setPreSelection(Object(r.q)(i,1)),a=!0;break;case"ArrowRight":this.setPreSelection(Object(r.a)(i,1)),a=!0;break;case"ArrowDown":this.setPreSelection(Object(r.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?n.a.dateRangeString:this.includesTime?n.a.ISOString:n.a.ISODateString,a=RegExp(t),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return this.value&&a.test(this.value)&&!Object(r.j)(h.DateTime.fromISO(this.value,{locale:this.locale}),i)}}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});var a,i;return u(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=h.DateTime.fromISO(this.value,{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=h.DateTime.fromISO(this.minDate,{locale:this.locale})),this.maxDate&&e.has("maxDate")&&(this.maxDateData=h.DateTime.fromISO(this.maxDate,{locale:this.locale}))}render(){return c.html`
|
|
2
2
|
<md-menu-overlay is-date-picker custom-width="248px" ?disabled=${this.disabled}>
|
|
3
3
|
${this.customTrigger?c.html`
|
|
4
4
|
<span slot="menu-trigger">
|