@momentum-ui/web-components 3.0.0-alpha.3 → 3.0.0-alpha.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 +1 -1
- package/dist/2555.js +7 -7
- package/dist/591.js +1 -1
- package/dist/6273.js +2 -2
- package/dist/6396.js +1 -5
- package/dist/6408.js +2 -2
- package/dist/8210.js +1 -1
- package/dist/8345.js +1 -1
- package/dist/comp/md-advance-list-entry.js +9 -9
- package/dist/comp/md-alert-banner-entry.js +7 -7
- package/dist/comp/md-alert-entry.js +2 -8
- package/dist/comp/md-audio-player-entry.js +8 -8
- package/dist/comp/md-checkbox-entry.js +1 -1
- package/dist/comp/md-coachmark-popover-entry.js +4 -4
- package/dist/comp/md-country-code-picker-entry.js +1 -1
- package/dist/comp/md-datepicker-entry.js +2 -2
- package/dist/comp/md-dropdown-entry.js +1 -1
- 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 -5
- package/dist/comp/md-menu-overlay-entry.js +1 -1
- 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 +4 -4
- package/dist/comp/md-tabs-entry.js +3 -3
- package/dist/comp/md-task-item-entry.js +1 -1
- package/dist/comp/md-timepicker-entry.js +4 -4
- package/dist/index-entry.js +57 -67
- package/dist/types/components/advance-list/AdvanceList.d.ts +1 -0
- package/dist/types/components/alert-banner/AlertBanner.d.ts +1 -0
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/popover/Popover.d.ts +4 -0
- package/dist/types/components/popover/Popover.utils.d.ts +4 -0
- package/package.json +1 -1
package/dist/index-entry.js
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<div class="md-composite-avatar ${(0,l.classMap)(this.avatarClassMap)}">
|
|
14
14
|
<slot></slot>
|
|
15
15
|
</div>
|
|
16
|
-
`}};h([(0,n.property)({type:Number})],e.prototype,"size",void 0),e=h([(0,o.w)("md-composite-avatar")],e),t.ELEMENT=e}(s||(s={}))},3001:(t,e,i)=>{i.d(e,{Io:()=>a.I,TS:()=>n.T,UM:()=>r.U,dY:()=>o.d,wW:()=>l.w,yC:()=>s.y}),i(18889);var s=i(32972),o=i(28373),r=i(70300),a=i(84624),n=i(68387),l=i(31890)},3288:t=>{t.exports=k},3664:(t,e,i)=>{i.d(e,{Checkbox:()=>s}),i(61200);var s,o=i(90195),r=i(3001),a=i(31890),n=i(4313),l=i(87161),d=i(70429),h=i(32056),c=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){let e=class extends((0,r.yC)(l.LitElement)){constructor(){super(...arguments),this.autofocus=!1,this._checked=!1,this._indeterminate=!1,this._disabled=!1,this.label="",this.tabIndex=0}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,this.requestUpdate("checked",e)}get indeterminate(){return this._indeterminate}set indeterminate(t){const e=this._indeterminate;this._indeterminate=t,this.requestUpdate("indeterminate",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}static get styles(){return[n.A,h.A]}toggleCheckbox(){this.checked=!this.checked}isCheckboxActive(){return this.disabled||this.indeterminate}handleClick(t){this.isCheckboxActive()?t.stopPropagation():(this.toggleCheckbox(),this.handleChange(t))}handleKeyDown(t){const{code:e}=t;e!==o.Uz.Space&&e!==o.Uz.Enter||(t.preventDefault(),this.isCheckboxActive()?t.stopPropagation():(this.toggleCheckbox(),this.handleChange(t)))}handleChange(t){this.dispatchEvent(new CustomEvent("checkbox-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,checked:this.checked}}))}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","checkbox"),this.label&&this.setAttribute("aria-label",this.label)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}willUpdate(t){var e;null===(e=super.willUpdate)||void 0===e||e.call(this,t),t.has("indeterminate")&&this.indeterminate&&(this.
|
|
16
|
+
`}};h([(0,n.property)({type:Number})],e.prototype,"size",void 0),e=h([(0,o.w)("md-composite-avatar")],e),t.ELEMENT=e}(s||(s={}))},3001:(t,e,i)=>{i.d(e,{Io:()=>a.I,TS:()=>n.T,UM:()=>r.U,dY:()=>o.d,wW:()=>l.w,yC:()=>s.y}),i(18889);var s=i(32972),o=i(28373),r=i(70300),a=i(84624),n=i(68387),l=i(31890)},3288:t=>{t.exports=k},3664:(t,e,i)=>{i.d(e,{Checkbox:()=>s}),i(61200);var s,o=i(90195),r=i(3001),a=i(31890),n=i(4313),l=i(87161),d=i(70429),h=i(32056),c=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){let e=class extends((0,r.yC)(l.LitElement)){constructor(){super(...arguments),this.autofocus=!1,this._checked=!1,this._indeterminate=!1,this._disabled=!1,this.label="",this.tabIndex=0}get checked(){return this._checked}set checked(t){const e=this._checked;this._checked=t,this.requestUpdate("checked",e)}get indeterminate(){return this._indeterminate}set indeterminate(t){const e=this._indeterminate;this._indeterminate=t,this.requestUpdate("indeterminate",e)}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}static get styles(){return[n.A,h.A]}toggleCheckbox(){this.checked=!this.checked}isCheckboxActive(){return this.disabled||this.indeterminate}handleClick(t){this.isCheckboxActive()?t.stopPropagation():(this.toggleCheckbox(),this.handleChange(t))}handleKeyDown(t){const{code:e}=t;e!==o.Uz.Space&&e!==o.Uz.Enter||(t.preventDefault(),this.isCheckboxActive()?t.stopPropagation():(this.toggleCheckbox(),this.handleChange(t)))}handleChange(t){this.dispatchEvent(new CustomEvent("checkbox-change",{bubbles:!0,composed:!0,detail:{sourceEvent:t,checked:this.checked}}))}firstUpdated(t){super.firstUpdated(t),this.setAttribute("role","checkbox"),this.label&&this.setAttribute("aria-label",this.label)}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}willUpdate(t){var e;null===(e=super.willUpdate)||void 0===e||e.call(this,t),t.has("indeterminate")&&this.indeterminate&&(this.checked=!1),(t.has("checked")||t.has("indeterminate"))&&(this.indeterminate?this.setAttribute("aria-checked","mixed"):this.setAttribute("aria-checked",`${this.checked}`)),t.has("disabled")&&this.setAttribute("aria-disabled",`${this.disabled}`)}updated(t){super.updated(t),t.has("indeterminate")&&(this.input.indeterminate=this.indeterminate)}get checkboxIconName(){return this.checked?"check-bold":this.indeterminate?"minus-bold":null}checkboxIconTemplate(){const t=this.checkboxIconName;return t?l.html`<md-icon name="${t}" iconSet="momentumDesign" size="16"></md-icon>`:l.nothing}checkboxBoxTemplate(){return l.html` <div part="checkbox-box" class="checkbox-box">${this.checkboxIconTemplate()}</div> `}render(){return l.html`
|
|
17
17
|
<input
|
|
18
18
|
class="checkbox-input"
|
|
19
19
|
type="checkbox"
|
|
@@ -248,11 +248,7 @@
|
|
|
248
248
|
`:d.nothing}
|
|
249
249
|
${this.messagesTemplate()} ${this.helpTextTemplate()}
|
|
250
250
|
`}};v([(0,h.property)({type:String})],i.prototype,"label",void 0),v([(0,h.property)({type:Array})],i.prototype,"options",void 0),v([(0,h.property)({type:Array,attribute:"custom-options"})],i.prototype,"customOptions",void 0),v([(0,h.property)({type:String})],i.prototype,"placeholder",void 0),v([(0,h.property)({type:Boolean,attribute:"is-multi"})],i.prototype,"isMulti",void 0),v([(0,h.property)({type:Boolean,attribute:"use-virtual-scroll"})],i.prototype,"useVirtualScroll",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"ordered",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"expanded",void 0),v([(0,h.property)({type:Array,reflect:!0})],i.prototype,"groupExpandedList",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"searchItem",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"compact",void 0),v([(0,h.property)({type:Boolean,attribute:"no-clear-icon"})],i.prototype,"noClearIcon",void 0),v([(0,h.property)({type:Boolean,attribute:"select-when-in-focus"})],i.prototype,"selectWhenInFocus",void 0),v([(0,h.property)({type:Array})],i.prototype,"selectedOptions",void 0),v([(0,h.property)({type:Number,attribute:"visible-option",reflect:!0})],i.prototype,"visibleOptions",void 0),v([(0,h.property)({type:String,attribute:"option-id",reflect:!0})],i.prototype,"optionId",void 0),v([(0,h.property)({type:String,attribute:"option-value",reflect:!0})],i.prototype,"optionValue",void 0),v([(0,h.property)({type:Boolean,attribute:"with-custom-content"})],i.prototype,"isCustomContent",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"searchable",void 0),v([(0,h.property)({type:String})],i.prototype,"shape",void 0),v([(0,h.property)({type:Array})],i.prototype,"value",void 0),v([(0,h.property)({type:String,attribute:"input-value",reflect:!0})],i.prototype,"inputValue",void 0),v([(0,h.property)({type:Boolean,attribute:"allow-custom-value",reflect:!0})],i.prototype,"allowCustomValue",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"autofocus",void 0),v([(0,h.property)({type:String,attribute:"no-results-i18n"})],i.prototype,"resultsTextLocalization",void 0),v([(0,h.property)({type:String,attribute:"no-options-i18n"})],i.prototype,"optionsTextLocalization",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"search-trim-space"})],i.prototype,"trimSpace",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"invalid",void 0),v([(0,h.property)({type:String,reflect:!0,attribute:"invalid-text-i18n"})],i.prototype,"invalidText",void 0),v([(0,h.property)({type:String,reflect:!0})],i.prototype,"ariaLabel",void 0),v([(0,h.property)({type:String,attribute:"search-result-aria-label"})],i.prototype,"searchResultAriaLabel",void 0),v([(0,h.state)()],i.prototype,"ariaLabelForComboBox",void 0),v([(0,h.property)({type:String,attribute:"clear-aria-label"})],i.prototype,"clearAriaLabel",void 0),v([(0,h.property)({type:String,attribute:"arrow-aria-label"})],i.prototype,"arrowAriaLabel",void 0),v([(0,h.property)({type:String,attribute:"clear-icon-height"})],i.prototype,"clearIconHeight",void 0),v([(0,h.property)({type:String,attribute:"all-i18n"})],i.prototype,"allTextLocalization",void 0),v([(0,h.property)({type:String,attribute:"select-all-i18n"})],i.prototype,"selectAllTextLocalization",void 0),v([(0,h.property)({type:String,attribute:"selected-all-i18n"})],i.prototype,"selectedTextLocalization",void 0),v([(0,h.property)({type:Boolean,attribute:"allow-select-all",reflect:!0})],i.prototype,"allowSelectAll",void 0),v([(0,h.property)({type:Boolean,attribute:"show-custom-error",reflect:!0})],i.prototype,"showCustomError",void 0),v([(0,h.property)({type:Boolean,attribute:"show-loader",reflect:!0})],i.prototype,"showLoader",void 0),v([(0,h.property)({type:Boolean,attribute:"show-selected-count",reflect:!0})],i.prototype,"showSelectedCount",void 0),v([(0,h.property)({type:String,attribute:"popup-chevron-aria-hidden"})],i.prototype,"popupChevronAriaHidden",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"newMomentum",void 0),v([(0,h.property)({type:Boolean,attribute:"show-filter-icon"})],i.prototype,"showFilterIcon",void 0),v([(0,h.property)({type:Boolean,attribute:"prevent-filter"})],i.prototype,"preventFilter",void 0),v([(0,h.property)({type:Boolean,attribute:"is-dropdown-arrow"})],i.prototype,"isDropdownArrow",void 0),v([(0,h.property)({type:String})],i.prototype,"comboboxId",void 0),v([(0,h.property)({type:String})],i.prototype,"helpText",void 0),v([(0,h.property)({type:Array})],i.prototype,"messageArr",void 0),v([(0,h.property)({type:String})],i.prototype,"htmlId",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],i.prototype,"readOnly",void 0),v([(0,h.state)()],i.prototype,"isOptGroup",void 0),v([(0,h.state)()],i.prototype,"isSelectAllChecked",void 0),v([(0,h.query)(".group")],i.prototype,"group",void 0),v([(0,h.query)(".md-combobox-listbox")],i.prototype,"input",void 0),v([(0,h.query)(".md-combobox-button")],i.prototype,"button",void 0),v([(0,h.query)("div#md-combobox-listbox")],i.prototype,"listBox",void 0),v([(0,h.query)(".virtual-scroll")],i.prototype,"virtualizer",void 0),v([(0,h.queryAll)("div.md-combobox-option")],i.prototype,"lists",void 0),v([(0,h.queryAll)(".group-label")],i.prototype,"labels",void 0),v([(0,h.queryAll)(".md-combobox-selected-item")],i.prototype,"selected",void 0),i=v([(0,a.w)("md-combobox")],i),t.ELEMENT=i}(s||(s={}))},5784:t=>{t.exports=v},6396:(t,e,i)=>{i.d(e,{Label:()=>s});var s,o=i(31890),r=i(4313),a=i(87161),n=i(70429),l=i(85125),d=i(31013),h=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){let e=class extends a.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,d.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 a.html`
|
|
251
|
-
<label
|
|
252
|
-
@click="${()=>this.handleClick()}"
|
|
253
|
-
class="md-label ${(0,l.classMap)(this.labelClassMap)}"
|
|
254
|
-
for="${this.htmlFor}"
|
|
255
|
-
>
|
|
251
|
+
<label @click=${this.handleClick} class="md-label ${(0,l.classMap)(this.labelClassMap)}" for="${this.htmlFor}">
|
|
256
252
|
${this.label?a.html` <span>${this.label}</span> `:a.html` <slot></slot> `}
|
|
257
253
|
</label>
|
|
258
254
|
`}};h([(0,n.property)({type:String})],e.prototype,"label",void 0),h([(0,n.property)({type:String})],e.prototype,"theme",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"radioLabel",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"checkboxLabel",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"toggleSwitchLabel",void 0),h([(0,n.property)({type:String})],e.prototype,"htmlFor",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"active",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"indeterminate",void 0),h([(0,n.property)({type:Boolean})],e.prototype,"secondaryLabel",void 0),e=h([(0,o.w)("md-label")],e),t.ELEMENT=e}(s||(s={}))},6779:(t,e,i)=>{i.d(e,{AccordionItem:()=>s}),i(61200);var s,o=i(3001),r=i(31890),a=i(59164),n=i(4313),l=i(87161),d=i(70429),h=i(20291),c=i(9409),p=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){let e=class extends((0,o.yC)(l.LitElement)){constructor(){super(...arguments),this._expanded=!1,this._level=3,this.uniqueId=(0,a.O)("accordion-item"),this.label="",this.disabled=!1}get expanded(){return this._expanded}set expanded(t){const e=this._expanded;this._expanded=t,t?(this.notifyAccordionFocus(),this.notifyExpandedHeader()):this.notifyCollapsedHeader(),this.requestUpdate("expanded",e)}get level(){return this._level}set level(t){const e=this.level;t<1||t>6?(console.warn("Please set appropriate section heading level"),this._level=3):this._level=t,this.requestUpdate("level",e)}notifyExpandedHeader(){this.dispatchEvent(new CustomEvent("accordion-item-expanded",{composed:!0,bubbles:!0,detail:{id:this.uniqueId}}))}notifyCollapsedHeader(){this.dispatchEvent(new CustomEvent("accordion-item-collapsed",{composed:!0,bubbles:!0,detail:{id:this.uniqueId}}))}notifyAccordionFocus(){this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0}))}firstUpdated(t){super.firstUpdated(t),this.setAttribute("id",this.uniqueId)}static get styles(){return[n.A,c.A]}handleMouseDown(t){this.disabled||this.dispatchEvent(new CustomEvent("accordion-item-click",{detail:{srcEvent:t},composed:!0,bubbles:!0}))}handleKeyDown(t){this.disabled||this.dispatchEvent(new CustomEvent("accordion-item-keydown",{detail:{srcEvent:t},bubbles:!0,composed:!0}))}render(){return l.html`
|
|
@@ -373,7 +369,7 @@
|
|
|
373
369
|
`}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(t){var e;return"md-input"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.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(t){super.update(t),t.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick))),t.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(t){super.updated(t),t.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):(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(t){t?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,v.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>S(this,void 0,void 0,function*(){var t;this.isOpen&&(null===(t=this.popperInstance)||void 0===t||t.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...v.defaultModifiers,p(),m(),b(),h(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:t,reference:e})=>"left-end"===t||"right-end"===t?[e.height+e.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 t;(null===(t=this.focusableElements)||void 0===t?void 0:t.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(t){var e;null===(e=this.setFocusOnTrigger)||void 0===e||e.call(this,t)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[C.A]}render(){return g.html`
|
|
374
370
|
${this.getStyles()}
|
|
375
371
|
<div class="md-menu-overlay">
|
|
376
|
-
<slot @slotchange
|
|
372
|
+
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
377
373
|
<div
|
|
378
374
|
part="overlay"
|
|
379
375
|
class="overlay-container"
|
|
@@ -485,7 +481,7 @@
|
|
|
485
481
|
ariaLabel=${this.ariaLabel}
|
|
486
482
|
placeholder="${this.codePlaceholder}"
|
|
487
483
|
.value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
|
|
488
|
-
@change-selected
|
|
484
|
+
@change-selected=${t=>this.handleCountryChange(t)}
|
|
489
485
|
with-custom-content
|
|
490
486
|
?newMomentum=${this.newMomentum}
|
|
491
487
|
?is-dropdown-arrow=${this.isDropdownArrow}
|
|
@@ -529,20 +525,20 @@
|
|
|
529
525
|
>
|
|
530
526
|
<slot></slot>
|
|
531
527
|
</a>
|
|
532
|
-
`}})()} `}};c([(0,n.property)({type:String,attribute:!1})],e.prototype,"color",void 0),c([(0,n.property)({type:String})],e.prototype,"ariaLabel",void 0),c([(0,n.property)({type:String})],e.prototype,"ariaRole",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"inline",void 0),c([(0,n.property)({type:String,attribute:"inline-style"})],e.prototype,"inlineStyle",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"inverted",void 0),c([(0,n.property)({type:String})],e.prototype,"href",void 0),c([(0,n.property)({type:String})],e.prototype,"tag",void 0),c([(0,n.property)({type:String})],e.prototype,"target",void 0),c([(0,n.property)({type:String})],e.prototype,"size",void 0),c([(0,n.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),e=c([(0,o.w)("md-link")],e),t.ELEMENT=e}(s||(s={}))},19479:(t,e,i)=>{i.d(e,{AlertBanner:()=>s}),i(96798),i(61200);var s,o=i(31890),r=i(26283),a=i(4313),n=i(87161),l=i(70429),d=i(85125),h=i(52186),c=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.type="",this.titleText="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner",this.showBannerTypeIcon=!1,this.showRefreshButton=!1,this.alignment="center"}connectedCallback(){super.connectedCallback()
|
|
528
|
+
`}})()} `}};c([(0,n.property)({type:String,attribute:!1})],e.prototype,"color",void 0),c([(0,n.property)({type:String})],e.prototype,"ariaLabel",void 0),c([(0,n.property)({type:String})],e.prototype,"ariaRole",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"inline",void 0),c([(0,n.property)({type:String,attribute:"inline-style"})],e.prototype,"inlineStyle",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"inverted",void 0),c([(0,n.property)({type:String})],e.prototype,"href",void 0),c([(0,n.property)({type:String})],e.prototype,"tag",void 0),c([(0,n.property)({type:String})],e.prototype,"target",void 0),c([(0,n.property)({type:String})],e.prototype,"size",void 0),c([(0,n.property)({type:Number,attribute:"tab-index",reflect:!0})],e.prototype,"tabIndex",null),e=c([(0,o.w)("md-link")],e),t.ELEMENT=e}(s||(s={}))},19479:(t,e,i)=>{i.d(e,{AlertBanner:()=>s}),i(96798),i(61200);var s,o=i(31890),r=i(26283),a=i(4313),n=i(87161),l=i(70429),d=i(85125),h=i(52186),c=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){let e=class extends n.LitElement{constructor(){super(...arguments),this.type="",this.titleText="",this.message="",this.closable=!1,this.show=!1,this.closeAriaLabel="Close Banner",this.showBannerTypeIcon=!1,this.showRefreshButton=!1,this.alignment="center"}connectedCallback(){super.connectedCallback()}onHide(){this.show=!this.show,this.dispatchEvent(new CustomEvent("alertBanner-hide"))}onRefreshClick(){this.dispatchEvent(new CustomEvent("alertBanner-refresh-button-click"))}handleKeyDown(t){const{code:e}=t;(0,r.o)(e)&&this.onHide()}get isLeadingAlignment(){return"leading"===this.alignment}static get styles(){return[a.A,h.A]}getIconForType(){switch(this.type){case"error":return"error-legacy-bold";case"warning":return"warning-bold";case"success":return"check-circle-bold";default:return"info-circle-bold"}}get alertBannerClassMap(){return{"md-alert-banner":!0,[`md-alert-banner--${this.type}`]:this.type,"md-alert-banner--leading":this.isLeadingAlignment||this.titleText,closable:this.closable,"with-title":!!this.titleText}}get alertBannerTextClassMap(){return{"md-alert-banner__text":!0,"md-alert-banner__with-title":!!this.titleText,leading:this.isLeadingAlignment||this.titleText}}get alertBannerRightClassMap(){return{trailing:this.isLeadingAlignment||this.titleText}}get closeButtonTemplate(){const t=this.titleText?"close-div with-title":"close-div";return n.html`
|
|
533
529
|
<div class="${t}">
|
|
534
530
|
<md-button
|
|
535
531
|
class="md-alert-banner__close"
|
|
536
532
|
hasRemoveStyle
|
|
537
533
|
circle
|
|
538
534
|
ariaLabel=${this.closeAriaLabel}
|
|
539
|
-
@click
|
|
540
|
-
@keydown
|
|
535
|
+
@click=${this.onHide}
|
|
536
|
+
@keydown=${this.handleKeyDown}
|
|
541
537
|
>
|
|
542
538
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
543
539
|
</md-button>
|
|
544
540
|
</div>
|
|
545
|
-
`}get titleTemplate(){return this.titleText?n.html`<div class="md-alert-banner__title">${this.titleText}</div>`:n.nothing}render(){const t=this.closable?n.html` ${this.closeButtonTemplate} `:
|
|
541
|
+
`}get titleTemplate(){return this.titleText?n.html`<div class="md-alert-banner__title">${this.titleText}</div>`:n.nothing}render(){const t=this.closable?n.html` ${this.closeButtonTemplate} `:n.nothing,e=this.showBannerTypeIcon||this.titleText?"with-icon":"",i=this.showBannerTypeIcon?n.html`
|
|
546
542
|
<md-icon
|
|
547
543
|
class=${(0,d.classMap)({"md-alert-banner__icon":!0,"with-title":!!this.titleText})}
|
|
548
544
|
name="${this.getIconForType()}"
|
|
@@ -552,7 +548,7 @@
|
|
|
552
548
|
</md-icon>
|
|
553
549
|
`:n.html`<slot name="left"></slot>`,s=this.titleText?"refresh-button-with-title":"refresh-button",o=this.showRefreshButton?n.html` <md-button
|
|
554
550
|
class="${s}"
|
|
555
|
-
@click
|
|
551
|
+
@click=${this.onRefreshClick}
|
|
556
552
|
variant="ghostInheritTextColor"
|
|
557
553
|
circle
|
|
558
554
|
size="20"
|
|
@@ -577,7 +573,7 @@
|
|
|
577
573
|
</div>
|
|
578
574
|
</div>
|
|
579
575
|
</div>
|
|
580
|
-
`:
|
|
576
|
+
`:n.nothing}
|
|
581
577
|
`:n.html`
|
|
582
578
|
${this.show?n.html`
|
|
583
579
|
<div class="${(0,d.classMap)(this.alertBannerClassMap)}" role="alert">
|
|
@@ -591,7 +587,7 @@
|
|
|
591
587
|
</div>
|
|
592
588
|
${t}
|
|
593
589
|
</div>
|
|
594
|
-
`:
|
|
590
|
+
`:n.nothing}
|
|
595
591
|
`}};c([(0,l.property)({type:String})],e.prototype,"type",void 0),c([(0,l.property)({type:String})],e.prototype,"titleText",void 0),c([(0,l.property)({type:String})],e.prototype,"message",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"closable",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"show",void 0),c([(0,l.property)({type:String,attribute:"close-aria-label"})],e.prototype,"closeAriaLabel",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"showBannerTypeIcon",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"showRefreshButton",void 0),c([(0,l.property)({type:String})],e.prototype,"alignment",void 0),e=c([(0,o.w)("md-alert-banner")],e),t.ELEMENT=e}(s||(s={}))},20109:(t,e,i)=>{i.d(e,{HelpText:()=>s});var s,o=i(31890),r=i(4313),a=i(87161),n=i(70429),l=i(85125),d=i(45630),h=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.message="",this.messageType=void 0,this.id="",this.ariaLive="off"}get inputMessageClassMap(){return{[`md-${this.messageType}`]:!!this.messageType}}static get styles(){return[r.A,d.A]}getIconName(){switch(this.messageType){case"success":return"check-circle-badge-filled";case"error":return"error-legacy-badge-filled";case"warning":return"warning-badge-filled";case"priority":return"info-badge-filled";default:return""}}render(){return a.html`
|
|
596
592
|
<div
|
|
597
593
|
class="md-input__message ${(0,l.classMap)(this.inputMessageClassMap)}"
|
|
@@ -805,7 +801,7 @@
|
|
|
805
801
|
aria-controls="md-dropdown-list"
|
|
806
802
|
aria-haspopup="listbox"
|
|
807
803
|
?disabled="${this.disabled}"
|
|
808
|
-
@click
|
|
804
|
+
@click=${this.onLabelClick}
|
|
809
805
|
part="dropdown-header"
|
|
810
806
|
role="combobox"
|
|
811
807
|
tabindex="0"
|
|
@@ -863,7 +859,7 @@
|
|
|
863
859
|
<md-button
|
|
864
860
|
hasRemoveStyle
|
|
865
861
|
class="play-btn"
|
|
866
|
-
@click
|
|
862
|
+
@click=${this.togglePlay}
|
|
867
863
|
aria-label="${this.isPlaying?this.labelMap.pauseBtn.ariaLabel:this.labelMap.playBtn.ariaLabel}"
|
|
868
864
|
>
|
|
869
865
|
${this.isPlaying?a.html` <md-icon slot="icon" name="pause-bold" size="16" iconSet="momentumDesign"></md-icon> `:a.html` <md-icon slot="icon" name="play-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
@@ -882,7 +878,7 @@
|
|
|
882
878
|
</div>
|
|
883
879
|
<div class="timeline-container">
|
|
884
880
|
<md-tooltip placement="top" message="${this.labelMap.timeline.tooltipText}">
|
|
885
|
-
<div class="timeline" @click
|
|
881
|
+
<div class="timeline" @click=${this.setTime} aria-label="${this.labelMap.timeline.ariaLabel}">
|
|
886
882
|
<div class="progress-bar" style="width: ${this.currentTime/this.duration*100}%"></div>
|
|
887
883
|
<div class="buffer-bar" style="width: ${this.bufferedRange/this.duration*100}%"></div>
|
|
888
884
|
</div>
|
|
@@ -890,8 +886,8 @@
|
|
|
890
886
|
</div>
|
|
891
887
|
<div
|
|
892
888
|
class="volume-container"
|
|
893
|
-
@mouseleave
|
|
894
|
-
@mouseenter
|
|
889
|
+
@mouseleave=${()=>this.toggleVolumeExpand(!1)}
|
|
890
|
+
@mouseenter=${()=>this.toggleVolumeExpand(!0)}
|
|
895
891
|
aria-label="${this.labelMap.volumeSlider.ariaLabel}"
|
|
896
892
|
>
|
|
897
893
|
<md-tooltip
|
|
@@ -900,7 +896,7 @@
|
|
|
900
896
|
>
|
|
901
897
|
<div
|
|
902
898
|
class="volume"
|
|
903
|
-
@mousedown
|
|
899
|
+
@mousedown=${this.handleVolumeChange}
|
|
904
900
|
aria-label="${this.labelMap.volumeSlider.ariaLabel} ${Math.trunc(100*this.volume)}%"
|
|
905
901
|
>
|
|
906
902
|
<div class="volume-slider" style="width: ${this.isMuted?0:100*this.volume}%"></div>
|
|
@@ -911,7 +907,7 @@
|
|
|
911
907
|
hasRemoveStyle
|
|
912
908
|
class="volume-btn"
|
|
913
909
|
aria-label="${this.labelMap.volumeBtn.ariaLabel}"
|
|
914
|
-
@click
|
|
910
|
+
@click=${this.toggleSoundMute}
|
|
915
911
|
>
|
|
916
912
|
${this.isMuted?a.html`
|
|
917
913
|
<md-icon slot="icon" name="speaker-muted-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
@@ -921,7 +917,7 @@
|
|
|
921
917
|
</div>
|
|
922
918
|
<div class="speed-icon-container" aria-label="${this.labelMap.playbackSpeedBtn.ariaLabel}">
|
|
923
919
|
<md-tooltip placement="top" message="${this.labelMap.playbackSpeedBtn.tooltipText}">
|
|
924
|
-
<md-button hasRemoveStyle id="speed-btn" @click
|
|
920
|
+
<md-button hasRemoveStyle id="speed-btn" @click=${this.toggleSpeedPopup}>
|
|
925
921
|
<md-icon slot="icon" name="too-fast-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
926
922
|
</md-button>
|
|
927
923
|
</md-tooltip>
|
|
@@ -930,7 +926,7 @@
|
|
|
930
926
|
${c.map(t=>{const e=this.selectedPlaybackSpeed==t.value&&!this.currentlySelectingPlaybackSpeed;return a.html`
|
|
931
927
|
<li
|
|
932
928
|
class=${e?"speed-popup-selected-speed":""}
|
|
933
|
-
@click
|
|
929
|
+
@click=${()=>this.setPlaybackSpeed(t.value)}
|
|
934
930
|
>
|
|
935
931
|
<span>${t.label}</span>
|
|
936
932
|
${this.playbackSpeed==t.value?a.html`
|
|
@@ -977,7 +973,7 @@
|
|
|
977
973
|
></span>
|
|
978
974
|
${this.step?this.ticksTemplate():l.nothing} ${this.hideValue?l.nothing:this.displayValueTemplate()}
|
|
979
975
|
</div>
|
|
980
|
-
`}};m([(0,d.property)({type:Number,reflect:!0})],e.prototype,"min",void 0),m([(0,d.property)({type:Number,reflect:!0})],e.prototype,"max",void 0),m([(0,d.property)({type:Boolean,attribute:"hide-value"})],e.prototype,"hideValue",void 0),m([(0,d.property)({type:Number,reflect:!0})],e.prototype,"now",null),m([(0,d.property)({type:Number})],e.prototype,"text",void 0),m([(0,d.property)({type:String})],e.prototype,"label",void 0),m([(0,d.property)({type:Number,reflect:!0})],e.prototype,"step",void 0),m([(0,d.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),m([(0,d.state)()],e.prototype,"dragging",void 0),e=m([(0,a.w)("md-slider")],e),t.ELEMENT=e}(s||(s={}))},28187:t=>{t.exports=L},28307:(t,e,i)=>{i.d(e,{AdvanceList:()=>s});var s,o=i(90195),r=i(31890),a=i(32972),n=i(4313),l=(i(83048),i(87161)),d=i(70429),h=i(89312),c=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){t.prefixId="item-";let e=class extends((0,a.y)(l.LitElement)){constructor(){super(...arguments),this.items=[],this.isLoading=!1,this.isMulti=!1,this.groupOnMultiSelect=!1,this.value=[],this.ariaRoleList="listbox",this.ariaRoleListItem="option",this.ariaLabelList="",this.isError=!1,this.containerHeight="292px",this.lastSelectedIdByOrder="",this.selectAllItems=!1,this.focusReset=!1,this.disabledItems=[],this.totalRecords=0,this.isNonSelectable=!1,this.scrollIndex=-1,this.activeId="",this.selectedItemsIds=[],this.isUserNavigated=!1,this.handleKeyDown=e=>{var i;const{ArrowDown:
|
|
976
|
+
`}};m([(0,d.property)({type:Number,reflect:!0})],e.prototype,"min",void 0),m([(0,d.property)({type:Number,reflect:!0})],e.prototype,"max",void 0),m([(0,d.property)({type:Boolean,attribute:"hide-value"})],e.prototype,"hideValue",void 0),m([(0,d.property)({type:Number,reflect:!0})],e.prototype,"now",null),m([(0,d.property)({type:Number})],e.prototype,"text",void 0),m([(0,d.property)({type:String})],e.prototype,"label",void 0),m([(0,d.property)({type:Number,reflect:!0})],e.prototype,"step",void 0),m([(0,d.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),m([(0,d.state)()],e.prototype,"dragging",void 0),e=m([(0,a.w)("md-slider")],e),t.ELEMENT=e}(s||(s={}))},28187:t=>{t.exports=L},28307:(t,e,i)=>{i.d(e,{AdvanceList:()=>s});var s,o=i(90195),r=i(31890),a=i(32972),n=i(4313),l=(i(83048),i(87161)),d=i(70429),h=i(89312),c=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){t.prefixId="item-";let e=class extends((0,a.y)(l.LitElement)){constructor(){super(...arguments),this.items=[],this.isLoading=!1,this.isMulti=!1,this.groupOnMultiSelect=!1,this.value=[],this.ariaRoleList="listbox",this.ariaRoleListItem="option",this.ariaLabelList="",this.isError=!1,this.containerHeight="292px",this.lastSelectedIdByOrder="",this.selectAllItems=!1,this.focusReset=!1,this.disabledItems=[],this.totalRecords=0,this.isNonSelectable=!1,this.scrollIndex=-1,this.activeId="",this.selectedItemsIds=[],this.isUserNavigated=!1,this.handleKeyDown=e=>{var i,s,r;const{ArrowDown:a,ArrowUp:n,Tab:l,Space:d,Enter:h}=o.Uz,{code:c}=e,p=c===a,u=c===n,m=c===l,y=c===d,b=c===h;if(p||u){if(e.preventDefault(),this.isUserNavigated=!0,""===this.activeId&&this.value.length>0&&""!==this.value[0])return void(this.activeId=this.value[0]);if(""===this.activeId&&!u&&this.items.length>0)return void(this.activeId=this.items[0].id);const t=this.items.findIndex(t=>t.id===this.activeId);p?t<this.items.length-1&&!this.isNextElemenentStatusIndicator(t)&&(this.scrollIndex=t+1,this.activeId=this.items[this.scrollIndex].id,null===(i=this.virtualizer)||void 0===i||i.scrollToIndex(this.scrollIndex,"start")):t>0&&(this.scrollIndex=t-1,this.activeId=this.items[this.scrollIndex].id,null===(s=this.virtualizer)||void 0===s||s.scrollToIndex(this.scrollIndex,"start"))}else if(m)""===this.activeId&&this.value.length>0&&(this.activeId=this.value[0]);else if((y||b)&&(e.preventDefault(),this.activeId)){const e=null===(r=this.shadowRoot)||void 0===r?void 0:r.querySelector(`#${t.prefixId}${this.activeId}`);e&&("true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||this.updateItemSelection(e))}},this.handleRangeChange=t=>{const{last:e}=t;this.updateSelectedState(),this.items.length<this.totalRecords&&e>=this.items.length-1&&!this.isLoading&&!this.isError&&this.dispatchEvent(new CustomEvent("load-more",{bubbles:!0,composed:!0})),this.isUserNavigated=!1},this.renderItem=(e,i)=>"status-indicator"===e.id?l.html`
|
|
981
977
|
<div class="default-wrapper-status-indicator" id="status-indicator">${e.template(e,i)}</div>
|
|
982
978
|
`:l.html`
|
|
983
979
|
<div
|
|
@@ -1014,7 +1010,7 @@
|
|
|
1014
1010
|
.renderItem=${(t,e)=>this.renderItem(t,e)}
|
|
1015
1011
|
></lit-virtualizer>
|
|
1016
1012
|
</div>
|
|
1017
|
-
`}};c([(0,d.property)({type:Array})],e.prototype,"items",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"isLoading",void 0),c([(0,d.property)({type:Boolean,attribute:"is-multi"})],e.prototype,"isMulti",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"groupOnMultiSelect",void 0),c([(0,d.property)({type:Array})],e.prototype,"value",void 0),c([(0,d.property)({type:String})],e.prototype,"ariaRoleList",void 0),c([(0,d.property)({type:String})],e.prototype,"ariaRoleListItem",void 0),c([(0,d.property)({type:String})],e.prototype,"ariaLabelList",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"isError",void 0),c([(0,d.property)({type:String})],e.prototype,"containerHeight",void 0),c([(0,d.property)({type:String})],e.prototype,"lastSelectedIdByOrder",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"selectAllItems",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"focusReset",void 0),c([(0,d.property)({type:Array})],e.prototype,"disabledItems",void 0),c([(0,d.property)({type:Number})],e.prototype,"totalRecords",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"isNonSelectable",void 0),c([(0,d.query)(".virtual-scroll")],e.prototype,"listContainer",void 0),c([(0,d.state)()],e.prototype,"scrollIndex",void 0),c([(0,d.state)()],e.prototype,"activeId",void 0),c([(0,d.state)()],e.prototype,"selectedItemsIds",void 0),c([(0,d.state)()],e.prototype,"isUserNavigated",void 0),e=c([(0,r.w)("md-advance-list")],e),t.ELEMENT=e}(s||(s={}))},29895:(t,e,i)=>{i.d(e,{CoachmarkPopover:()=>s}),i(96798),i(61200),i(71128);var s,o=i(31890),r=i(4313),a=i(87161),n=i(70429),l=i(85125),d=i(32924),h=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.placement="bottom",this.triggerID="",this.headerIconName=void 0,this.header=void 0,this.message=void 0,this.show=!1,this.hideCloseButton=!1,this.href="",this.slotContent=null}static get styles(){return[r.A,d.A]}connectedCallback(){super.connectedCallback()}notifyCustomEvent(t){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{placement:this.placement,triggerComponent:this.triggerComponent,popper:this.popper}}))}notifyCoachCreate(){this.notifyCustomEvent("coach-create")}notifyPrimaryButtonAction(){this.notifyCustomEvent("primary-button-action")}notifySecondaryButtonAction(){this.notifyCustomEvent("secondary-button-action")}notifyLinkAction(){this.notifyCustomEvent("link-action")}notifyCoachClose(){this.notifyCustomEvent("coachmark-close")}handleSlotChange(t){const e=t.target;if(e){const t=e.assignedElements({flatten:!0});t.length&&(this.slotContent=t)}}updated(t){super.updated(t),t.has("show")&&(this.show?this.notifyCoachCreate():this.notifyCoachClose())}coachmarkContentTemplate(){return a.html`
|
|
1013
|
+
`}};c([(0,d.property)({type:Array})],e.prototype,"items",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"isLoading",void 0),c([(0,d.property)({type:Boolean,attribute:"is-multi"})],e.prototype,"isMulti",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"groupOnMultiSelect",void 0),c([(0,d.property)({type:Array})],e.prototype,"value",void 0),c([(0,d.property)({type:String})],e.prototype,"ariaRoleList",void 0),c([(0,d.property)({type:String})],e.prototype,"ariaRoleListItem",void 0),c([(0,d.property)({type:String})],e.prototype,"ariaLabelList",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"isError",void 0),c([(0,d.property)({type:String})],e.prototype,"containerHeight",void 0),c([(0,d.property)({type:String})],e.prototype,"lastSelectedIdByOrder",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"selectAllItems",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"focusReset",void 0),c([(0,d.property)({type:Array})],e.prototype,"disabledItems",void 0),c([(0,d.property)({type:Number})],e.prototype,"totalRecords",void 0),c([(0,d.property)({type:Boolean})],e.prototype,"isNonSelectable",void 0),c([(0,d.query)(".virtual-scroll")],e.prototype,"listContainer",void 0),c([(0,d.query)("lit-virtualizer")],e.prototype,"virtualizer",void 0),c([(0,d.state)()],e.prototype,"scrollIndex",void 0),c([(0,d.state)()],e.prototype,"activeId",void 0),c([(0,d.state)()],e.prototype,"selectedItemsIds",void 0),c([(0,d.state)()],e.prototype,"isUserNavigated",void 0),e=c([(0,r.w)("md-advance-list")],e),t.ELEMENT=e}(s||(s={}))},29895:(t,e,i)=>{i.d(e,{CoachmarkPopover:()=>s}),i(96798),i(61200),i(71128);var s,o=i(31890),r=i(4313),a=i(87161),n=i(70429),l=i(85125),d=i(32924),h=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.placement="bottom",this.triggerID="",this.headerIconName=void 0,this.header=void 0,this.message=void 0,this.show=!1,this.hideCloseButton=!1,this.href="",this.slotContent=null}static get styles(){return[r.A,d.A]}connectedCallback(){super.connectedCallback()}notifyCustomEvent(t){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:{placement:this.placement,triggerComponent:this.triggerComponent,popper:this.popper}}))}notifyCoachCreate(){this.notifyCustomEvent("coach-create")}notifyPrimaryButtonAction(){this.notifyCustomEvent("primary-button-action")}notifySecondaryButtonAction(){this.notifyCustomEvent("secondary-button-action")}notifyLinkAction(){this.notifyCustomEvent("link-action")}notifyCoachClose(){this.notifyCustomEvent("coachmark-close")}handleSlotChange(t){const e=t.target;if(e){const t=e.assignedElements({flatten:!0});t.length&&(this.slotContent=t)}}updated(t){super.updated(t),t.has("show")&&(this.show?this.notifyCoachCreate():this.notifyCoachClose())}coachmarkContentTemplate(){return a.html`
|
|
1018
1014
|
<div class="md-coachmark__content">
|
|
1019
1015
|
${this.message?this.message:a.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
|
|
1020
1016
|
</div>
|
|
@@ -1077,8 +1073,8 @@
|
|
|
1077
1073
|
size="20"
|
|
1078
1074
|
circle
|
|
1079
1075
|
class="md-close md-modal__close"
|
|
1080
|
-
@click
|
|
1081
|
-
@keydown
|
|
1076
|
+
@click=${this.hideModal}
|
|
1077
|
+
@keydown=${this.handleKeyDown}
|
|
1082
1078
|
ariaLabel=${this.ariaLabelClose}
|
|
1083
1079
|
>
|
|
1084
1080
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
@@ -1101,8 +1097,8 @@
|
|
|
1101
1097
|
<div part="modal-footer" class="md-modal__footer">
|
|
1102
1098
|
<md-button
|
|
1103
1099
|
aria-label=${this.ariaLabelCancel}
|
|
1104
|
-
@click
|
|
1105
|
-
@keydown
|
|
1100
|
+
@click=${this.handleFooterClick}
|
|
1101
|
+
@keydown=${this.handleKeyDown}
|
|
1106
1102
|
variant="secondary"
|
|
1107
1103
|
>
|
|
1108
1104
|
<span>Cancel</span>
|
|
@@ -1111,8 +1107,8 @@
|
|
|
1111
1107
|
type="submit"
|
|
1112
1108
|
variant="primary"
|
|
1113
1109
|
aria-label=${this.ariaLabelSubmit}
|
|
1114
|
-
@click
|
|
1115
|
-
@keydown
|
|
1110
|
+
@click=${this.handleFooterClick}
|
|
1111
|
+
@keydown=${this.handleKeyDown}
|
|
1116
1112
|
>
|
|
1117
1113
|
<span>${this.closeBtnName}</span>
|
|
1118
1114
|
</md-button>
|
|
@@ -1120,7 +1116,7 @@
|
|
|
1120
1116
|
`}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 d.html`
|
|
1121
1117
|
${this.show?d.html`
|
|
1122
1118
|
<div part="modal-backdrop" class="md-modal__backdrop fade ${(0,c.classMap)(this.modalBackDropClassMap)}">
|
|
1123
|
-
${this.backdropClickExit?d.html` <div class="md-modal_overlay" @click
|
|
1119
|
+
${this.backdropClickExit?d.html` <div class="md-modal_overlay" @click=${this.handleCloseBackdrop}></div> `:d.nothing}
|
|
1124
1120
|
|
|
1125
1121
|
<div
|
|
1126
1122
|
part="modal-container"
|
|
@@ -1290,9 +1286,9 @@
|
|
|
1290
1286
|
max=${(0,c.ifDefined)(e.max)}
|
|
1291
1287
|
maxLength=${2}
|
|
1292
1288
|
placeholder="${v[t]}"
|
|
1293
|
-
@input-change
|
|
1294
|
-
@input-keydown
|
|
1295
|
-
@input-blur
|
|
1289
|
+
@input-change=${e=>this.handleTimeChange(e,t)}
|
|
1290
|
+
@input-keydown=${e=>this.handleTimeKeyDown(e,t)}
|
|
1291
|
+
@input-blur=${e=>this.handleTimeBlur(e,t)}
|
|
1296
1292
|
.messageArr=${[{message:"",type:this.messageType(this.timeValidity[t])}]}
|
|
1297
1293
|
.ariaLabel="${t}-input"
|
|
1298
1294
|
ariaInvalid="${!this.timeValidity[t]}"
|
|
@@ -1309,7 +1305,7 @@
|
|
|
1309
1305
|
no-clear-icon
|
|
1310
1306
|
.inputValue=${this.timeValue[s.R5.AM_PM]}
|
|
1311
1307
|
.ariaLabel=${this.timeValue[s.R5.AM_PM]}
|
|
1312
|
-
@change-selected
|
|
1308
|
+
@change-selected=${t=>this.handleTimeChange(t,s.R5.AM_PM)}
|
|
1313
1309
|
>
|
|
1314
1310
|
</md-combobox>
|
|
1315
1311
|
`}get timePickerClassMap(){return{"twenty-four-hour-format":this.finalTwentyFourFormat}}connectedCallback(){super.connectedCallback(),this.initializeTimeValues()}updated(t){super.updated(t),["value","locale","twentyFourHourFormat","showDefaultNowTime","timeSpecificity"].some(e=>t.has(e))&&this.initializeTimeValues()}initializeTimeValues(){if(this.showDefaultNowTime||this.value){const t=this.value||(0,r.tB)().toISOTime({suppressMilliseconds:!0});t&&this.updateValue(t)}else{const t=p.DateTime.now().setLocale(this.locale),e=this.getLocaleTimeFormat(t);this.finalTwentyFourFormat=this.twentyFourHourFormat||e;const i=this.timeSpecificity===s.R5.MINUTE||this.timeSpecificity===s.R5.SECOND,o=this.timeSpecificity===s.R5.SECOND;this.timeValue={[s.R5.HOUR]:"",[s.R5.MINUTE]:i?"":"00",[s.R5.SECOND]:o?"":"00",[s.R5.AM_PM]:"AM"}}}updateValue(t){const e=t||this.value;if(!e)return;this.timeObject=p.DateTime.fromISO(e,{locale:this.locale});const i=this.getLocaleTimeFormat(this.timeObject);this.finalTwentyFourFormat=this.twentyFourHourFormat||i,this.value=this.timeObject.toISOTime({suppressMilliseconds:!0}),this.updateTimeValues()}dispatchTimeChangeEvent(){this.dispatchEvent(new CustomEvent("time-selection-change",{bubbles:!0,composed:!0,detail:{time:this.value,data:this.timeObject,isValid:this.isEntireTimeValid()}}))}handleTimeChange(t,e){var i,o,r;this.timeValue[e]=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.value,this.requestUpdate(),this.formatTimeUnit(e);const a=this.timeValue[e];if(this.twoDigitAutoTab&&this.tabNext&&(e!==s.R5.AM_PM&&2===a.length&&"0"!==a[0]||"00"===a)){t.preventDefault();const e=null==t?void 0:t.target,i=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelectorAll("md-input, md-combobox");if(i){const t=Array.prototype.findIndex.call(i,t=>null==e?void 0:e.isEqualNode(t)),s=(t+1)%i.length;if(t<i.length-1){const t=null===(r=i[s].shadowRoot)||void 0===r?void 0:r.querySelector("input");null==t||t.focus()}}}else e===s.R5.AM_PM&&this.updateTimeUnit(e);t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-change`,{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.timeValue[e]}`,isValid:this.timeValidity[e]}}))}handleTimeKeyDown(t,e){var i;const o=null===(i=null==t?void 0:t.detail)||void 0===i?void 0:i.srcEvent;if(!o)return void console.warn("srcEvent is undefined");const{key:r}=o;r===s.Uz.ArrowDown||r===s.Uz.ArrowUp?this.tabNext=!1:this.tabNext=!0,this.timeValidity[e]=!0,this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-keydown`,{bubbles:!0,composed:!0,detail:{srcEvent:t,value:`${this.timeValue[e]}`}}))}handleTimeBlur(t,e){"0"===this.timeValue[e]&&(this.timeValue[e]="00"),this.updateTimeUnit(e),this.requestUpdate(),t.stopPropagation(),this.dispatchEvent(new CustomEvent(`${e}-blur`,{bubbles:!0,composed:!0,detail:{srcEvent:t,time:this.value,isValid:this.timeValidity[e]}}))}static get styles(){return[n.A,u.A]}render(){return l.html`
|
|
@@ -1357,7 +1353,7 @@
|
|
|
1357
1353
|
id="${this.getCopyTabId(t)}"
|
|
1358
1354
|
aria-label=${t.ariaLabel}
|
|
1359
1355
|
aria-controls="${this.getAriaControlId(t)}"
|
|
1360
|
-
@click
|
|
1356
|
+
@click=${this.handleOverlayClose}
|
|
1361
1357
|
tabIndex="${this.tabHiddenIdPositiveTabIndex===t.id?0:-1}"
|
|
1362
1358
|
role="menuitem"
|
|
1363
1359
|
?newMomentum=${this.newMomentum}
|
|
@@ -1374,8 +1370,8 @@
|
|
|
1374
1370
|
max-height="${"288px"}"
|
|
1375
1371
|
class="md-menu-overlay__more ${(0,c.classMap)({"md-menu-overlay__more--hidden":this.isMoreTabMenuMeasured&&!this.isMoreTabMenuVisible})}"
|
|
1376
1372
|
placement="bottom-end"
|
|
1377
|
-
@menu-overlay-open
|
|
1378
|
-
@menu-overlay-close
|
|
1373
|
+
@menu-overlay-open=${()=>this.isMoreTabMenuOpen=!0}
|
|
1374
|
+
@menu-overlay-close=${()=>this.isMoreTabMenuOpen=!1}
|
|
1379
1375
|
>
|
|
1380
1376
|
${this.moreMenuButtonTemplate}
|
|
1381
1377
|
<div
|
|
@@ -1527,7 +1523,7 @@
|
|
|
1527
1523
|
<div
|
|
1528
1524
|
class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
1529
1525
|
@click=${this.handleMinimize}
|
|
1530
|
-
@keydown
|
|
1526
|
+
@keydown=${this.handleKeyDown}
|
|
1531
1527
|
role="dialog"
|
|
1532
1528
|
tabindex="-1"
|
|
1533
1529
|
part="floating-minimized"
|
|
@@ -1555,7 +1551,7 @@
|
|
|
1555
1551
|
aria-label="${this.closeAriaLabel}"
|
|
1556
1552
|
circle
|
|
1557
1553
|
@click=${this.handleClose}
|
|
1558
|
-
@keydown
|
|
1554
|
+
@keydown=${this.handleKeyDownClose}
|
|
1559
1555
|
>
|
|
1560
1556
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
1561
1557
|
</md-button>
|
|
@@ -1865,12 +1861,12 @@
|
|
|
1865
1861
|
aria-label=${(0,p.ifDefined)(this.label.length?this.label:void 0)}
|
|
1866
1862
|
type="button"
|
|
1867
1863
|
role="button"
|
|
1868
|
-
@click
|
|
1869
|
-
@keydown
|
|
1870
|
-
@mouseenter
|
|
1871
|
-
@mouseleave
|
|
1872
|
-
@focus
|
|
1873
|
-
@blur
|
|
1864
|
+
@click=${this.handleMouseDown}
|
|
1865
|
+
@keydown=${this.handleKeyDown}
|
|
1866
|
+
@mouseenter=${this.handleMouseEnter}
|
|
1867
|
+
@mouseleave=${this.handleMouseLeave}
|
|
1868
|
+
@focus=${this.handleFocus}
|
|
1869
|
+
@blur=${this.handleBlur}
|
|
1874
1870
|
>
|
|
1875
1871
|
<md-icon name="${this.iconName}" size="${this.iconSize}" iconSet="momentumDesign"></md-icon>
|
|
1876
1872
|
</button>
|
|
@@ -1881,15 +1877,15 @@
|
|
|
1881
1877
|
<span class=${(0,l.classMap)(this.loadingIconClassMap)}></span>
|
|
1882
1878
|
<span class=${(0,l.classMap)(this.loadingIconClassMap)}></span>
|
|
1883
1879
|
</div>
|
|
1884
|
-
`}};h([(0,n.property)({type:String})],e.prototype,"size",void 0),e=h([(0,o.w)("md-loading")],e),t.ELEMENT=e}(s||(s={}))},70429:t=>{t.exports=e},71128:(t,e,i)=>{i.d(e,{Popover:()=>g,PopoverController:()=>v}),i(96798),i(61200);var s=i(31890),o=i(28373),r=i(66677),a=i(5784),n=i(87161),l=i(70429),d=i(20291),h=i(68419),c=i(36365),p=i(3998),u=i(33759),m=i(86210),y=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a},b=function(t,e,i,s){return new(i||(i=Promise))(function(o,r){function a(t){try{l(s.next(t))}catch(t){r(t)}}function n(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(a,n)}l((s=s.apply(t,e||[])).next())})};class v{show(t){}hide(){}toggle(){}isVisible(){return!1}}let g=class extends((0,o.d)(n.LitElement)){set controller(t){t?(t.show=(t=!1)=>this.showPopover(t),t.hide=()=>this.hidePopover(),t.toggle=()=>this.togglePopoverVisible(),t.isVisible=()=>this.visible,this._controller=t):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=h.zY.TRIGGER,this.placement=h.zY.PLACEMENT,this.strategy=h.zY.STRATEGY,this.color=h.zY.COLOR,this.visible=h.zY.VISIBLE,this.offset=h.zY.OFFSET,this.focusTrap=h.zY.FOCUS_TRAP,this.preventScroll=h.zY.PREVENT_SCROLL,this.showArrow=h.zY.ARROW,this.closeButton=h.zY.CLOSE_BUTTON,this.interactive=h.zY.INTERACTIVE,this.delay=h.zY.DELAY,this.hideOnEscape=h.zY.HIDE_ON_ESCAPE,this.hideOnBlur=h.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=h.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=h.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=h.zY.FOCUS_BACK,this.backdrop=h.zY.BACKDROP,this.flip=h.zY.FLIP,this.size=h.zY.SIZE,this.zIndex=h.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=h.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=h.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=h.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=t=>{const e=t.composedPath();this.triggerElement&&e.includes(this.triggerElement)||e.includes(this)||p.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=t=>{this.visible&&"Escape"===t.code&&(t.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=t=>{const e=t.relatedTarget;!e||this.isElementInPopover(e)?e||setTimeout(()=>{const t=(0,r.dw)();this.isElementInPopover(t)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(t=!1)=>{this.cancelCloseDelay(),t&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{p.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,r.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=t=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(t)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return b(this,void 0,void 0,function*(){e.firstUpdated.call(this,t),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,c.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const t=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return b(this,void 0,void 0,function*(){t.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),c.T.onDestroyedPopover(this),p.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const t=this.getRootNode();if(this.triggerElement=(0,r.qi)(`[id="${this.triggerID}"]`,t),!this.triggerElement){const e=null==t?void 0:t.host;if(e){const t=e.querySelector("[slot]");(null==t?void 0:t.id)===this.triggerID&&(this.triggerElement=t)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==t||t.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==t||t.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(t){const e=Object.create(null,{updated:{get:()=>super.updated}});return b(this,void 0,void 0,function*(){if(e.updated.call(this,t),t.has("visible")){const e=t.get("visible")||!1;yield this.isOpenUpdated(e,this.visible),this.utils.updateAriaExpandedAttribute()}if(t.has("placement")&&this.setAttribute("placement",Object.values(h.ME).includes(this.placement)?this.placement:h.zY.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("trigger")){const t=this.trigger.split(" ").filter(t=>Object.values(h.tr).includes(t));this.setAttribute("trigger",t.length>0?this.trigger:h.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}t.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),t.has("color")&&this.setAttribute("color",Object.values(h.o$).includes(this.color)?this.color:h.zY.COLOR),t.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.setupAccessibility(),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(t){return!!t&&(!!this.contains(t)||(0,r.QZ)("md-popover",t)===this)}isOpenUpdated(t,e){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:t=>super.preventScroll=t}});return b(this,void 0,void 0,function*(){var s,o,r,a;if(t!==e&&this.triggerElement)if(e)p.S.peek()!==this&&p.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(s=this.activateFocusTrap)||void 0===s||s.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),c.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),p.S.removeItem(this),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(r=this.deactivateFocusTrap)||void 0===r||r.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const t=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==t&&"alertdialog"!==t||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(a=this.setFocusOnDeepestNestedElement)||void 0===a||a.call(this,this.triggerElement)),this.previousActiveElement=null,c.T.onHidePopover(this)}})}isRectOverTrigger(t,e){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return t>=i.left&&t<=i.right&&e>=i.top&&e<=i.bottom}return!1}isMouseOverTrigger(t){const{clientX:e,clientY:i}=t instanceof MouseEvent?t:{clientX:0,clientY:0};return this.isRectOverTrigger(e,i)}handleCreatePopoverFirstUpdate(){return b(this,void 0,void 0,function*(){var t,e;this.visible&&this.interactive&&(null===(t=this.setFocusableElements)||void 0===t||t.call(this),yield this.updateComplete,null===(e=this.setInitialFocus)||void 0===e||e.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const t=[(0,a.shift)()];let e=this.offset;if(this.flip&&t.push((0,a.flip)()),this.size){const e=this.renderRoot.querySelector('[part="popover-content"]');t.push((0,a.size)({apply({availableHeight:t}){e&&Object.assign(e.style,{maxHeight:`${t}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;e=Math.sqrt(2*i**2)/2+this.offset,t.push((0,a.arrow)({element:this.arrowElement,padding:12}))}t.push((0,a.offset)(e)),this.cleanupAutoUpdate=(0,a.autoUpdate)(this.triggerElement,this,()=>b(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:e,y:i,middlewareData:s,placement:o}=yield(0,a.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:t,strategy:this.strategy});this.utils.updatePopoverStyle(e,i),s.arrow&&this.arrowElement&&this.utils.updateArrowStyle(s.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return n.html`
|
|
1880
|
+
`}};h([(0,n.property)({type:String})],e.prototype,"size",void 0),e=h([(0,o.w)("md-loading")],e),t.ELEMENT=e}(s||(s={}))},70429:t=>{t.exports=e},71128:(t,e,i)=>{i.d(e,{Popover:()=>v,PopoverController:()=>b}),i(96798),i(61200);var s=i(31890),o=i(28373),r=i(66677),a=i(5784),n=i(87161),l=i(70429),d=i(68419),h=i(36365),c=i(3998),p=i(33759),u=i(86210),m=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a},y=function(t,e,i,s){return new(i||(i=Promise))(function(o,r){function a(t){try{l(s.next(t))}catch(t){r(t)}}function n(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(a,n)}l((s=s.apply(t,e||[])).next())})};class b{show(t){}hide(){}toggle(){}isVisible(){return!1}}let v=class extends((0,o.d)(n.LitElement)){set controller(t){t?(t.show=(t=!1)=>this.showPopover(t),t.hide=()=>this.hidePopover(),t.toggle=()=>this.togglePopoverVisible(),t.isVisible=()=>this.visible,this._controller=t):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=d.zY.TRIGGER,this.placement=d.zY.PLACEMENT,this.strategy=d.zY.STRATEGY,this.color=d.zY.COLOR,this.visible=d.zY.VISIBLE,this.offset=d.zY.OFFSET,this.focusTrap=d.zY.FOCUS_TRAP,this.preventScroll=d.zY.PREVENT_SCROLL,this.showArrow=d.zY.ARROW,this.closeButton=d.zY.CLOSE_BUTTON,this.interactive=d.zY.INTERACTIVE,this.delay=d.zY.DELAY,this.hideOnEscape=d.zY.HIDE_ON_ESCAPE,this.hideOnBlur=d.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=d.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=d.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=d.zY.FOCUS_BACK,this.backdrop=d.zY.BACKDROP,this.flip=d.zY.FLIP,this.size=d.zY.SIZE,this.zIndex=d.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=d.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=d.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=d.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=t=>{const e=t.composedPath();this.triggerElement&&e.includes(this.triggerElement)||e.includes(this)||c.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=t=>{this.visible&&"Escape"===t.code&&(t.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=t=>{const e=t.relatedTarget;!e||this.isElementInPopover(e)?e||setTimeout(()=>{const t=(0,r.dw)();this.isElementInPopover(t)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(t=!1)=>{this.cancelCloseDelay(),t&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{c.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,r.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=t=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(t)||this.togglePopoverVisible()},this.utils=new p.h(this),this.preventClickOutside=!0}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return y(this,void 0,void 0,function*(){e.firstUpdated.call(this,t),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,h.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const t=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return y(this,void 0,void 0,function*(){t.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),h.T.onDestroyedPopover(this),c.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const t=this.getRootNode();if(this.triggerElement=(0,r.qi)(`[id="${this.triggerID}"]`,t),!this.triggerElement){const e=null==t?void 0:t.host;if(e){const t=e.querySelector("[slot]");(null==t?void 0:t.id)===this.triggerID&&(this.triggerElement=t)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==t||t.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==t||t.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(t){const e=Object.create(null,{updated:{get:()=>super.updated}});return y(this,void 0,void 0,function*(){if(e.updated.call(this,t),t.has("visible")){const e=t.get("visible")||!1;yield this.isOpenUpdated(e,this.visible),this.utils.updateAriaExpandedAttribute()}if(t.has("placement")&&this.setAttribute("placement",Object.values(d.ME).includes(this.placement)?this.placement:d.zY.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("trigger")){const t=this.trigger.split(" ").filter(t=>Object.values(d.tr).includes(t));this.setAttribute("trigger",t.length>0?this.trigger:d.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}t.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),t.has("color")&&this.setAttribute("color",Object.values(d.o$).includes(this.color)?this.color:d.zY.COLOR),t.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.setupAccessibility(),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(t){return!!t&&(!!this.contains(t)||(0,r.QZ)("md-popover",t)===this)}isOpenUpdated(t,e){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:t=>super.preventScroll=t}});return y(this,void 0,void 0,function*(){var s,o,r,a;if(t!==e&&this.triggerElement)if(e)c.S.peek()!==this&&c.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(s=this.activateFocusTrap)||void 0===s||s.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="none")),this.hideOnWindowBlur&&window.addEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.addEventListener("keydown",this.onEscapeKeydown),h.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),c.S.removeItem(this),this.utils.handleAppendTo(!1),this.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(r=this.deactivateFocusTrap)||void 0===r||r.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const t=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==t&&"alertdialog"!==t||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(a=this.setFocusOnDeepestNestedElement)||void 0===a||a.call(this,this.triggerElement)),this.previousActiveElement=null,h.T.onHidePopover(this)}})}isRectOverTrigger(t,e){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return t>=i.left&&t<=i.right&&e>=i.top&&e<=i.bottom}return!1}isMouseOverTrigger(t){const{clientX:e,clientY:i}=t instanceof MouseEvent?t:{clientX:0,clientY:0};return this.isRectOverTrigger(e,i)}setFocusableElements(){var t;null===(t=super.setFocusableElements)||void 0===t||t.call(this);const e=this.triggerElement;this.appendTo&&this.activeFocusTrap&&e&&this.focusableElements&&(this.focusableElements.includes(e)||this.focusableElements.push(e))}handleCreatePopoverFirstUpdate(){return y(this,void 0,void 0,function*(){var t,e;this.visible&&this.interactive&&(null===(t=this.setFocusableElements)||void 0===t||t.call(this),yield this.updateComplete,null===(e=this.setInitialFocus)||void 0===e||e.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const t=[(0,a.shift)()];let e=this.offset;if(this.flip&&t.push((0,a.flip)()),this.size){const e=this.renderRoot.querySelector('[part="popover-content"]');t.push((0,a.size)({apply({availableHeight:t}){e&&Object.assign(e.style,{maxHeight:`${t}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;e=Math.sqrt(2*i**2)/2+this.offset,t.push((0,a.arrow)({element:this.arrowElement,padding:12}))}t.push((0,a.offset)(e)),this.cleanupAutoUpdate=(0,a.autoUpdate)(this.triggerElement,this,()=>y(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:e,y:i,middlewareData:s,placement:o}=yield(0,a.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:t,strategy:this.strategy});this.utils.updatePopoverStyle(e,i),s.arrow&&this.arrowElement&&this.utils.updateArrowStyle(s.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return n.html`
|
|
1885
1881
|
<div class="popover-hover-bridge"></div>
|
|
1886
1882
|
${this.closeButton?n.html` <md-button
|
|
1887
1883
|
class="popover-close"
|
|
1888
1884
|
hasRemoveStyle
|
|
1889
1885
|
size="20"
|
|
1890
1886
|
circle
|
|
1891
|
-
ariaLabel=${
|
|
1892
|
-
@button-click
|
|
1887
|
+
.ariaLabel=${this.closeButtonAriaLabel}
|
|
1888
|
+
@button-click=${this.hidePopover}
|
|
1893
1889
|
>
|
|
1894
1890
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
1895
1891
|
</md-button>`:n.nothing}
|
|
@@ -1897,7 +1893,7 @@
|
|
|
1897
1893
|
<div part="popover-content">
|
|
1898
1894
|
<slot></slot>
|
|
1899
1895
|
</div>
|
|
1900
|
-
`}static get styles(){return[
|
|
1896
|
+
`}static get styles(){return[u.A]}};m([(0,l.property)({type:String,reflect:!0})],v.prototype,"id",void 0),m([(0,l.property)({type:String,reflect:!0})],v.prototype,"triggerID",void 0),m([(0,l.property)({type:String,reflect:!0})],v.prototype,"trigger",void 0),m([(0,l.property)({type:String,reflect:!0})],v.prototype,"placement",void 0),m([(0,l.property)({type:String,reflect:!0})],v.prototype,"strategy",void 0),m([(0,l.property)({type:String,reflect:!0})],v.prototype,"color",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,"visible",void 0),m([(0,l.property)({type:Number,reflect:!0})],v.prototype,"offset",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],v.prototype,"focusTrap",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],v.prototype,"preventScroll",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],v.prototype,"showArrow",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"close-button"})],v.prototype,"closeButton",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,"interactive",void 0),m([(0,l.property)({type:String,reflect:!0})],v.prototype,"delay",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],v.prototype,"hideOnEscape",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],v.prototype,"hideOnBlur",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],v.prototype,"hideOnWindowBlur",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],v.prototype,"hideOnOutsideClick",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],v.prototype,"focusBackToTrigger",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,"backdrop",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,"flip",void 0),m([(0,l.property)({type:Boolean,reflect:!0})],v.prototype,"size",void 0),m([(0,l.property)({type:Number,reflect:!0,attribute:"z-index"})],v.prototype,"zIndex",void 0),m([(0,l.property)({type:String,reflect:!0,attribute:"append-to"})],v.prototype,"appendTo",void 0),m([(0,l.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],v.prototype,"closeButtonAriaLabel",void 0),m([(0,l.property)({type:String,reflect:!0})],v.prototype,"role",void 0),m([(0,l.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],v.prototype,"ariaLabelledby",void 0),m([(0,l.property)({type:String,reflect:!0,attribute:"aria-describedby"})],v.prototype,"ariaDescribedby",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],v.prototype,"disableAriaExpanded",void 0),m([(0,l.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],v.prototype,"animationFrame",void 0),m([(0,l.property)({type:Object,attribute:!1})],v.prototype,"controller",null),v=m([(0,s.w)("md-popover")],v)},72655:(t,e,i)=>{i.r(e),i.d(e,{Accordion:()=>s.Accordion,AccordionItem:()=>o.AccordionItem,ActivityButton:()=>r.ActivityButton,AdvanceList:()=>a.AdvanceList,Alert:()=>l.Alert,AlertBanner:()=>n.AlertBanner,AudioPlayer:()=>d.AudioPlayer,Avatar:()=>h.Avatar,AvatarType:()=>c,Badge:()=>u.Badge,Breadcrumb:()=>E.Breadcrumb,Button:()=>T.Button,ButtonGroup:()=>$.ButtonGroup,Card:()=>I.Card,CardAi:()=>k.CardAi,CardV2:()=>A.CardV2,ChatMessage:()=>L.ChatMessage,Checkbox:()=>O.Checkbox,CheckboxGroup:()=>M.CheckboxGroup,Chip:()=>D.Chip,Coachmark:()=>R.Coachmark,CoachmarkPopover:()=>P.CoachmarkPopover,CodeEditor:()=>V,ComboBox:()=>j.ComboBox,CompositeAvatar:()=>p.CompositeAvatar,CountryCodePicker:()=>U.CountryCodePicker,DatePicker:()=>W.DatePicker,DatePickerCalendar:()=>K.DatePickerCalendar,DatePickerDay:()=>G.DatePickerDay,DatePickerMonth:()=>Y.DatePickerMonth,DatePickerWeek:()=>X.DatePickerWeek,DateRangePicker:()=>q.DateRangePicker,DateTimePicker:()=>H.DateTimePicker,Draggable:()=>Z.Draggable,DraggableItem:()=>Q.DraggableItem,Dropdown:()=>J.Dropdown,EditableTextfield:()=>tt.EditableTextfield,Favorite:()=>et.Favorite,FloatingButtonBar:()=>at,FloatingMinimizedModal:()=>nt.FloatingMinimizedModal,FloatingModal:()=>lt.FloatingModal,Form:()=>mt.Form,FormArray:()=>ht,FormControl:()=>ct,FormGroup:()=>pt,Grabber:()=>yt.Grabber,HelpText:()=>bt.HelpText,Icon:()=>f.Icon,Input:()=>gt.Input,InputFile:()=>vt.InputFile,Label:()=>ft.Label,Link:()=>wt.Link,List:()=>Ct.List,ListItem:()=>xt.ListItem,Loading:()=>St.Loading,MeetingAlert:()=>Et.MeetingAlert,Menu:()=>Tt.Menu,MenuItem:()=>kt.MenuItem,MenuOverlay:()=>$t.MenuOverlay,Modal:()=>At.Modal,NotificationBadge:()=>S,Pagination:()=>It.Pagination,PhoneInput:()=>Lt.PhoneInput,Popover:()=>Ot.Popover,PopoverController:()=>Ot.PopoverController,Presence:()=>Mt.Presence,ProgressBar:()=>Dt.ProgressBar,Radio:()=>Pt.Radio,RadioGroup:()=>Rt.RadioGroup,Skeleton:()=>Bt,Slider:()=>Ft.Slider,Spinner:()=>Vt.Spinner,Tab:()=>Ut.Tab,TabPanel:()=>qt.TabPanel,Table:()=>jt.Table,TableAdvanced:()=>Nt.TableAdvanced,Tabs:()=>Ht.Tabs,TaskItem:()=>Wt.TaskItem,Theme:()=>Kt.Theme,ThemeManager:()=>Zt.ThemeManager,TimePicker:()=>Gt.TimePicker,ToggleSwitch:()=>Yt.ToggleSwitch,Tooltip:()=>it.Tooltip,Validators:()=>ut,iconUrlManager:()=>Xt.O,registerThemeManagerGlobally:()=>Zt.registerThemeManagerGlobally,themeManager:()=>Zt.themeManager});var s=i(33328),o=i(6779),r=i(94891),a=i(28307),n=i(19479),l=i(74896),d=i(23779),h=i(38028);const c=["bot","group","self","typing",""];var p=i(2207),u=i(63704),m=i(3001),y=i(87161),b=i(11873),v=i(54765),g=i(70429),f=i(61200),w=i(15427);const C=y.css`:host{color:var(--badge-notification-primary-foreground-color);font-size:var(--font-size-body-small,.75rem);font-weight:var(--brand-font-weight-medium,500);line-height:var(--font-lineheight-body-small,1rem);font-family:var(--brand-font-medium);box-sizing:border-box;align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.md-notification-badge-overlay{outline:.0625rem solid var(--badge-notification-overlay-border-color)}.md-notification-badge-text{box-sizing:border-box;padding:0 .25rem;border-radius:6.25rem;min-width:1rem;display:flex;justify-content:center;background-color:var(--badge-notification-primary-background-color)}.md-notification-badge-dot{width:.75rem;height:.75rem;border-radius:50%;background-color:var(--badge-notification-primary-background-color)}.md-notification-badge-icon{padding:2px;size:1rem;border-radius:50%;box-sizing:border-box}.md-notification-badge-icon__primary{background-color:var(--badge-notification-primary-background-color);color:var(--badge-notification-primary-foreground-color)}.md-notification-badge-icon__success{background-color:var(--badge-notification-success-background-color);color:var(--badge-notification-success-foreground-color)}.md-notification-badge-icon__warning{background-color:var(--badge-notification-warning-background-color);color:var(--badge-notification-warning-foreground-color)}.md-notification-badge-icon__error{background-color:var(--badge-notification-error-background-color);color:var(--badge-notification-error-foreground-color)}.md-notification-badge-icon__secondary{background-color:var(--badge-notification-secondary-background-color);color:var(--badge-notification-secondary-foreground-color)}@media(forced-colors:active){.md-notification-badge-dot,.md-notification-badge-icon,.md-notification-badge-text{outline:.125rem solid}}`;var x=function(t,e,i,s){var o,r=arguments.length,a=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(r<3?o(a):r>3?o(e,i,a):o(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};let S=class extends y.LitElement{constructor(){super(...arguments),this.variant=w.zY.VARIANT,this.maxCounter=w.zY.MAX_COUNTER,this.overlay=!1,this.ariaLabel=null}static get styles(){return[C]}getCounterText(t,e){return void 0===e||"number"!=typeof e||0===t?"":e>t?`${t}+`:t>w.zY.MAX_COUNTER_LIMIT||e>w.zY.MAX_COUNTER_LIMIT?`${w.zY.MAX_COUNTER_LIMIT}+`:e.toString()}getBadgeIcon(t,e){return y.html`
|
|
1901
1897
|
<md-icon
|
|
1902
1898
|
class="md-notification-badge-icon ${(0,b.H)({"md-notification-badge-overlay":this.overlay,[`md-notification-badge-icon__${e}`]:!0})}"
|
|
1903
1899
|
iconSet="momentumDesign"
|
|
@@ -2093,13 +2089,7 @@
|
|
|
2093
2089
|
</div>
|
|
2094
2090
|
${this.closable?a.html`
|
|
2095
2091
|
<div class="md-alert__button">
|
|
2096
|
-
<md-button
|
|
2097
|
-
ariaLabel="${this.btnlabel}"
|
|
2098
|
-
hasRemoveStyle
|
|
2099
|
-
color="color-none"
|
|
2100
|
-
circle
|
|
2101
|
-
@click="${()=>this.close()}"
|
|
2102
|
-
>
|
|
2092
|
+
<md-button ariaLabel="${this.btnlabel}" hasRemoveStyle color="color-none" circle @click=${this.close}>
|
|
2103
2093
|
<md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
|
|
2104
2094
|
</md-button>
|
|
2105
2095
|
</div>
|
|
@@ -2157,7 +2147,7 @@
|
|
|
2157
2147
|
hasRemoveStyle
|
|
2158
2148
|
color="color-none"
|
|
2159
2149
|
circle
|
|
2160
|
-
@click
|
|
2150
|
+
@click=${this.close}
|
|
2161
2151
|
>
|
|
2162
2152
|
<md-icon slot="icon" name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
2163
2153
|
</md-button>
|
|
@@ -2394,7 +2384,7 @@
|
|
|
2394
2384
|
ariaLabel=${this.countryCodeAriaLabel}
|
|
2395
2385
|
codePlaceholder="${this.codePlaceholder}"
|
|
2396
2386
|
.countryCallingCode="${this.countryCallingCode}"
|
|
2397
|
-
@country-code-changed
|
|
2387
|
+
@country-code-changed=${t=>this.handleCountryChange(t)}
|
|
2398
2388
|
?newMomentum=${this.newMomentum}
|
|
2399
2389
|
?isDropdownArrow=${!0}
|
|
2400
2390
|
.clearAriaLabel="${this.clearCountryCodeAriaLabel}"
|
|
@@ -2406,9 +2396,9 @@
|
|
|
2406
2396
|
placeholder=${this.numberPlaceholder}
|
|
2407
2397
|
.ariaInvalid=${this.isValid?"false":"true"}
|
|
2408
2398
|
.ariaLabel=${`${this.dialNumberAriaLabel}`}
|
|
2409
|
-
@input-change
|
|
2410
|
-
@input-blur
|
|
2411
|
-
@input-keydown
|
|
2399
|
+
@input-change=${t=>this.handlePhoneChange(t)}
|
|
2400
|
+
@input-blur=${t=>this.handleBlur(t)}
|
|
2401
|
+
@input-keydown=${t=>this.handleKeydown(t)}
|
|
2412
2402
|
shape="${this.pill?"pill":"none"}"
|
|
2413
2403
|
.ariaControls=${this.id}
|
|
2414
2404
|
clear
|
|
@@ -2509,7 +2499,7 @@
|
|
|
2509
2499
|
${this.lastmessage?a.nothing:a.html` <slot name="lastmessage"></slot> `}
|
|
2510
2500
|
</div>
|
|
2511
2501
|
<div class="md-taskitem__addition ${(0,d.classMap)({empty_addition:this.additionEmptyMargin})}">
|
|
2512
|
-
<slot @slotchange
|
|
2502
|
+
<slot @slotchange=${this.handleAdditionSlotChange}></slot>
|
|
2513
2503
|
${(0,c.Um)(this.quantity,this.isRestyle,this)}
|
|
2514
2504
|
</div>
|
|
2515
2505
|
</div>
|
|
@@ -2713,7 +2703,7 @@
|
|
|
2713
2703
|
secondaryLabel
|
|
2714
2704
|
.htmlFor=${this.htmlId}
|
|
2715
2705
|
.label=${this.secondaryLabel}
|
|
2716
|
-
@label-click
|
|
2706
|
+
@label-click=${()=>this.handleLabelClick()}
|
|
2717
2707
|
></md-label>
|
|
2718
2708
|
`:l.nothing}helpTextTemplate(){return this.helpText?l.html`
|
|
2719
2709
|
<md-help-text
|
|
@@ -2737,7 +2727,7 @@
|
|
|
2737
2727
|
class="md-input__label ${(0,h.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
2738
2728
|
.htmlFor=${this.htmlId}
|
|
2739
2729
|
.label=${this.label}
|
|
2740
|
-
@label-click
|
|
2730
|
+
@label-click=${()=>this.handleLabelClick()}
|
|
2741
2731
|
></md-label>
|
|
2742
2732
|
`:l.nothing}static get styles(){return[n.A,m.A]}render(){return l.html`
|
|
2743
2733
|
<div class="md-input-container ${(0,h.classMap)(this.inputClassMap)}" part="md-input-container">
|
|
@@ -25,6 +25,7 @@ export declare namespace AlertBanner {
|
|
|
25
25
|
alignment: AlertBanner.Alignment;
|
|
26
26
|
connectedCallback(): void;
|
|
27
27
|
onHide(): void;
|
|
28
|
+
onRefreshClick(): void;
|
|
28
29
|
handleKeyDown(event: KeyboardEvent): void;
|
|
29
30
|
private get isLeadingAlignment();
|
|
30
31
|
static get styles(): CSSResultArray;
|