@momentum-ui/web-components 2.25.3 → 2.25.4
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/1323.js +2 -2
- package/dist/2555.js +1 -1
- package/dist/6273.js +3 -3
- package/dist/6396.js +1 -1
- package/dist/6408.js +2 -2
- package/dist/comp/md-alert-banner-entry.js +3 -3
- package/dist/comp/md-alert-entry.js +2 -2
- package/dist/comp/md-audio-player-entry.js +8 -8
- package/dist/comp/md-chat-message-entry.js +5 -2
- package/dist/comp/md-coachmark-popover-entry.js +2 -2
- package/dist/comp/md-country-code-picker-entry.js +1 -1
- package/dist/comp/md-datepicker-entry.js +3 -3
- package/dist/comp/md-dropdown-entry.js +3 -3
- package/dist/comp/md-floating-minimize-entry.js +2 -2
- package/dist/comp/md-floating-modal-entry.js +2 -2
- package/dist/comp/md-grabber-entry.js +6 -6
- package/dist/comp/md-input-entry.js +2 -2
- package/dist/comp/md-label-entry.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +2 -2
- package/dist/comp/md-modal-entry.js +7 -7
- package/dist/comp/md-phone-input-entry.js +5 -5
- package/dist/comp/md-popover-entry.js +1 -1
- package/dist/comp/md-tabs-entry.js +3 -3
- package/dist/comp/md-task-item-entry.js +9 -7
- package/dist/comp/md-timepicker-entry.js +4 -4
- package/dist/index-entry.js +64 -59
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/datepicker/DatePicker.d.ts +1 -1
- package/dist/types/components/form/index.d.ts +6 -6
- package/dist/types/components/taskitem/TaskItem.d.ts +1 -1
- package/package.json +1 -1
package/dist/1323.js
CHANGED
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
${this.renderOverflowY()};
|
|
7
7
|
}
|
|
8
8
|
</style>
|
|
9
|
-
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.isOpen?(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true")):(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false")))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick))),e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(e){super.updated(e),e.has("isOpen")
|
|
9
|
+
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.isOpen?(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true")):(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false")))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick))),e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(e){if(super.updated(e),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.dispatchMenuOpen(),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.dispatchMenuClose(),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,m.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>b(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...m.defaultModifiers,v(),g(),y(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[w.A]}render(){return E.html`
|
|
10
10
|
${this.getStyles()}
|
|
11
11
|
<div class="md-menu-overlay">
|
|
12
|
-
<slot @slotchange
|
|
12
|
+
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
13
13
|
<div
|
|
14
14
|
part="overlay"
|
|
15
15
|
class="overlay-container"
|
package/dist/2555.js
CHANGED
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
size="20"
|
|
53
53
|
circle
|
|
54
54
|
ariaLabel=${(0,h.ifDefined)(this.closeButtonAriaLabel)||""}
|
|
55
|
-
@button-click
|
|
55
|
+
@button-click=${this.hidePopover}
|
|
56
56
|
>
|
|
57
57
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
58
58
|
</md-button>`:a.nothing}
|
package/dist/6273.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6273],{38654:(e,t,i)=>{i.d(t,{DatePicker:()=>a}),i(63208),i(96408),i(11323);var a,o=i(90195),r=i(37719),s=i(31890),l=i(81625),n=i(66677),d=i(74548),p=i(41488),h=i(97822),c=i(65796),u=i(
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6273],{38654:(e,t,i)=>{i.d(t,{DatePicker:()=>a}),i(63208),i(96408),i(11323);var a,o=i(90195),r=i(37719),s=i(31890),l=i(81625),n=i(66677),d=i(74548),p=i(41488),h=i(97822),c=i(65796),u=i(71128),m=i(14974),v=function(e,t,i,a){var o,r=arguments.length,s=r<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,i):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,a);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(s=(r<3?o(s):r>3?o(t,i,s):o(t,i))||s);return r>3&&s&&Object.defineProperty(t,i,s),s};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends p.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=void 0,this.useISOFormat=!0,this.validateDate=!0,this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel=null,this.displayValue=null,this.required=!1,this.errorMessage="",this.customTrigger=!1,this.isMenuOverlayOpen=!1,this.newMomentum=void 0,this.disableUserTextInput=!1,this.compactInput=void 0,this.controlButtons=void 0,this.positioningStrategy=void 0,this.showDefaultNowDate=!0,this.usePopover=!1,this.triggerID="date-trigger",this.animationFrame=!1,this.selectedDate=(0,l.tB)(),this.focusedDate=(0,l.tB)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.popoverController=null,this.handleDateInputChange=e=>{var t,i;this.useISOFormat?this.value=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value:this.value=null===(i=this.selectedDate)||void 0===i?void 0:i.toLocaleString(c.DateTime.DATE_SHORT,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{var t,i;this.usePopover?e?null===(t=this.popoverController)||void 0===t||t.show():null===(i=this.popoverController)||void 0===i||i.hide():this.menuOverlay.isOpen=e,this.isMenuOverlayOpen=e},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};(0,l.t_)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===o.Uz.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let i=!1;const a=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),i=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection((0,l.WB)(a,1)),i=!0;break;case"ArrowLeft":this.setPreSelection((0,l.gg)(a,1)),i=!0;break;case"ArrowRight":this.setPreSelection((0,l.fi)(a,1)),i=!0;break;case"ArrowDown":this.setPreSelection((0,l.J4)(a,1)),i=!0}i&&(t.stopPropagation(),t.preventDefault())},this.getDefaultAriaLabel=()=>{var e;return(null===(e=this.selectedDate)||void 0===e?void 0:e.isValid)?`Choose Date, selected date is ${this.selectedDate.toLocaleString(c.DateTime.DATE_FULL)}`:"Choose Date"},this.getValidRegexString=()=>this.includesTime?d.b.ISOString:d.b.ISODateString}get computedNewMomentum(){return void 0!==this.newMomentum?this.newMomentum:r.themeManager.isMomentumV2Enabled}static get styles(){return m.A}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=(0,l.mA)(this.minDate)),this.maxDate&&(this.maxDateData=(0,l.mA)(this.maxDate)),this.usePopover&&(this.popoverController=new u.PopoverController)}firstUpdated(e){super.firstUpdated(e),!this.value&&this.showDefaultNowDate&&(this.value=this.getFormattedDate(this.selectedDate))}updated(e){if(super.updated(e),this.value&&e.has("value")){if((0,n.QZ)("md-date-range-picker",this))return;this.useISOFormat?this.selectedDate=(0,l.mA)(this.value):this.selectedDate=c.DateTime.fromFormat(this.value,(0,l.gq)(this.locale),{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=(0,l.mA)(this.minDate)),this.maxDate&&e.has("maxDate")&&(this.maxDateData=(0,l.mA)(this.maxDate)),!this.usePopover&&e.has("usePopover")&&(this.popoverController=new u.PopoverController)}handleSelect(e){var t;const i=e.detail.date,a=e.detail.sourceEvent;this.setPreSelection(i),this.dispatchEvent(new CustomEvent("date-pre-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:a,data:i}})),(null===(t=this.controlButtons)||void 0===t?void 0:t.apply)&&"apply-button-clicked"!==(null==a?void 0:a.type)||(this.setSelected(i,a),this.shouldCloseOnSelect&&this.setOpen(!1))}getISODateTime(e){return this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate()}setSelected(e,t){const i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!(0,l.t_)(e,i)){const t=this.getISODateTime(e);this.selectedDate=e,this.useISOFormat?this.value=t:this.value=e.toLocaleString(c.DateTime.DATE_SHORT,{locale:this.locale})}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))}validateDateString(e){if(!e&&""!==e)return!0;if(this.useISOFormat){const t=RegExp(this.getValidRegexString()),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return!!e&&t.test(e)&&!(0,l.t_)((0,l.mA)(e),i)}const t=(0,l.gq)(this.locale);return c.DateTime.fromFormat(e,t,{locale:this.locale}).isValid}isValueValid(){return!this.validateDate||this.validateDateString(this.value)}get messageArray(){return this.errorMessage?[{message:this.errorMessage,type:"error"}]:this.isValueValid()?[]:[{message:"",type:"error"}]}onCancelClick(){this.setOpen(!1)}onApplyClick(){this.handleSelect(new CustomEvent("day-select",{detail:{date:this.focusedDate,sourceEvent:new Event("apply-button-clicked")}}))}renderControlButtons(){var e,t,i,a,o,r;return this.controlButtons?p.html`
|
|
2
2
|
<div class="control-buttons">
|
|
3
3
|
${this.controlButtons.cancel?p.html`
|
|
4
4
|
<md-button
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
auxiliaryContentPosition="before"
|
|
72
72
|
?required=${this.required}
|
|
73
73
|
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
74
|
-
@input-change
|
|
74
|
+
@input-change=${e=>this.handleDateInputChange(e)}
|
|
75
75
|
?disabled=${this.disabled}
|
|
76
76
|
?hide-message=${!this.errorMessage||this.isValueValid()}
|
|
77
77
|
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
auxiliaryContentPosition="before"
|
|
110
110
|
?required=${this.required}
|
|
111
111
|
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
112
|
-
@input-change
|
|
112
|
+
@input-change=${e=>this.handleDateInputChange(e)}
|
|
113
113
|
?disabled=${this.disabled}
|
|
114
114
|
?hide-message=${!this.errorMessage||this.isValueValid()}
|
|
115
115
|
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
package/dist/6396.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[6396],{6396:(e,t,o)=>{var l,i=o(31890),r=o(26272),s=o(41488),a=o(17518),p=o(11598),n=function(e,t,o,l){var i,r=arguments.length,s=r<3?t:null===l?l=Object.getOwnPropertyDescriptor(t,o):l;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,l);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.label="",this.theme="",this.radioLabel=!1,this.checkboxLabel=!1,this.toggleSwitchLabel=!1,this.htmlFor="",this.active=!1,this.disabled=!1,this.indeterminate=!1,this.secondaryLabel=!1}static get styles(){return[r.A,p.A]}setFocus(){this.dispatchEvent(new CustomEvent("setFocus"))}get labelClassMap(){return{[`md-label--${this.theme}`]:!!this.theme,"md-radio__label":this.radioLabel,"md-checkbox__label":this.checkboxLabel,"md-secondary-label":this.secondaryLabel,active:this.active,disabled:this.disabled,indeterminate:this.indeterminate}}handleClick(){this.setFocus(),this.dispatchEvent(new CustomEvent("label-click",{composed:!0,bubbles:!0,detail:{htmlFor:this.htmlFor}}))}render(){return s.html`
|
|
2
2
|
<label
|
|
3
|
-
@click
|
|
3
|
+
@click=${()=>this.handleClick()}
|
|
4
4
|
class="md-label ${(0,a.classMap)(this.labelClassMap)}"
|
|
5
5
|
for="${this.htmlFor}"
|
|
6
6
|
>
|
package/dist/6408.js
CHANGED
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
secondaryLabel
|
|
109
109
|
.htmlFor=${this.htmlId}
|
|
110
110
|
.label=${this.secondaryLabel}
|
|
111
|
-
@label-click
|
|
111
|
+
@label-click=${()=>this.handleLabelClick()}
|
|
112
112
|
></md-label>
|
|
113
113
|
`:l.nothing}helpTextTemplate(){return this.helpText?p.html`
|
|
114
114
|
<md-help-text
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
class="md-input__label ${(0,d.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
133
133
|
.htmlFor=${this.htmlId}
|
|
134
134
|
.label=${this.label}
|
|
135
|
-
@label-click
|
|
135
|
+
@label-click=${()=>this.handleLabelClick()}
|
|
136
136
|
></md-label>
|
|
137
137
|
`:l.nothing}static get styles(){return[r.A,c.A]}render(){return p.html`
|
|
138
138
|
<div class="md-input-container ${(0,d.classMap)(this.inputClassMap)}" part="md-input-container">
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
hasRemoveStyle
|
|
6
6
|
circle
|
|
7
7
|
ariaLabel=${this.closeAriaLabel}
|
|
8
|
-
@click
|
|
9
|
-
@keydown
|
|
8
|
+
@click=${this.onHide}
|
|
9
|
+
@keydown=${this.handleKeyDown}
|
|
10
10
|
>
|
|
11
11
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
12
12
|
</md-button>
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
</md-icon>
|
|
22
22
|
`:n.html`<slot name="left"></slot>`,r=this.titleText?"refresh-button-with-title":"refresh-button",s=this.showRefreshButton?n.html` <md-button
|
|
23
23
|
class="${r}"
|
|
24
|
-
@click
|
|
24
|
+
@click=${()=>this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}
|
|
25
25
|
variant="ghostInheritTextColor"
|
|
26
26
|
circle
|
|
27
27
|
size="20"
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
hasRemoveStyle
|
|
86
86
|
color="color-none"
|
|
87
87
|
circle
|
|
88
|
-
@click
|
|
88
|
+
@click=${()=>this.close()}
|
|
89
89
|
>
|
|
90
90
|
<md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
|
|
91
91
|
</md-button>
|
|
@@ -144,7 +144,7 @@
|
|
|
144
144
|
hasRemoveStyle
|
|
145
145
|
color="color-none"
|
|
146
146
|
circle
|
|
147
|
-
@click
|
|
147
|
+
@click=${()=>this.close()}
|
|
148
148
|
>
|
|
149
149
|
<md-icon slot="icon" name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
150
150
|
</md-button>
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
<md-button
|
|
10
10
|
hasRemoveStyle
|
|
11
11
|
class="play-btn"
|
|
12
|
-
@click
|
|
12
|
+
@click=${this.togglePlay}
|
|
13
13
|
aria-label="${this.isPlaying?this.labelMap.pauseBtn.ariaLabel:this.labelMap.playBtn.ariaLabel}"
|
|
14
14
|
>
|
|
15
15
|
${this.isPlaying?s.html` <md-icon slot="icon" name="pause-bold" size="16" iconSet="momentumDesign"></md-icon> `:s.html` <md-icon slot="icon" name="play-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
</div>
|
|
29
29
|
<div class="timeline-container">
|
|
30
30
|
<md-tooltip placement="top" message="${this.labelMap.timeline.tooltipText}">
|
|
31
|
-
<div class="timeline" @click
|
|
31
|
+
<div class="timeline" @click=${this.setTime} aria-label="${this.labelMap.timeline.ariaLabel}">
|
|
32
32
|
<div class="progress-bar" style="width: ${this.currentTime/this.duration*100}%"></div>
|
|
33
33
|
<div class="buffer-bar" style="width: ${this.bufferedRange/this.duration*100}%"></div>
|
|
34
34
|
</div>
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
</div>
|
|
37
37
|
<div
|
|
38
38
|
class="volume-container"
|
|
39
|
-
@mouseleave
|
|
40
|
-
@mouseenter
|
|
39
|
+
@mouseleave=${()=>this.toggleVolumeExpand(!1)}
|
|
40
|
+
@mouseenter=${()=>this.toggleVolumeExpand(!0)}
|
|
41
41
|
aria-label="${this.labelMap.volumeSlider.ariaLabel}"
|
|
42
42
|
>
|
|
43
43
|
<md-tooltip
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
>
|
|
47
47
|
<div
|
|
48
48
|
class="volume"
|
|
49
|
-
@mousedown
|
|
49
|
+
@mousedown=${this.handleVolumeChange}
|
|
50
50
|
aria-label="${this.labelMap.volumeSlider.ariaLabel} ${Math.trunc(100*this.volume)}%"
|
|
51
51
|
>
|
|
52
52
|
<div class="volume-slider" style="width: ${this.isMuted?0:100*this.volume}%"></div>
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
hasRemoveStyle
|
|
58
58
|
class="volume-btn"
|
|
59
59
|
aria-label="${this.labelMap.volumeBtn.ariaLabel}"
|
|
60
|
-
@click
|
|
60
|
+
@click=${this.toggleSoundMute}
|
|
61
61
|
>
|
|
62
62
|
${this.isMuted?s.html`
|
|
63
63
|
<md-icon slot="icon" name="speaker-muted-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
</div>
|
|
68
68
|
<div class="speed-icon-container" aria-label="${this.labelMap.playbackSpeedBtn.ariaLabel}">
|
|
69
69
|
<md-tooltip placement="top" message="${this.labelMap.playbackSpeedBtn.tooltipText}">
|
|
70
|
-
<md-button hasRemoveStyle id="speed-btn" @click
|
|
70
|
+
<md-button hasRemoveStyle id="speed-btn" @click=${this.toggleSpeedPopup}>
|
|
71
71
|
<md-icon slot="icon" name="too-fast-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
72
72
|
</md-button>
|
|
73
73
|
</md-tooltip>
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
${p.map(e=>{const t=this.selectedPlaybackSpeed==e.value&&!this.currentlySelectingPlaybackSpeed;return s.html`
|
|
77
77
|
<li
|
|
78
78
|
class=${t?"speed-popup-selected-speed":""}
|
|
79
|
-
@click
|
|
79
|
+
@click=${()=>this.setPlaybackSpeed(e.value)}
|
|
80
80
|
>
|
|
81
81
|
<span>${e.label}</span>
|
|
82
82
|
${this.playbackSpeed==e.value?s.html`
|
|
@@ -14,8 +14,11 @@
|
|
|
14
14
|
<div class="md-chat-message_title">
|
|
15
15
|
<span>${this.isSelfType?this.computedYouLabel:this.title}</span>
|
|
16
16
|
</div>
|
|
17
|
-
${this.clickableTimestamp?o.html`<md-link
|
|
18
|
-
|
|
17
|
+
${this.clickableTimestamp?o.html`<md-link
|
|
18
|
+
class="md-chat-message_time"
|
|
19
|
+
@click=${e=>{e.preventDefault(),this.timeStampClicked()}}
|
|
20
|
+
>${this.time}</md-link
|
|
21
|
+
>`:o.html`<div class="md-chat-message_time">${this.time}</div>`}
|
|
19
22
|
<div class="md-chat-message_status">${this.status}</div>
|
|
20
23
|
<div class="md-chat-message_custom_content">
|
|
21
24
|
<slot name="custom-content"></slot>
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
focus-back-to-trigger
|
|
45
45
|
placement=${this.placement}
|
|
46
46
|
hide-on-escape
|
|
47
|
-
@hidden
|
|
47
|
+
@hidden=${()=>{this.notifyCoachClose()}}
|
|
48
48
|
>
|
|
49
49
|
<div class="md-coachmark__popper" tabindex="-1">
|
|
50
50
|
${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
size="20"
|
|
59
59
|
circle
|
|
60
60
|
ariaLabel=${(0,h.ifDefined)(this.closeButtonAriaLabel)||""}
|
|
61
|
-
@button-click
|
|
61
|
+
@button-click=${this.hidePopover}
|
|
62
62
|
>
|
|
63
63
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
64
64
|
</md-button>`:a.nothing}
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
ariaLabel=${this.ariaLabel}
|
|
28
28
|
placeholder="${this.codePlaceholder}"
|
|
29
29
|
.value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
|
|
30
|
-
@change-selected
|
|
30
|
+
@change-selected=${e=>this.handleCountryChange(e)}
|
|
31
31
|
with-custom-content
|
|
32
32
|
?newMomentum=${this.newMomentum}
|
|
33
33
|
?is-dropdown-arrow=${this.isDropdownArrow}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("luxon"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","luxon","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("luxon"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e.luxon,e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,r,a,s,l,n,p,d,u,c,h,m,v,y,f)=>(()=>{"use strict";var g,D={4863:e=>{e.exports=v},5784:e=>{e.exports=y},8229:e=>{e.exports=i},17518:e=>{e.exports=p},22818:e=>{e.exports=d},22962:e=>{e.exports=u},23968:e=>{e.exports=t},32022:e=>{e.exports=s},38654:(e,t,i)=>{i.r(t),i.d(t,{DatePicker:()=>o}),i(63208),i(96408),i(11323);var o,r=i(90195),a=i(37719),s=i(31890),l=i(81625),n=i(66677),p=i(74548),d=i(41488),u=i(97822),c=i(65796),h=i(
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("luxon"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map","lit-html/directives/style-map","lit-html","lit-html/directives/if-defined","luxon","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx","lit-html/directives/class-map.js","lit-html/directives/repeat","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","@floating-ui/dom","lit-html/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map"),require("lit-html/directives/style-map"),require("lit-html"),require("lit-html/directives/if-defined"),require("luxon"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"),require("lit-html/directives/class-map.js"),require("lit-html/directives/repeat"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("@floating-ui/dom"),require("lit-html/directives/if-defined.js")):t(e["lit-element"],e["lit-html/directives/class-map"],e["lit-html/directives/style-map"],e["lit-html"],e["lit-html/directives/if-defined"],e.luxon,e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx,e["lit-html/directives/class-map.js"],e["lit-html/directives/repeat"],e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["@floating-ui/dom"],e["lit-html/directives/if-defined.js"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,r,a,s,l,n,p,d,u,c,h,m,v,y,f)=>(()=>{"use strict";var g,D={4863:e=>{e.exports=v},5784:e=>{e.exports=y},8229:e=>{e.exports=i},17518:e=>{e.exports=p},22818:e=>{e.exports=d},22962:e=>{e.exports=u},23968:e=>{e.exports=t},32022:e=>{e.exports=s},38654:(e,t,i)=>{i.r(t),i.d(t,{DatePicker:()=>o}),i(63208),i(96408),i(11323);var o,r=i(90195),a=i(37719),s=i(31890),l=i(81625),n=i(66677),p=i(74548),d=i(41488),u=i(97822),c=i(65796),h=i(71128),m=i(14974),v=function(e,t,i,o){var r,a=arguments.length,s=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};!function(e){e.weekStartDays=["Sunday","Monday"];let t=class extends d.LitElement{constructor(){super(...arguments),this.shouldCloseOnSelect=!1,this.maxDate=void 0,this.minDate=void 0,this.value=void 0,this.weekStart="Sunday",this.placeholder=void 0,this.locale=void 0,this.useISOFormat=!0,this.validateDate=!0,this.includesTime=!1,this.disabled=!1,this.htmlId="",this.label="",this.ariaLabel=null,this.displayValue=null,this.required=!1,this.errorMessage="",this.customTrigger=!1,this.isMenuOverlayOpen=!1,this.newMomentum=void 0,this.disableUserTextInput=!1,this.compactInput=void 0,this.controlButtons=void 0,this.positioningStrategy=void 0,this.showDefaultNowDate=!0,this.usePopover=!1,this.triggerID="date-trigger",this.animationFrame=!1,this.selectedDate=(0,l.tB)(),this.focusedDate=(0,l.tB)(),this.filterDate=void 0,this.maxDateData=void 0,this.minDateData=void 0,this.popoverController=null,this.handleDateInputChange=e=>{var t,i;this.useISOFormat?this.value=null===(t=null==e?void 0:e.detail)||void 0===t?void 0:t.value:this.value=null===(i=this.selectedDate)||void 0===i?void 0:i.toLocaleString(c.DateTime.DATE_SHORT,{locale:this.locale}),this.dispatchEvent(new CustomEvent("date-input-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,value:this.value}}))},this.setOpen=e=>{var t,i;this.usePopover?e?null===(t=this.popoverController)||void 0===t||t.show():null===(i=this.popoverController)||void 0===i||i.hide():this.menuOverlay.isOpen=e,this.isMenuOverlayOpen=e},this.setPreSelection=e=>{const t={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};(0,l.t_)(e,t)||(this.focusedDate=e)},this.handleInputKeyDown=e=>{e.code===r.Uz.ArrowDown&&this.setOpen(!0)},this.handleKeyDown=e=>{const t=e.detail.sourceEvent;let i=!1;const o=this.focusedDate;switch(!t.shiftKey&&t.code){case"Space":case"Enter":this.handleSelect(e),i=!0;break;case"Escape":this.setOpen(!1);break;case"ArrowUp":this.setPreSelection((0,l.WB)(o,1)),i=!0;break;case"ArrowLeft":this.setPreSelection((0,l.gg)(o,1)),i=!0;break;case"ArrowRight":this.setPreSelection((0,l.fi)(o,1)),i=!0;break;case"ArrowDown":this.setPreSelection((0,l.J4)(o,1)),i=!0}i&&(t.stopPropagation(),t.preventDefault())},this.getDefaultAriaLabel=()=>{var e;return(null===(e=this.selectedDate)||void 0===e?void 0:e.isValid)?`Choose Date, selected date is ${this.selectedDate.toLocaleString(c.DateTime.DATE_FULL)}`:"Choose Date"},this.getValidRegexString=()=>this.includesTime?p.b.ISOString:p.b.ISODateString}get computedNewMomentum(){return void 0!==this.newMomentum?this.newMomentum:a.themeManager.isMomentumV2Enabled}static get styles(){return m.A}connectedCallback(){super.connectedCallback(),this.minDate&&(this.minDateData=(0,l.mA)(this.minDate)),this.maxDate&&(this.maxDateData=(0,l.mA)(this.maxDate)),this.usePopover&&(this.popoverController=new h.PopoverController)}firstUpdated(e){super.firstUpdated(e),!this.value&&this.showDefaultNowDate&&(this.value=this.getFormattedDate(this.selectedDate))}updated(e){if(super.updated(e),this.value&&e.has("value")){if((0,n.QZ)("md-date-range-picker",this))return;this.useISOFormat?this.selectedDate=(0,l.mA)(this.value):this.selectedDate=c.DateTime.fromFormat(this.value,(0,l.gq)(this.locale),{locale:this.locale}),this.setPreSelection(this.selectedDate)}e.has("locale")&&this.render(),this.minDate&&e.has("minDate")&&(this.minDateData=(0,l.mA)(this.minDate)),this.maxDate&&e.has("maxDate")&&(this.maxDateData=(0,l.mA)(this.maxDate)),!this.usePopover&&e.has("usePopover")&&(this.popoverController=new h.PopoverController)}handleSelect(e){var t;const i=e.detail.date,o=e.detail.sourceEvent;this.setPreSelection(i),this.dispatchEvent(new CustomEvent("date-pre-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:o,data:i}})),(null===(t=this.controlButtons)||void 0===t?void 0:t.apply)&&"apply-button-clicked"!==(null==o?void 0:o.type)||(this.setSelected(i,o),this.shouldCloseOnSelect&&this.setOpen(!1))}getISODateTime(e){return this.includesTime?e.startOf("second").toISO({suppressMilliseconds:!0}):e.toISODate()}setSelected(e,t){const i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};if(!(0,l.t_)(e,i)){const t=this.getISODateTime(e);this.selectedDate=e,this.useISOFormat?this.value=t:this.value=e.toLocaleString(c.DateTime.DATE_SHORT,{locale:this.locale})}this.dispatchEvent(new CustomEvent("date-selection-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,data:e}}))}validateDateString(e){if(!e&&""!==e)return!0;if(this.useISOFormat){const t=RegExp(this.getValidRegexString()),i={maxDate:this.maxDateData,minDate:this.minDateData,filterDate:this.filterDate};return!!e&&t.test(e)&&!(0,l.t_)((0,l.mA)(e),i)}const t=(0,l.gq)(this.locale);return c.DateTime.fromFormat(e,t,{locale:this.locale}).isValid}isValueValid(){return!this.validateDate||this.validateDateString(this.value)}get messageArray(){return this.errorMessage?[{message:this.errorMessage,type:"error"}]:this.isValueValid()?[]:[{message:"",type:"error"}]}onCancelClick(){this.setOpen(!1)}onApplyClick(){this.handleSelect(new CustomEvent("day-select",{detail:{date:this.focusedDate,sourceEvent:new Event("apply-button-clicked")}}))}renderControlButtons(){var e,t,i,o,r,a;return this.controlButtons?d.html`
|
|
2
2
|
<div class="control-buttons">
|
|
3
3
|
${this.controlButtons.cancel?d.html`
|
|
4
4
|
<md-button
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
auxiliaryContentPosition="before"
|
|
72
72
|
?required=${this.required}
|
|
73
73
|
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
74
|
-
@input-change
|
|
74
|
+
@input-change=${e=>this.handleDateInputChange(e)}
|
|
75
75
|
?disabled=${this.disabled}
|
|
76
76
|
?hide-message=${!this.errorMessage||this.isValueValid()}
|
|
77
77
|
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
auxiliaryContentPosition="before"
|
|
110
110
|
?required=${this.required}
|
|
111
111
|
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
112
|
-
@input-change
|
|
112
|
+
@input-change=${e=>this.handleDateInputChange(e)}
|
|
113
113
|
?disabled=${this.disabled}
|
|
114
114
|
?hide-message=${!this.errorMessage||this.isValueValid()}
|
|
115
115
|
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
@@ -90,8 +90,8 @@
|
|
|
90
90
|
aria-label="${this.title}"
|
|
91
91
|
aria-controls="md-dropdown-list"
|
|
92
92
|
aria-haspopup="listbox"
|
|
93
|
-
?disabled
|
|
94
|
-
@click
|
|
93
|
+
?disabled=${this.disabled}
|
|
94
|
+
@click=${()=>this.onLabelClick()}
|
|
95
95
|
part="dropdown-header"
|
|
96
96
|
role="combobox"
|
|
97
97
|
tabindex="0"
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
part="dropdown-option"
|
|
129
129
|
?focused="${t===this.focusedIndex}"
|
|
130
130
|
?selected="${e.key===this.selectedKey}"
|
|
131
|
-
@click
|
|
131
|
+
@click=${()=>{this.focusToIndexWithOption(e),this.select(),this.collapse()}}
|
|
132
132
|
>
|
|
133
133
|
<span class="select-label" part="label">
|
|
134
134
|
<span>${e.value}</span>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div
|
|
4
4
|
class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
5
5
|
@click=${this.handleMinimize}
|
|
6
|
-
@keydown
|
|
6
|
+
@keydown=${this.handleKeyDown}
|
|
7
7
|
role="dialog"
|
|
8
8
|
tabindex="-1"
|
|
9
9
|
part="floating-minimized"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
aria-label="${this.closeAriaLabel}"
|
|
32
32
|
circle
|
|
33
33
|
@click=${this.handleClose}
|
|
34
|
-
@keydown
|
|
34
|
+
@keydown=${this.handleKeyDownClose}
|
|
35
35
|
>
|
|
36
36
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
37
37
|
</md-button>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div
|
|
4
4
|
class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
5
5
|
@click=${this.handleMinimize}
|
|
6
|
-
@keydown
|
|
6
|
+
@keydown=${this.handleKeyDown}
|
|
7
7
|
role="dialog"
|
|
8
8
|
tabindex="-1"
|
|
9
9
|
part="floating-minimized"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
aria-label="${this.closeAriaLabel}"
|
|
32
32
|
circle
|
|
33
33
|
@click=${this.handleClose}
|
|
34
|
-
@keydown
|
|
34
|
+
@keydown=${this.handleKeyDownClose}
|
|
35
35
|
>
|
|
36
36
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
37
37
|
</md-button>
|
|
@@ -9,12 +9,12 @@
|
|
|
9
9
|
aria-label=${(0,h.ifDefined)(this.label.length?this.label:void 0)}
|
|
10
10
|
type="button"
|
|
11
11
|
role="button"
|
|
12
|
-
@click
|
|
13
|
-
@keydown
|
|
14
|
-
@mouseenter
|
|
15
|
-
@mouseleave
|
|
16
|
-
@focus
|
|
17
|
-
@blur
|
|
12
|
+
@click=${()=>this.handleMouseDown()}
|
|
13
|
+
@keydown=${e=>this.handleKeyDown(e)}
|
|
14
|
+
@mouseenter=${()=>this.handleMouseEnter()}
|
|
15
|
+
@mouseleave=${()=>this.handleMouseLeave()}
|
|
16
|
+
@focus=${()=>this.handleFocus()}
|
|
17
|
+
@blur=${()=>this.handleBlur()}
|
|
18
18
|
>
|
|
19
19
|
<md-icon name="${this.iconName}" size="${this.iconSize}" iconSet="momentumDesign"></md-icon>
|
|
20
20
|
</button>
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
secondaryLabel
|
|
109
109
|
.htmlFor=${this.htmlId}
|
|
110
110
|
.label=${this.secondaryLabel}
|
|
111
|
-
@label-click
|
|
111
|
+
@label-click=${()=>this.handleLabelClick()}
|
|
112
112
|
></md-label>
|
|
113
113
|
`:p.nothing}helpTextTemplate(){return this.helpText?n.html`
|
|
114
114
|
<md-help-text
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
class="md-input__label ${(0,d.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
133
133
|
.htmlFor=${this.htmlId}
|
|
134
134
|
.label=${this.label}
|
|
135
|
-
@label-click
|
|
135
|
+
@label-click=${()=>this.handleLabelClick()}
|
|
136
136
|
></md-label>
|
|
137
137
|
`:p.nothing}static get styles(){return[r.A,c.A]}render(){return n.html`
|
|
138
138
|
<div class="md-input-container ${(0,d.classMap)(this.inputClassMap)}" part="md-input-container">
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit-element"),require("lit-html/directives/class-map.js"));else if("function"==typeof define&&define.amd)define(["lit-element","lit-html/directives/class-map.js"],t);else{var o="object"==typeof exports?t(require("lit-element"),require("lit-html/directives/class-map.js")):t(e["lit-element"],e["lit-html/directives/class-map.js"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,(e,t)=>(()=>{"use strict";var o,r={6396:(e,t,o)=>{o.r(t),o.d(t,{Label:()=>r});var r,l=o(31890),i=o(26272),s=o(41488),a=o(17518),n=o(11598),p=function(e,t,o,r){var l,i=arguments.length,s=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,r);else for(var a=e.length-1;a>=0;a--)(l=e[a])&&(s=(i<3?l(s):i>3?l(t,o,s):l(t,o))||s);return i>3&&s&&Object.defineProperty(t,o,s),s};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.label="",this.theme="",this.radioLabel=!1,this.checkboxLabel=!1,this.toggleSwitchLabel=!1,this.htmlFor="",this.active=!1,this.disabled=!1,this.indeterminate=!1,this.secondaryLabel=!1}static get styles(){return[i.A,n.A]}setFocus(){this.dispatchEvent(new CustomEvent("setFocus"))}get labelClassMap(){return{[`md-label--${this.theme}`]:!!this.theme,"md-radio__label":this.radioLabel,"md-checkbox__label":this.checkboxLabel,"md-secondary-label":this.secondaryLabel,active:this.active,disabled:this.disabled,indeterminate:this.indeterminate}}handleClick(){this.setFocus(),this.dispatchEvent(new CustomEvent("label-click",{composed:!0,bubbles:!0,detail:{htmlFor:this.htmlFor}}))}render(){return s.html`
|
|
2
2
|
<label
|
|
3
|
-
@click
|
|
3
|
+
@click=${()=>this.handleClick()}
|
|
4
4
|
class="md-label ${(0,a.classMap)(this.labelClassMap)}"
|
|
5
5
|
for="${this.htmlFor}"
|
|
6
6
|
>
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
${this.renderOverflowY()};
|
|
7
7
|
}
|
|
8
8
|
</style>
|
|
9
|
-
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.isOpen?(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true")):(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false")))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick))),e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(e){super.updated(e),e.has("isOpen")
|
|
9
|
+
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.isOpen?(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true")):(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false")))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick))),e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(e){if(super.updated(e),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.dispatchMenuOpen(),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.dispatchMenuClose(),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>w(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,v(),c(),m(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[O.A]}render(){return f.html`
|
|
10
10
|
${this.getStyles()}
|
|
11
11
|
<div class="md-menu-overlay">
|
|
12
|
-
<slot @slotchange
|
|
12
|
+
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
13
13
|
<div
|
|
14
14
|
part="overlay"
|
|
15
15
|
class="overlay-container"
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
size="20"
|
|
6
6
|
circle
|
|
7
7
|
class="md-close md-modal__close"
|
|
8
|
-
@click
|
|
9
|
-
@keydown
|
|
8
|
+
@click=${this.hideModal}
|
|
9
|
+
@keydown=${this.handleKeyDown}
|
|
10
10
|
ariaLabel=${this.ariaLabelClose}
|
|
11
11
|
>
|
|
12
12
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
<div part="modal-footer" class="md-modal__footer">
|
|
30
30
|
<md-button
|
|
31
31
|
aria-label=${this.ariaLabelCancel}
|
|
32
|
-
@click
|
|
33
|
-
@keydown
|
|
32
|
+
@click=${this.handleFooterClick}
|
|
33
|
+
@keydown=${this.handleKeyDown}
|
|
34
34
|
variant="secondary"
|
|
35
35
|
>
|
|
36
36
|
<span>Cancel</span>
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
type="submit"
|
|
40
40
|
variant="primary"
|
|
41
41
|
aria-label=${this.ariaLabelSubmit}
|
|
42
|
-
@click
|
|
43
|
-
@keydown
|
|
42
|
+
@click=${this.handleFooterClick}
|
|
43
|
+
@keydown=${this.handleKeyDown}
|
|
44
44
|
>
|
|
45
45
|
<span>${this.closeBtnName}</span>
|
|
46
46
|
</md-button>
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
`}get modalBackDropClassMap(){return{in:this.show&&this.animating}}get modalContainerClassMap(){return{in:this.show,[`md-modal--${this.size}`]:!!this.size,[`md-modal--${this.computedAlignment}`]:!!this.computedAlignment}}render(){return n.html`
|
|
49
49
|
${this.show?n.html`
|
|
50
50
|
<div part="modal-backdrop" class="md-modal__backdrop fade ${(0,m.classMap)(this.modalBackDropClassMap)}">
|
|
51
|
-
${this.backdropClickExit?n.html` <div class="md-modal_overlay" @click
|
|
51
|
+
${this.backdropClickExit?n.html` <div class="md-modal_overlay" @click=${this.handleCloseBackdrop}></div> `:d.nothing}
|
|
52
52
|
|
|
53
53
|
<div
|
|
54
54
|
part="modal-container"
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
ariaLabel=${this.ariaLabel}
|
|
28
28
|
placeholder="${this.codePlaceholder}"
|
|
29
29
|
.value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
|
|
30
|
-
@change-selected
|
|
30
|
+
@change-selected=${e=>this.handleCountryChange(e)}
|
|
31
31
|
with-custom-content
|
|
32
32
|
?newMomentum=${this.newMomentum}
|
|
33
33
|
?is-dropdown-arrow=${this.isDropdownArrow}
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
ariaLabel=${this.countryCodeAriaLabel}
|
|
48
48
|
codePlaceholder="${this.codePlaceholder}"
|
|
49
49
|
.countryCallingCode="${this.countryCallingCode}"
|
|
50
|
-
@country-code-changed
|
|
50
|
+
@country-code-changed=${e=>this.handleCountryChange(e)}
|
|
51
51
|
?newMomentum=${this.newMomentum}
|
|
52
52
|
?isDropdownArrow=${!0}
|
|
53
53
|
.clearAriaLabel="${this.clearCountryCodeAriaLabel}"
|
|
@@ -59,9 +59,9 @@
|
|
|
59
59
|
placeholder=${this.numberPlaceholder}
|
|
60
60
|
.ariaInvalid=${this.isValid?"false":"true"}
|
|
61
61
|
.ariaLabel=${`${this.dialNumberAriaLabel}`}
|
|
62
|
-
@input-change
|
|
63
|
-
@input-blur
|
|
64
|
-
@input-keydown
|
|
62
|
+
@input-change=${e=>this.handlePhoneChange(e)}
|
|
63
|
+
@input-blur=${e=>this.handleBlur(e)}
|
|
64
|
+
@input-keydown=${e=>this.handleKeydown(e)}
|
|
65
65
|
shape="${this.pill?"pill":"none"}"
|
|
66
66
|
.ariaControls=${this.id}
|
|
67
67
|
clear
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
size="20"
|
|
7
7
|
circle
|
|
8
8
|
ariaLabel=${(0,p.ifDefined)(this.closeButtonAriaLabel)||""}
|
|
9
|
-
@button-click
|
|
9
|
+
@button-click=${this.hidePopover}
|
|
10
10
|
>
|
|
11
11
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
12
12
|
</md-button>`:h.nothing}
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
id="${this.getCopyTabId(e)}"
|
|
64
64
|
aria-label=${e.ariaLabel}
|
|
65
65
|
aria-controls="${this.getAriaControlId(e)}"
|
|
66
|
-
@click
|
|
66
|
+
@click=${()=>this.handleOverlayClose()}
|
|
67
67
|
tabIndex="${this.tabHiddenIdPositiveTabIndex===e.id?0:-1}"
|
|
68
68
|
role="menuitem"
|
|
69
69
|
?newMomentum=${this.newMomentum}
|
|
@@ -80,8 +80,8 @@
|
|
|
80
80
|
max-height="${"288px"}"
|
|
81
81
|
class="md-menu-overlay__more ${(0,h.classMap)({"md-menu-overlay__more--hidden":this.isMoreTabMenuMeasured&&!this.isMoreTabMenuVisible})}"
|
|
82
82
|
placement="bottom-end"
|
|
83
|
-
@menu-overlay-open
|
|
84
|
-
@menu-overlay-close
|
|
83
|
+
@menu-overlay-open=${()=>this.isMoreTabMenuOpen=!0}
|
|
84
|
+
@menu-overlay-close=${()=>this.isMoreTabMenuOpen=!1}
|
|
85
85
|
>
|
|
86
86
|
${this.moreMenuButtonTemplate}
|
|
87
87
|
<div
|