@momentum-ui/web-components 3.0.0-alpha.3 → 3.0.0-alpha.5
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/3739.js +1 -1
- package/dist/4744.js +1 -1
- 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/8161.js +1 -1
- 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 +4 -4
- package/dist/comp/md-task-item-entry.js +1 -1
- package/dist/comp/md-timepicker-entry.js +4 -4
- package/dist/index-entry.js +58 -68
- 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/popover/Popover.d.ts +4 -0
- package/dist/types/components/popover/Popover.utils.d.ts +4 -0
- package/package.json +1 -1
package/dist/8210.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[591,2972,8210],{32972:(e,t,s)=>{s.d(t,{y:()=>u}),s(87161);var o=s(70429),n=s(18889);const u=e=>{if((0,n.V)(u,e))return e;class t extends e{constructor(){super(...arguments),this.autofocus=!1}setFocus(e){this.
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[591,2972,8210],{32972:(e,t,s)=>{s.d(t,{y:()=>u}),s(87161);var o=s(70429),n=s(18889);const u=e=>{if((0,n.V)(u,e))return e;class t extends e{constructor(){super(...arguments),this.autofocus=!1}setFocus(e){this.toggleAttribute("focus-visible",e)}handleFocusIn(e){super.handleFocusIn&&super.handleFocusIn(e),this.setFocus(!0),this.dispatchEvent(new CustomEvent("focus-visible",{composed:!0,bubbles:!0,detail:{sourceEvent:e}}))}handleFocusOut(e){super.handleFocusOut&&super.handleFocusOut(e),this.setFocus(!1),this.dispatchEvent(new CustomEvent("focus-not-visible",{composed:!0,bubbles:!0,detail:{sourceEvent:e}}))}manageAutoFocus(e=this){e.focus()}firstUpdated(e){super.firstUpdated(e),this.addEventListener("focus",this.handleFocusIn),this.addEventListener("blur",this.handleFocusOut),this.autofocus&&requestAnimationFrame(()=>{this.manageAutoFocus()})}getActiveElement(){return this.getRootNode().activeElement}getDeepActiveElement(){var e;let t=document.activeElement||document.body;for(;null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.activeElement;)t=t.shadowRoot.activeElement;return t}isElementFocused(e){return this.getDeepActiveElement()!==e}disconnectedCallback(){this.removeEventListener("focus",this.handleFocusIn),this.removeEventListener("blur",this.handleFocusOut)}}return function(e,t,s,o){var n,u=arguments.length,c=u<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,s):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,s,o);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(c=(u<3?n(c):u>3?n(t,s,c):n(t,s))||c);u>3&&c&&Object.defineProperty(t,s,c)}([(0,o.property)({type:Boolean,reflect:!0})],t.prototype,"autofocus",void 0),(0,n.B)(u,t),t}}}]);
|
package/dist/8345.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8345],{3998:(e,o,t)=>{t.d(o,{S:()=>r});const r=new class{constructor(){this.stack=[]}push(e){this.stack.push(e)}pop(){return this.stack.pop()}removeItem(e){this.stack=this.stack.filter(o=>o!==e)}peek(){return this.stack[this.stack.length-1]}remove(e){this.stack=this.stack.filter(o=>o!==e)}clear(){this.stack=[]}shouldDeferToTopForOutsideClick(e){const o=this.peek();return!(!o||o===e||!(o.triggerElement&&e.contains(o.triggerElement)||e.triggerElement&&o.contains(e.triggerElement)))}}},33759:(e,o,t)=>{t.d(o,{h:()=>i});var r=t(66677);class i{constructor(e){this.arrowPixelChange=!1,this.originalParent=null,this.originalNextSibling=null,this.popover=e}setupDelay(){try{const[e,o]=this.popover.delay.split(",").map(e=>{const o=parseInt(e,10);if(Number.isNaN(o)||o<0)throw new Error(`Invalid delay value: ${e}`);return o});return[e,o]}catch(e){return this.popover.delay="0,0",[0,0]}}setupHoverBridge(e){const o=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(o.style,{top:"",left:"",right:"",bottom:""});const t=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,r=this.popover.offsetHeight||0,i=this.popover.offsetWidth||0,p=!!this.popover.appendTo&&this.originalParent;if(o){const s=e.split("-")[0];switch(p&&this.popover.trigger.includes("mouseenter")&&o.addEventListener("mouseenter",this.popover.cancelCloseDelay),s){case"top":o.style.height=t,o.style.bottom=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`;break;case"left":o.style.height=`${r}px`,o.style.width=t,o.style.right=`calc(-1.5 * (${t}))`;break;case"right":o.style.height=`${r}px`,o.style.width=t,o.style.left=`calc(-0.5 * (${t}))`;break;default:o.style.height=t,o.style.top=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`}}}handleAppendTo(e){if(this.popover.appendTo)if(e){this.originalParent=this.popover.parentNode,this.originalNextSibling=this.popover.nextSibling;const e=(0,r.XI)(this.popover.appendTo,document);if(e&&(this.popover.removeEventListeners(),e.appendChild(this.popover),this.popover.setupTriggerListener(),this.popover.trigger.includes("mouseenter"))){const e=this.popover.renderRoot.querySelector(".popover-hover-bridge");e&&e.addEventListener("mouseenter",this.popover.cancelCloseDelay)}}else this.originalParent&&(this.popover.removeEventListeners(),this.originalNextSibling?this.originalParent.insertBefore(this.popover,this.originalNextSibling):this.originalParent.appendChild(this.popover),this.popover.setupTriggerListener())}setupAccessibility(){var e,o,t;"dialog"!==this.popover.role&&"alertdialog"!==this.popover.role||this.popover.toggleAttribute("aria-modal",this.popover.interactive),this.popover.interactive?(this.popover.setAttribute("aria-modal","true"),this.popover.ariaLabel||(this.popover.ariaLabel=(null===(e=this.popover.triggerElement)||void 0===e?void 0:e.ariaLabel)||(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.textContent)||""),this.popover.ariaLabelledby||(this.popover.ariaLabelledby=(null===(t=this.popover.triggerElement)||void 0===t?void 0:t.id)||"")):this.popover.removeAttribute("aria-modal")}updateAriaHasPopupAttribute(){var e,o,t;this.popover.interactive?null===(e=this.popover.triggerElement)||void 0===e||e.setAttribute("aria-haspopup",(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.getAttribute("aria-haspopup"))||"dialog"):null===(t=this.popover.triggerElement)||void 0===t||t.removeAttribute("aria-haspopup")}updateAriaExpandedAttribute(){var e,o;this.popover.disableAriaExpanded?null===(e=this.popover.triggerElement)||void 0===e||e.removeAttribute("aria-expanded"):null===(o=this.popover.triggerElement)||void 0===o||o.setAttribute("aria-expanded",`${this.popover.visible}`)}updateArrowStyle(e,o){var t;if(!this.popover.arrowElement)return;const r=o.split("-")[0],i={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:p,y:s}=e,a=this.popover.arrowElement.getBoundingClientRect(),n=null===(t=this.popover.arrowElement.offsetParent)||void 0===t?void 0:t.getBoundingClientRect();if(!this.arrowPixelChange){const e=(null==n?void 0:n[i])?12-Math.abs(a[i]-n[i]):0;1===Math.round(e)?this.arrowPixelChange=!0:this.arrowPixelChange=!1}const l=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:null!=p?`${p}px`:"",top:null!=s?`${s}px`:"",[i]:-this.popover.arrowElement.offsetHeight/2-l+"px"})}updatePopoverStyle(e,o){Object.assign(this.popover.style,{left:`${e}px`,top:`${o}px`})}createBackdrop(){var e;if(!this.popover.backdropElement){const o=document.createElement("div");o.classList.add("popover-backdrop"),null===(e=this.popover.parentElement)||void 0===e||e.appendChild(o);const t=document.createElement("style");t.textContent=`\n .popover-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: transparent;\n z-index: ${this.popover.zIndex-1};\n }\n `,o.appendChild(t),this.popover.backdropElement=o}}}},36365:(e,o,t)=>{t.d(o,{T:()=>r});class r{static dispatchPopoverEvent(e,o){o.dispatchEvent(new CustomEvent(e,{detail:{show:o.visible},composed:!0,bubbles:!0}))}static onShowPopover(e){this.dispatchPopoverEvent("shown",e)}static onHidePopover(e){this.dispatchPopoverEvent("hidden",e)}static onCreatedPopover(e){this.dispatchPopoverEvent("created",e)}static onDestroyedPopover(e){this.dispatchPopoverEvent("destroyed",e)}}},68419:(e,o,t)=>{t.d(o,{ME:()=>r,o$:()=>p,tr:()=>i,zY:()=>s});const r={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},i={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},p={TONAL:"tonal",CONTRAST:"contrast"},s={PLACEMENT:r.BOTTOM,STRATEGY:"absolute",TRIGGER:i.CLICK,COLOR:p.TONAL,OFFSET:4,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_WINDOW_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:"dialog",Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1,ANIMATION_FRAME:!1}},86210:(e,o,t)=>{t.d(o,{A:()=>r});const r=t(87161).css`:host{--md-popover-arrow-border-radius:0.1875rem;--md-popover-arrow-border:0.0625rem solid var(--popover-border-color);--md-popover-elevation-3:var(--md-elevation-3);--md-popover-max-width:max-content;--md-popover-max-height:auto;--md-popover-position:absolute;display:none;position:var(--md-popover-position);top:0;left:0;box-sizing:content-box;background-color:var(--popover-bg-color);border-radius:.5rem;border:.0625rem solid var(--popover-border-color);filter:var(--md-popover-elevation-3);width:var(--md-popover-max-width)}:host([strategy=fixed]){--md-popover-position:fixed}:host([visible]){display:block}:host([color=contrast]){background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color);color:var(--popover-inverted-text-color)}:host([color=contrast]) .popover-arrow{background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color)}:host([color=contrast]) .popover-close{color:var(--popover-inverted-text-color)}:host::part(popover-content){position:relative;padding:.75rem;min-width:max-content;z-index:9998;max-height:var(--md-popover-max-height)}.popover-hover-bridge{position:absolute;transform:translateX(-50%);background:rgba(0,0,0,0);pointer-events:auto}.popover-arrow{position:absolute;width:1rem;height:1rem;background-color:var(--popover-bg-color);transform:rotate(45deg);pointer-events:none;border:var(--md-popover-arrow-border)}.popover-close{position:absolute;right:.75rem;top:.75rem;cursor:pointer;z-index:9999;padding-left:.5rem;width:1.25rem;height:1.25rem}.popover-arrow[data-side=top]{border-top:none;border-left:none;border-bottom-right-radius:var(--md-popover-arrow-border-radius);border-top-left-radius:100%}.popover-arrow[data-side=bottom]{border-bottom:none;border-right:none;border-top-left-radius:var(--md-popover-arrow-border-radius);border-bottom-right-radius:100%}.popover-arrow[data-side=right]{border-top:none;border-right:none;border-bottom-left-radius:var(--md-popover-arrow-border-radius);border-top-right-radius:100%}.popover-arrow[data-side=left]{border-bottom:none;border-left:none;border-top-right-radius:var(--md-popover-arrow-border-radius);border-bottom-left-radius:100%}`}}]);
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[8345],{3998:(e,o,t)=>{t.d(o,{S:()=>r});const r=new class{constructor(){this.stack=[]}push(e){this.stack.push(e)}pop(){return this.stack.pop()}removeItem(e){this.stack=this.stack.filter(o=>o!==e)}peek(){return this.stack[this.stack.length-1]}remove(e){this.stack=this.stack.filter(o=>o!==e)}clear(){this.stack=[]}shouldDeferToTopForOutsideClick(e){const o=this.peek();return!(!o||o===e||!(o.triggerElement&&e.contains(o.triggerElement)||e.triggerElement&&o.contains(e.triggerElement)))}}},33759:(e,o,t)=>{t.d(o,{h:()=>i});var r=t(66677);class i{constructor(e){this.arrowPixelChange=!1,this.originalParent=null,this.originalNextSibling=null,this.popover=e}setupDelay(){try{const[e,o]=this.popover.delay.split(",").map(e=>{const o=parseInt(e,10);if(Number.isNaN(o)||o<0)throw new Error(`Invalid delay value: ${e}`);return o});return[e,o]}catch(e){return this.popover.delay="0,0",[0,0]}}setupHoverBridge(e){const o=this.popover.renderRoot.querySelector(".popover-hover-bridge");Object.assign(o.style,{top:"",left:"",right:"",bottom:""});const t=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset}px)`,r=this.popover.offsetHeight||0,i=this.popover.offsetWidth||0,p=!!this.popover.appendTo&&this.originalParent;if(o){const s=e.split("-")[0];switch(p&&this.popover.trigger.includes("mouseenter")&&o.addEventListener("mouseenter",this.popover.cancelCloseDelay),s){case"top":o.style.height=t,o.style.bottom=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`;break;case"left":o.style.height=`${r}px`,o.style.width=t,o.style.right=`calc(-1.5 * (${t}))`;break;case"right":o.style.height=`${r}px`,o.style.width=t,o.style.left=`calc(-0.5 * (${t}))`;break;default:o.style.height=t,o.style.top=`calc(-1 * (${t}))`,o.style.left="50%",o.style.width=`${i}px`}}}handleAppendTo(e){if(this.popover.appendTo)if(e){this.originalParent=this.popover.parentNode,this.originalNextSibling=this.popover.nextSibling;const e=(0,r.XI)(this.popover.appendTo,document);if(e&&(this.popover.removeEventListeners(),e.appendChild(this.popover),this.popover.setupTriggerListener(),this.reattachFocusListeners(),this.popover.trigger.includes("mouseenter"))){const e=this.popover.renderRoot.querySelector(".popover-hover-bridge");e&&e.addEventListener("mouseenter",this.popover.cancelCloseDelay)}}else this.originalParent&&(this.popover.removeEventListeners(),this.originalNextSibling?this.originalParent.insertBefore(this.popover,this.originalNextSibling):this.originalParent.appendChild(this.popover),this.popover.setupTriggerListener())}reattachFocusListeners(){this.popover.querySelectorAll("*").forEach(e=>{const o=e;o.handleFocusIn&&o.handleFocusOut&&(o.removeEventListener("focus",o.handleFocusIn),o.removeEventListener("blur",o.handleFocusOut),o.addEventListener("focus",o.handleFocusIn),o.addEventListener("blur",o.handleFocusOut))})}setupAccessibility(){var e,o,t;"dialog"!==this.popover.role&&"alertdialog"!==this.popover.role||this.popover.toggleAttribute("aria-modal",this.popover.interactive),this.popover.interactive?(this.popover.setAttribute("aria-modal","true"),this.popover.ariaLabel||(this.popover.ariaLabel=(null===(e=this.popover.triggerElement)||void 0===e?void 0:e.ariaLabel)||(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.textContent)||""),this.popover.ariaLabelledby||(this.popover.ariaLabelledby=(null===(t=this.popover.triggerElement)||void 0===t?void 0:t.id)||"")):this.popover.removeAttribute("aria-modal")}updateAriaHasPopupAttribute(){var e,o,t;this.popover.interactive?null===(e=this.popover.triggerElement)||void 0===e||e.setAttribute("aria-haspopup",(null===(o=this.popover.triggerElement)||void 0===o?void 0:o.getAttribute("aria-haspopup"))||"dialog"):null===(t=this.popover.triggerElement)||void 0===t||t.removeAttribute("aria-haspopup")}updateAriaExpandedAttribute(){var e,o;this.popover.disableAriaExpanded?null===(e=this.popover.triggerElement)||void 0===e||e.removeAttribute("aria-expanded"):null===(o=this.popover.triggerElement)||void 0===o||o.setAttribute("aria-expanded",`${this.popover.visible}`)}updateArrowStyle(e,o){var t;if(!this.popover.arrowElement)return;const r=o.split("-")[0],i={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:p,y:s}=e,a=this.popover.arrowElement.getBoundingClientRect(),n=null===(t=this.popover.arrowElement.offsetParent)||void 0===t?void 0:t.getBoundingClientRect();if(!this.arrowPixelChange){const e=(null==n?void 0:n[i])?12-Math.abs(a[i]-n[i]):0;1===Math.round(e)?this.arrowPixelChange=!0:this.arrowPixelChange=!1}const l=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:null!=p?`${p}px`:"",top:null!=s?`${s}px`:"",[i]:-this.popover.arrowElement.offsetHeight/2-l+"px"})}updatePopoverStyle(e,o){Object.assign(this.popover.style,{left:`${e}px`,top:`${o}px`})}createBackdrop(){var e;if(!this.popover.backdropElement){const o=document.createElement("div");o.classList.add("popover-backdrop"),null===(e=this.popover.parentElement)||void 0===e||e.appendChild(o);const t=document.createElement("style");t.textContent=`\n .popover-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: transparent;\n z-index: ${this.popover.zIndex-1};\n }\n `,o.appendChild(t),this.popover.backdropElement=o}}}},36365:(e,o,t)=>{t.d(o,{T:()=>r});class r{static dispatchPopoverEvent(e,o){o.dispatchEvent(new CustomEvent(e,{detail:{show:o.visible},composed:!0,bubbles:!0}))}static onShowPopover(e){this.dispatchPopoverEvent("shown",e)}static onHidePopover(e){this.dispatchPopoverEvent("hidden",e)}static onCreatedPopover(e){this.dispatchPopoverEvent("created",e)}static onDestroyedPopover(e){this.dispatchPopoverEvent("destroyed",e)}}},68419:(e,o,t)=>{t.d(o,{ME:()=>r,o$:()=>p,tr:()=>i,zY:()=>s});const r={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},i={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},p={TONAL:"tonal",CONTRAST:"contrast"},s={PLACEMENT:r.BOTTOM,STRATEGY:"absolute",TRIGGER:i.CLICK,COLOR:p.TONAL,OFFSET:4,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_WINDOW_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,FLIP:!0,SIZE:!1,DELAY:"0,0",ROLE:"dialog",Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1,ANIMATION_FRAME:!1}},86210:(e,o,t)=>{t.d(o,{A:()=>r});const r=t(87161).css`:host{--md-popover-arrow-border-radius:0.1875rem;--md-popover-arrow-border:0.0625rem solid var(--popover-border-color);--md-popover-elevation-3:var(--md-elevation-3);--md-popover-max-width:max-content;--md-popover-max-height:auto;--md-popover-position:absolute;display:none;position:var(--md-popover-position);top:0;left:0;box-sizing:content-box;background-color:var(--popover-bg-color);border-radius:.5rem;border:.0625rem solid var(--popover-border-color);filter:var(--md-popover-elevation-3);width:var(--md-popover-max-width)}:host([strategy=fixed]){--md-popover-position:fixed}:host([visible]){display:block}:host([color=contrast]){background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color);color:var(--popover-inverted-text-color)}:host([color=contrast]) .popover-arrow{background-color:var(--popover-inverted-bg-color);border-color:var(--popover-inverted-border-color)}:host([color=contrast]) .popover-close{color:var(--popover-inverted-text-color)}:host::part(popover-content){position:relative;padding:.75rem;min-width:max-content;z-index:9998;max-height:var(--md-popover-max-height)}.popover-hover-bridge{position:absolute;transform:translateX(-50%);background:rgba(0,0,0,0);pointer-events:auto}.popover-arrow{position:absolute;width:1rem;height:1rem;background-color:var(--popover-bg-color);transform:rotate(45deg);pointer-events:none;border:var(--md-popover-arrow-border)}.popover-close{position:absolute;right:.75rem;top:.75rem;cursor:pointer;z-index:9999;padding-left:.5rem;width:1.25rem;height:1.25rem}.popover-arrow[data-side=top]{border-top:none;border-left:none;border-bottom-right-radius:var(--md-popover-arrow-border-radius);border-top-left-radius:100%}.popover-arrow[data-side=bottom]{border-bottom:none;border-right:none;border-top-left-radius:var(--md-popover-arrow-border-radius);border-bottom-right-radius:100%}.popover-arrow[data-side=right]{border-top:none;border-right:none;border-bottom-left-radius:var(--md-popover-arrow-border-radius);border-top-right-radius:100%}.popover-arrow[data-side=left]{border-bottom:none;border-left:none;border-top-right-radius:var(--md-popover-arrow-border-radius);border-bottom-left-radius:100%}`}}]);
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
!function(e
|
|
2
|
-
<div class="default-wrapper-status-indicator" id="status-indicator">${
|
|
1
|
+
!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("lit"),require("lit/decorators.js"),require("@lit-labs/virtualizer"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","@lit-labs/virtualizer"],e);else{var i="object"==typeof exports?e(require("lit"),require("lit/decorators.js"),require("@lit-labs/virtualizer")):e(t.lit,t["lit/decorators.js"],t["@lit-labs/virtualizer"]);for(var s in i)("object"==typeof exports?exports:t)[s]=i[s]}}(self,(t,e,i)=>(()=>{"use strict";var s,r={28307:(t,e,i)=>{i.r(e),i.d(e,{AdvanceList:()=>s});var s,r=i(90195),l=i(31890),o=i(32972),a=i(4313),d=(i(83048),i(87161)),n=i(70429),h=i(89312),c=function(t,e,i,s){var r,l=arguments.length,o=l<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(o=(l<3?r(o):l>3?r(e,i,o):r(e,i))||o);return l>3&&o&&Object.defineProperty(e,i,o),o};!function(t){t.prefixId="item-";let e=class extends((0,o.y)(d.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,l;const{ArrowDown:o,ArrowUp:a,Tab:d,Space:n,Enter:h}=r.Uz,{code:c}=e,p=c===o,u=c===a,v=c===d,m=c===n,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(v)""===this.activeId&&this.value.length>0&&(this.activeId=this.value[0]);else if((m||b)&&(e.preventDefault(),this.activeId)){const e=null===(l=this.shadowRoot)||void 0===l?void 0:l.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?d.html`
|
|
2
|
+
<div class="default-wrapper-status-indicator" id="status-indicator">${e.template(e,i)}</div>
|
|
3
3
|
`:d.html`
|
|
4
4
|
<div
|
|
5
|
-
class="default-wrapper ${
|
|
5
|
+
class="default-wrapper ${e.id} ${this.isNonSelectable?"non-selectable":""}"
|
|
6
6
|
part="advance-list-item-wrapper"
|
|
7
7
|
aria-setsize="${this.totalRecords}"
|
|
8
8
|
aria-posinset="${i+1}"
|
|
9
9
|
role="${this.ariaRoleListItem}"
|
|
10
|
-
aria-label=${
|
|
11
|
-
id="${
|
|
10
|
+
aria-label=${e.name}
|
|
11
|
+
id="${t.prefixId}${e.id}"
|
|
12
12
|
index="${i}"
|
|
13
13
|
>
|
|
14
|
-
${
|
|
14
|
+
${e.template(e,i)}
|
|
15
15
|
</div>
|
|
16
16
|
`}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleClick)}static get styles(){return[a.A,h.A]}getStyles(){return d.html`
|
|
17
17
|
<style>
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
height: ${this.containerHeight};
|
|
20
20
|
}
|
|
21
21
|
</style>
|
|
22
|
-
`}disconnectedCallback(){var
|
|
22
|
+
`}disconnectedCallback(){var t;super.disconnectedCallback(),this.removeEventListener("click",this.handleClick),null===(t=this.listContainer)||void 0===t||t.removeEventListener("keydown",this.handleKeyDown)}firstUpdated(t){var e;super.firstUpdated(t),null===(e=this.listContainer)||void 0===e||e.addEventListener("keydown",this.handleKeyDown)}willUpdate(t){var e;null===(e=super.willUpdate)||void 0===e||e.call(this,t),t.has("value")&&(void 0!==t.get("value")||this.value.length>0)&&(this.selectedItemsIds=this.value),t.has("selectAllItems")&&this.selectAllItems&&(this.selectedItemsIds=this.items.filter(t=>!this.disabledItems.includes(t.id)).map(t=>t.id)),t.has("focusReset")&&this.focusReset&&(this.activeId="")}updated(t){super.updated(t),t.has("value")&&(void 0!==t.get("value")||this.value.length>0)&&this.updateSelectedState(),t.has("selectAllItems")&&this.selectAllItems&&(this.updateSelectedState(),this.notifySelectedChange())}setCheckboxAttributes(t,e){var i,s,r,l;!t||(null===(i=e.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))&&"true"===(null===(s=e.firstElementChild)||void 0===s?void 0:s.getAttribute("aria-disabled"))?null===(l=e.querySelector("md-checkbox"))||void 0===l||l.removeAttribute("checked"):null===(r=e.querySelector("md-checkbox"))||void 0===r||r.setAttribute("checked","true")}updateWrapperAttributes(t,e){this.isMulti?this.setCheckboxAttributes(e,t):t.classList.toggle("selected",e),t.setAttribute("selected",e.toString()),t.setAttribute("aria-selected",e.toString()),t.setAttribute("tabindex",e?"0":"-1")}updateSelectedState(){var e;Array.from((null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".default-wrapper"))||[]).forEach(e=>{var i,s;const r=this.selectedItemsIds.some(i=>e.id===`${t.prefixId}${i}`);this.updateWrapperAttributes(e,r),this.groupOnMultiSelect&&this.value.length>0&&this.items.length!==this.value.length&&e.id===`${t.prefixId}${this.lastSelectedIdByOrder}`?e.classList.add("selected-border-bottom"):e.classList.remove("selected-border-bottom"),e.id===`${t.prefixId}${this.activeId}`?(e.setAttribute("tabindex","0"),e.focus()):e.setAttribute("tabindex","-1"),""==this.activeId&&e.id===`${t.prefixId}${this.value[0]}`&&e.setAttribute("tabindex","0"),(null===(i=e.firstElementChild)||void 0===i?void 0:i.hasAttribute("disabled"))||"true"===(null===(s=e.firstElementChild)||void 0===s?void 0:s.getAttribute("aria-disabled"))?(e.setAttribute("disabled",""),e.setAttribute("aria-disabled","true")):(e.removeAttribute("disabled"),e.removeAttribute("aria-disabled"))})}findClickedItem(t){var e;const i=Array.from((null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".default-wrapper"))||[]),s=t.composedPath(),r=i.find(t=>s.includes(t));if(r)return(null==r?void 0:r.hasAttribute("disabled"))||"true"===(null==r?void 0:r.getAttribute("aria-disabled"))?0:r}isNextElemenentStatusIndicator(t){return(this.isLoading||this.isError)&&t===this.items.length-2}updateItemForMultiSelect(t){const e=this.selectedItemsIds.indexOf(t);-1===e?(this.selectedItemsIds.push(this.activeId),this.selectedItemsIds.length===this.items.length-this.disabledItems.length&&(this.selectAllItems=!0)):(this.selectedItemsIds.splice(e,1),this.selectAllItems=!1)}updateItemSelection(t){t&&(this.activeId=t.id.substring(t.id.indexOf("-")+1),this.isMulti?this.updateItemForMultiSelect(this.activeId):this.selectedItemsIds=[this.activeId],this.updateSelectedState(),this.notifySelectedChange())}handleClick(t){t.preventDefault(),this.isUserNavigated=!1;const e=this.findClickedItem(t);e&&(this.scrollIndex=parseInt(e.getAttribute("index")||"0"),this.updateItemSelection(e))}notifySelectedChange(){this.dispatchEvent(new CustomEvent("list-item-change",{detail:{selected:this.selectedItemsIds},bubbles:!0,composed:!0}))}getActiveDescendant(){return this.activeId?`${t.prefixId}${this.activeId}`:this.value?`${t.prefixId}${this.value[0]}`:""}render(){return d.html`
|
|
23
23
|
${this.getStyles()}
|
|
24
24
|
<div
|
|
25
25
|
class="md-advance-list-wrapper virtual-scroll"
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
>
|
|
33
33
|
<lit-virtualizer
|
|
34
34
|
.items=${this.items}
|
|
35
|
-
.renderItem=${(e
|
|
35
|
+
.renderItem=${(t,e)=>this.renderItem(t,e)}
|
|
36
36
|
></lit-virtualizer>
|
|
37
37
|
</div>
|
|
38
|
-
`}};c([(0,n.property)({type:Array})],
|
|
38
|
+
`}};c([(0,n.property)({type:Array})],e.prototype,"items",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"isLoading",void 0),c([(0,n.property)({type:Boolean,attribute:"is-multi"})],e.prototype,"isMulti",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"groupOnMultiSelect",void 0),c([(0,n.property)({type:Array})],e.prototype,"value",void 0),c([(0,n.property)({type:String})],e.prototype,"ariaRoleList",void 0),c([(0,n.property)({type:String})],e.prototype,"ariaRoleListItem",void 0),c([(0,n.property)({type:String})],e.prototype,"ariaLabelList",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"isError",void 0),c([(0,n.property)({type:String})],e.prototype,"containerHeight",void 0),c([(0,n.property)({type:String})],e.prototype,"lastSelectedIdByOrder",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"selectAllItems",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"focusReset",void 0),c([(0,n.property)({type:Array})],e.prototype,"disabledItems",void 0),c([(0,n.property)({type:Number})],e.prototype,"totalRecords",void 0),c([(0,n.property)({type:Boolean})],e.prototype,"isNonSelectable",void 0),c([(0,n.query)(".virtual-scroll")],e.prototype,"listContainer",void 0),c([(0,n.query)("lit-virtualizer")],e.prototype,"virtualizer",void 0),c([(0,n.state)()],e.prototype,"scrollIndex",void 0),c([(0,n.state)()],e.prototype,"activeId",void 0),c([(0,n.state)()],e.prototype,"selectedItemsIds",void 0),c([(0,n.state)()],e.prototype,"isUserNavigated",void 0),e=c([(0,l.w)("md-advance-list")],e),t.ELEMENT=e}(s||(s={}))},70429:t=>{t.exports=e},83048:t=>{t.exports=i},87161:e=>{e.exports=t}},l={};function o(t){var e=l[t];if(void 0!==e)return e.exports;var i=l[t]={exports:{}};return r[t](i,i.exports,o),i.exports}o.m=r,s=[],o.O=(t,e,i,r)=>{if(!e){var l=1/0;for(h=0;h<s.length;h++){for(var[e,i,r]=s[h],a=!0,d=0;d<e.length;d++)(!1&r||l>=r)&&Object.keys(o.O).every(t=>o.O[t](e[d]))?e.splice(d--,1):(a=!1,r<l&&(l=r));if(a){s.splice(h--,1);var n=i();void 0!==n&&(t=n)}}return t}r=r||0;for(var h=s.length;h>0&&s[h-1][2]>r;h--)s[h]=s[h-1];s[h]=[e,i,r]},o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var i in e)o.o(e,i)&&!o.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},(()=>{var t={3079:0};o.O.j=e=>0===t[e];var e=(e,i)=>{var s,r,[l,a,d]=i,n=0;if(l.some(e=>0!==t[e])){for(s in a)o.o(a,s)&&(o.m[s]=a[s]);if(d)var h=d(o)}for(e&&e(i);n<l.length;n++)r=l[n],o.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return o.O(h)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var a=o.O(void 0,[1890,4313,2576,8210,1270,9312],()=>o(28307));return o.O(a)})());
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,s,n,o,l)=>(()=>{"use strict";var a,c={10318:e=>{e.exports=r},19479:(e,t,i)=>{i.r(t),i.d(t,{AlertBanner:()=>h,alertBannerAlignment:()=>p,alertBannerType:()=>m}),i(96798),i(61200);var r=i(31890),s=i(26283),n=i(4313),o=i(87161),l=i(70429),a=i(85125),c=i(52186),d=function(e,t,i,r){var s,n=arguments.length,o=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o};const m=["default","accent","warning","error","success","default-momentum","promotional"],p=["center","leading"];var h;!function(e){let t=class extends o.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()
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,s,n,o,l)=>(()=>{"use strict";var a,c={10318:e=>{e.exports=r},19479:(e,t,i)=>{i.r(t),i.d(t,{AlertBanner:()=>h,alertBannerAlignment:()=>p,alertBannerType:()=>m}),i(96798),i(61200);var r=i(31890),s=i(26283),n=i(4313),o=i(87161),l=i(70429),a=i(85125),c=i(52186),d=function(e,t,i,r){var s,n=arguments.length,o=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(o=(n<3?s(o):n>3?s(t,i,o):s(t,i))||o);return n>3&&o&&Object.defineProperty(t,i,o),o};const m=["default","accent","warning","error","success","default-momentum","promotional"],p=["center","leading"];var h;!function(e){let t=class extends o.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(e){const{code:t}=e;(0,s.o)(t)&&this.onHide()}get isLeadingAlignment(){return"leading"===this.alignment}static get styles(){return[n.A,c.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 e=this.titleText?"close-div with-title":"close-div";return o.html`
|
|
2
2
|
<div class="${e}">
|
|
3
3
|
<md-button
|
|
4
4
|
class="md-alert-banner__close"
|
|
5
5
|
hasRemoveStyle
|
|
6
6
|
circle
|
|
7
7
|
ariaLabel=${this.closeAriaLabel}
|
|
8
|
-
@click
|
|
9
|
-
@keydown
|
|
8
|
+
@click=${this.onHide}
|
|
9
|
+
@keydown=${this.handleKeyDown}
|
|
10
10
|
>
|
|
11
11
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
12
12
|
</md-button>
|
|
13
13
|
</div>
|
|
14
|
-
`}get titleTemplate(){return this.titleText?o.html`<div class="md-alert-banner__title">${this.titleText}</div>`:o.nothing}render(){const e=this.closable?o.html` ${this.closeButtonTemplate} `:
|
|
14
|
+
`}get titleTemplate(){return this.titleText?o.html`<div class="md-alert-banner__title">${this.titleText}</div>`:o.nothing}render(){const e=this.closable?o.html` ${this.closeButtonTemplate} `:o.nothing,t=this.showBannerTypeIcon||this.titleText?"with-icon":"",i=this.showBannerTypeIcon?o.html`
|
|
15
15
|
<md-icon
|
|
16
16
|
class=${(0,a.classMap)({"md-alert-banner__icon":!0,"with-title":!!this.titleText})}
|
|
17
17
|
name="${this.getIconForType()}"
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
</md-icon>
|
|
22
22
|
`:o.html`<slot name="left"></slot>`,r=this.titleText?"refresh-button-with-title":"refresh-button",s=this.showRefreshButton?o.html` <md-button
|
|
23
23
|
class="${r}"
|
|
24
|
-
@click
|
|
24
|
+
@click=${this.onRefreshClick}
|
|
25
25
|
variant="ghostInheritTextColor"
|
|
26
26
|
circle
|
|
27
27
|
size="20"
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
</div>
|
|
47
47
|
</div>
|
|
48
48
|
</div>
|
|
49
|
-
`:
|
|
49
|
+
`:o.nothing}
|
|
50
50
|
`:o.html`
|
|
51
51
|
${this.show?o.html`
|
|
52
52
|
<div class="${(0,a.classMap)(this.alertBannerClassMap)}" role="alert">
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
</div>
|
|
61
61
|
${e}
|
|
62
62
|
</div>
|
|
63
|
-
`:
|
|
63
|
+
`:o.nothing}
|
|
64
64
|
`}};d([(0,l.property)({type:String})],t.prototype,"type",void 0),d([(0,l.property)({type:String})],t.prototype,"titleText",void 0),d([(0,l.property)({type:String})],t.prototype,"message",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"closable",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"show",void 0),d([(0,l.property)({type:String,attribute:"close-aria-label"})],t.prototype,"closeAriaLabel",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"showBannerTypeIcon",void 0),d([(0,l.property)({type:Boolean})],t.prototype,"showRefreshButton",void 0),d([(0,l.property)({type:String})],t.prototype,"alignment",void 0),t=d([(0,r.w)("md-alert-banner")],t),e.ELEMENT=t}(h||(h={}))},20291:e=>{e.exports=s},32022:e=>{e.exports=n},60554:e=>{e.exports=o},70429:e=>{e.exports=t},85125:e=>{e.exports=i},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},d={};function m(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return c[e](i,i.exports,m),i.exports}m.m=c,a=[],m.O=(e,t,i,r)=>{if(!t){var s=1/0;for(c=0;c<a.length;c++){for(var[t,i,r]=a[c],n=!0,o=0;o<t.length;o++)(!1&r||s>=r)&&Object.keys(m.O).every(e=>m.O[e](t[o]))?t.splice(o--,1):(n=!1,r<s&&(s=r));if(n){a.splice(c--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var c=a.length;c>0&&a[c-1][2]>r;c--)a[c]=a[c-1];a[c]=[t,i,r]},m.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return m.d(t,{a:t}),t},m.d=(e,t)=>{for(var i in t)m.o(t,i)&&!m.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},m.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),m.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={6029:0};m.O.j=t=>0===e[t];var t=(t,i)=>{var r,s,[n,o,l]=i,a=0;if(n.some(t=>0!==e[t])){for(r in o)m.o(o,r)&&(m.m[r]=o[r]);if(l)var c=l(m)}for(t&&t(i);a<n.length;a++)s=n[a],m.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return m.O(c)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var p=m.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,2186],()=>m(19479));return m.O(p)})());
|
|
@@ -80,13 +80,7 @@
|
|
|
80
80
|
</div>
|
|
81
81
|
${this.closable?s.html`
|
|
82
82
|
<div class="md-alert__button">
|
|
83
|
-
<md-button
|
|
84
|
-
ariaLabel="${this.btnlabel}"
|
|
85
|
-
hasRemoveStyle
|
|
86
|
-
color="color-none"
|
|
87
|
-
circle
|
|
88
|
-
@click="${()=>this.close()}"
|
|
89
|
-
>
|
|
83
|
+
<md-button ariaLabel="${this.btnlabel}" hasRemoveStyle color="color-none" circle @click=${this.close}>
|
|
90
84
|
<md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
|
|
91
85
|
</md-button>
|
|
92
86
|
</div>
|
|
@@ -144,7 +138,7 @@
|
|
|
144
138
|
hasRemoveStyle
|
|
145
139
|
color="color-none"
|
|
146
140
|
circle
|
|
147
|
-
@click
|
|
141
|
+
@click=${this.close}
|
|
148
142
|
>
|
|
149
143
|
<md-icon slot="icon" name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
150
144
|
</md-button>
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
<md-button
|
|
10
10
|
hasRemoveStyle
|
|
11
11
|
class="play-btn"
|
|
12
|
-
@click
|
|
12
|
+
@click=${this.togglePlay}
|
|
13
13
|
aria-label="${this.isPlaying?this.labelMap.pauseBtn.ariaLabel:this.labelMap.playBtn.ariaLabel}"
|
|
14
14
|
>
|
|
15
15
|
${this.isPlaying?l.html` <md-icon slot="icon" name="pause-bold" size="16" iconSet="momentumDesign"></md-icon> `:l.html` <md-icon slot="icon" name="play-bold" size="16" iconSet="momentumDesign"></md-icon> `}
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
</div>
|
|
29
29
|
<div class="timeline-container">
|
|
30
30
|
<md-tooltip placement="top" message="${this.labelMap.timeline.tooltipText}">
|
|
31
|
-
<div class="timeline" @click
|
|
31
|
+
<div class="timeline" @click=${this.setTime} aria-label="${this.labelMap.timeline.ariaLabel}">
|
|
32
32
|
<div class="progress-bar" style="width: ${this.currentTime/this.duration*100}%"></div>
|
|
33
33
|
<div class="buffer-bar" style="width: ${this.bufferedRange/this.duration*100}%"></div>
|
|
34
34
|
</div>
|
|
@@ -36,8 +36,8 @@
|
|
|
36
36
|
</div>
|
|
37
37
|
<div
|
|
38
38
|
class="volume-container"
|
|
39
|
-
@mouseleave
|
|
40
|
-
@mouseenter
|
|
39
|
+
@mouseleave=${()=>this.toggleVolumeExpand(!1)}
|
|
40
|
+
@mouseenter=${()=>this.toggleVolumeExpand(!0)}
|
|
41
41
|
aria-label="${this.labelMap.volumeSlider.ariaLabel}"
|
|
42
42
|
>
|
|
43
43
|
<md-tooltip
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
>
|
|
47
47
|
<div
|
|
48
48
|
class="volume"
|
|
49
|
-
@mousedown
|
|
49
|
+
@mousedown=${this.handleVolumeChange}
|
|
50
50
|
aria-label="${this.labelMap.volumeSlider.ariaLabel} ${Math.trunc(100*this.volume)}%"
|
|
51
51
|
>
|
|
52
52
|
<div class="volume-slider" style="width: ${this.isMuted?0:100*this.volume}%"></div>
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
hasRemoveStyle
|
|
58
58
|
class="volume-btn"
|
|
59
59
|
aria-label="${this.labelMap.volumeBtn.ariaLabel}"
|
|
60
|
-
@click
|
|
60
|
+
@click=${this.toggleSoundMute}
|
|
61
61
|
>
|
|
62
62
|
${this.isMuted?l.html`
|
|
63
63
|
<md-icon slot="icon" name="speaker-muted-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
</div>
|
|
68
68
|
<div class="speed-icon-container" aria-label="${this.labelMap.playbackSpeedBtn.ariaLabel}">
|
|
69
69
|
<md-tooltip placement="top" message="${this.labelMap.playbackSpeedBtn.tooltipText}">
|
|
70
|
-
<md-button hasRemoveStyle id="speed-btn" @click
|
|
70
|
+
<md-button hasRemoveStyle id="speed-btn" @click=${this.toggleSpeedPopup}>
|
|
71
71
|
<md-icon slot="icon" name="too-fast-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
72
72
|
</md-button>
|
|
73
73
|
</md-tooltip>
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
${p.map(e=>{const t=this.selectedPlaybackSpeed==e.value&&!this.currentlySelectingPlaybackSpeed;return l.html`
|
|
77
77
|
<li
|
|
78
78
|
class=${t?"speed-popup-selected-speed":""}
|
|
79
|
-
@click
|
|
79
|
+
@click=${()=>this.setPlaybackSpeed(e.value)}
|
|
80
80
|
>
|
|
81
81
|
<span>${e.label}</span>
|
|
82
82
|
${this.playbackSpeed==e.value?l.html`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,r,o,n,c)=>(()=>{"use strict";var a,l={3664:(e,t,i)=>{i.r(t),i.d(t,{Checkbox:()=>s}),i(61200);var s,r=i(90195),o=i(3001),n=i(31890),c=i(4313),a=i(87161),l=i(70429),d=i(32056),h=function(e,t,i,s){var r,o=arguments.length,n=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(n=(o<3?r(n):o>3?r(t,i,n):r(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends((0,o.yC)(a.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(e){const t=this._checked;this._checked=e,this.requestUpdate("checked",t)}get indeterminate(){return this._indeterminate}set indeterminate(e){const t=this._indeterminate;this._indeterminate=e,this.requestUpdate("indeterminate",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}static get styles(){return[c.A,d.A]}toggleCheckbox(){this.checked=!this.checked}isCheckboxActive(){return this.disabled||this.indeterminate}handleClick(e){this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e))}handleKeyDown(e){const{code:t}=e;t!==r.Uz.Space&&t!==r.Uz.Enter||(e.preventDefault(),this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e)))}handleChange(e){this.dispatchEvent(new CustomEvent("checkbox-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,checked:this.checked}}))}firstUpdated(e){super.firstUpdated(e),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(e){var t;null===(t=super.willUpdate)||void 0===t||t.call(this,e),e.has("indeterminate")&&this.indeterminate&&(this.
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx"));else if("function"==typeof define&&define.amd)define(["lit","lit/decorators.js","lit/directives/class-map.js","lit/directives/style-map.js","lit/directives/if-defined.js","@momentum-ui/icons/data/momentumUiIconsNames.json","@momentum-ui/utils/lib/getColorValue","mobx"],t);else{var i="object"==typeof exports?t(require("lit"),require("lit/decorators.js"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js"),require("lit/directives/if-defined.js"),require("@momentum-ui/icons/data/momentumUiIconsNames.json"),require("@momentum-ui/utils/lib/getColorValue"),require("mobx")):t(e.lit,e["lit/decorators.js"],e["lit/directives/class-map.js"],e["lit/directives/style-map.js"],e["lit/directives/if-defined.js"],e["@momentum-ui/icons/data/momentumUiIconsNames.json"],e["@momentum-ui/utils/lib/getColorValue"],e.mobx);for(var s in i)("object"==typeof exports?exports:e)[s]=i[s]}}(self,(e,t,i,s,r,o,n,c)=>(()=>{"use strict";var a,l={3664:(e,t,i)=>{i.r(t),i.d(t,{Checkbox:()=>s}),i(61200);var s,r=i(90195),o=i(3001),n=i(31890),c=i(4313),a=i(87161),l=i(70429),d=i(32056),h=function(e,t,i,s){var r,o=arguments.length,n=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(n=(o<3?r(n):o>3?r(t,i,n):r(t,i))||n);return o>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends((0,o.yC)(a.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(e){const t=this._checked;this._checked=e,this.requestUpdate("checked",t)}get indeterminate(){return this._indeterminate}set indeterminate(e){const t=this._indeterminate;this._indeterminate=e,this.requestUpdate("indeterminate",t)}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.tabIndex=e?-1:0,this.requestUpdate("disabled",t)}static get styles(){return[c.A,d.A]}toggleCheckbox(){this.checked=!this.checked}isCheckboxActive(){return this.disabled||this.indeterminate}handleClick(e){this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e))}handleKeyDown(e){const{code:t}=e;t!==r.Uz.Space&&t!==r.Uz.Enter||(e.preventDefault(),this.isCheckboxActive()?e.stopPropagation():(this.toggleCheckbox(),this.handleChange(e)))}handleChange(e){this.dispatchEvent(new CustomEvent("checkbox-change",{bubbles:!0,composed:!0,detail:{sourceEvent:e,checked:this.checked}}))}firstUpdated(e){super.firstUpdated(e),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(e){var t;null===(t=super.willUpdate)||void 0===t||t.call(this,e),e.has("indeterminate")&&this.indeterminate&&(this.checked=!1),(e.has("checked")||e.has("indeterminate"))&&(this.indeterminate?this.setAttribute("aria-checked","mixed"):this.setAttribute("aria-checked",`${this.checked}`)),e.has("disabled")&&this.setAttribute("aria-disabled",`${this.disabled}`)}updated(e){super.updated(e),e.has("indeterminate")&&(this.input.indeterminate=this.indeterminate)}get checkboxIconName(){return this.checked?"check-bold":this.indeterminate?"minus-bold":null}checkboxIconTemplate(){const e=this.checkboxIconName;return e?a.html`<md-icon name="${e}" iconSet="momentumDesign" size="16"></md-icon>`:a.nothing}checkboxBoxTemplate(){return a.html` <div part="checkbox-box" class="checkbox-box">${this.checkboxIconTemplate()}</div> `}render(){return a.html`
|
|
2
2
|
<input
|
|
3
3
|
class="checkbox-input"
|
|
4
4
|
type="checkbox"
|
|
@@ -50,15 +50,15 @@
|
|
|
50
50
|
${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
|
|
51
51
|
</div>
|
|
52
52
|
</md-popover>
|
|
53
|
-
`}};h([(0,l.property)({type:String})],t.prototype,"placement",void 0),h([(0,l.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),h([(0,l.property)({type:String})],t.prototype,"headerIconName",void 0),h([(0,l.property)({type:String})],t.prototype,"header",void 0),h([(0,l.property)({type:String})],t.prototype,"message",void 0),h([(0,l.property)({type:Boolean})],t.prototype,"show",void 0),h([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),h([(0,l.property)({type:String})],t.prototype,"primaryButton",void 0),h([(0,l.property)({type:String})],t.prototype,"secondaryButton",void 0),h([(0,l.property)({type:String})],t.prototype,"linkText",void 0),h([(0,l.property)({type:String})],t.prototype,"href",void 0),h([(0,l.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),h([(0,l.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=h([(0,o.w)("md-coachmark-popover")],t),e.ELEMENT=t}(r||(r={}))},32022:e=>{e.exports=s},60554:e=>{e.exports=n},70429:e=>{e.exports=t},71128:(e,t,i)=>{i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(87161),a=i(70429),p=i(20291),h=i(68419),c=i(36365),d=i(3998),u=i(33759),v=i(86210),m=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},g=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{a(r.next(e))}catch(e){s(e)}}function l(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}a((r=r.apply(e,t||[])).next())})};let y=class extends((0,o.d)(l.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):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=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.includes(this)||d.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||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=(e=!1)=>{this.cancelCloseDelay(),e&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{d.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,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return g(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[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 e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return g(this,void 0,void 0,function*(){e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),c.T.onDestroyedPopover(this),d.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}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 e=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==e||e.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 e=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==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return g(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(h.ME).includes(this.placement)?this.placement:h.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(h.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:h.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(h.o$).includes(this.color)?this.color:h.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return g(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)d.S.peek()!==this&&d.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(r=this.activateFocusTrap)||void 0===r||r.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),d.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===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,c.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}handleCreatePopoverFirstUpdate(){return g(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,n.shift)()];let t=this.offset;if(this.flip&&e.push((0,n.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,n.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,n.arrow)({element:this.arrowElement,padding:12}))}e.push((0,n.offset)(t)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>g(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:r,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),r.arrow&&this.arrowElement&&this.utils.updateArrowStyle(r.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return l.html`
|
|
53
|
+
`}};h([(0,l.property)({type:String})],t.prototype,"placement",void 0),h([(0,l.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),h([(0,l.property)({type:String})],t.prototype,"headerIconName",void 0),h([(0,l.property)({type:String})],t.prototype,"header",void 0),h([(0,l.property)({type:String})],t.prototype,"message",void 0),h([(0,l.property)({type:Boolean})],t.prototype,"show",void 0),h([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),h([(0,l.property)({type:String})],t.prototype,"primaryButton",void 0),h([(0,l.property)({type:String})],t.prototype,"secondaryButton",void 0),h([(0,l.property)({type:String})],t.prototype,"linkText",void 0),h([(0,l.property)({type:String})],t.prototype,"href",void 0),h([(0,l.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),h([(0,l.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=h([(0,o.w)("md-coachmark-popover")],t),e.ELEMENT=t}(r||(r={}))},32022:e=>{e.exports=s},60554:e=>{e.exports=n},70429:e=>{e.exports=t},71128:(e,t,i)=>{i(96798),i(61200);var r=i(31890),o=i(28373),s=i(66677),n=i(5784),l=i(87161),a=i(70429),p=i(68419),h=i(36365),c=i(3998),d=i(33759),u=i(86210),v=function(e,t,i,r){var o,s=arguments.length,n=s<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(n=(s<3?o(n):s>3?o(t,i,n):o(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},m=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{a(r.next(e))}catch(e){s(e)}}function l(e){try{a(r.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}a((r=r.apply(e,t||[])).next())})};let g=class extends((0,o.d)(l.LitElement)){set controller(e){e?(e.show=(e=!1)=>this.showPopover(e),e.hide=()=>this.hidePopover(),e.toggle=()=>this.togglePopoverVisible(),e.isVisible=()=>this.visible,this._controller=e):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=p.zY.TRIGGER,this.placement=p.zY.PLACEMENT,this.strategy=p.zY.STRATEGY,this.color=p.zY.COLOR,this.visible=p.zY.VISIBLE,this.offset=p.zY.OFFSET,this.focusTrap=p.zY.FOCUS_TRAP,this.preventScroll=p.zY.PREVENT_SCROLL,this.showArrow=p.zY.ARROW,this.closeButton=p.zY.CLOSE_BUTTON,this.interactive=p.zY.INTERACTIVE,this.delay=p.zY.DELAY,this.hideOnEscape=p.zY.HIDE_ON_ESCAPE,this.hideOnBlur=p.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=p.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=p.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=p.zY.FOCUS_BACK,this.backdrop=p.zY.BACKDROP,this.flip=p.zY.FLIP,this.size=p.zY.SIZE,this.zIndex=p.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=p.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=p.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=p.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=e=>{const t=e.composedPath();this.triggerElement&&t.includes(this.triggerElement)||t.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=e=>{this.visible&&"Escape"===e.code&&(e.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=e=>{const t=e.relatedTarget;!t||this.isElementInPopover(t)?t||setTimeout(()=>{const e=(0,s.dw)();this.isElementInPopover(e)||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=(e=!1)=>{this.cancelCloseDelay(),e&&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,s.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=e=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(e)||this.togglePopoverVisible()},this.utils=new d.h(this),this.preventClickOutside=!0}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return m(this,void 0,void 0,function*(){t.firstUpdated.call(this,e),[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 e=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return m(this,void 0,void 0,function*(){e.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 e=this.getRootNode();if(this.triggerElement=(0,s.qi)(`[id="${this.triggerID}"]`,e),!this.triggerElement){const t=null==e?void 0:e.host;if(t){const e=t.querySelector("[slot]");(null==e?void 0:e.id)===this.triggerID&&(this.triggerElement=e)}}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 e=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==e||e.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 e=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==e||e.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(e){const t=Object.create(null,{updated:{get:()=>super.updated}});return m(this,void 0,void 0,function*(){if(t.updated.call(this,e),e.has("visible")){const t=e.get("visible")||!1;yield this.isOpenUpdated(t,this.visible),this.utils.updateAriaExpandedAttribute()}if(e.has("placement")&&this.setAttribute("placement",Object.values(p.ME).includes(this.placement)?this.placement:p.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(p.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:p.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(p.o$).includes(this.color)?this.color:p.zY.COLOR),e.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(e.has("interactive")||e.has("aria-label")||e.has("aria-labelledby"))&&this.utils.setupAccessibility(),e.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),e.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:e=>super.preventScroll=e}});return m(this,void 0,void 0,function*(){var r,o,s,n;if(e!==t&&this.triggerElement)if(t)c.S.peek()!==this&&c.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(r=this.activateFocusTrap)||void 0===r||r.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===(s=this.deactivateFocusTrap)||void 0===s||s.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const e=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==e&&"alertdialog"!==e||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,h.T.onHidePopover(this)}})}isRectOverTrigger(e,t){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return e>=i.left&&e<=i.right&&t>=i.top&&t<=i.bottom}return!1}isMouseOverTrigger(e){const{clientX:t,clientY:i}=e instanceof MouseEvent?e:{clientX:0,clientY:0};return this.isRectOverTrigger(t,i)}setFocusableElements(){var e;null===(e=super.setFocusableElements)||void 0===e||e.call(this);const t=this.triggerElement;this.appendTo&&this.activeFocusTrap&&t&&this.focusableElements&&(this.focusableElements.includes(t)||this.focusableElements.push(t))}handleCreatePopoverFirstUpdate(){return m(this,void 0,void 0,function*(){var e,t;this.visible&&this.interactive&&(null===(e=this.setFocusableElements)||void 0===e||e.call(this),yield this.updateComplete,null===(t=this.setInitialFocus)||void 0===t||t.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const e=[(0,n.shift)()];let t=this.offset;if(this.flip&&e.push((0,n.flip)()),this.size){const t=this.renderRoot.querySelector('[part="popover-content"]');e.push((0,n.size)({apply({availableHeight:e}){t&&Object.assign(t.style,{maxHeight:`${e}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;t=Math.sqrt(2*i**2)/2+this.offset,e.push((0,n.arrow)({element:this.arrowElement,padding:12}))}e.push((0,n.offset)(t)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>m(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:t,y:i,middlewareData:r,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),r.arrow&&this.arrowElement&&this.utils.updateArrowStyle(r.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return l.html`
|
|
54
54
|
<div class="popover-hover-bridge"></div>
|
|
55
55
|
${this.closeButton?l.html` <md-button
|
|
56
56
|
class="popover-close"
|
|
57
57
|
hasRemoveStyle
|
|
58
58
|
size="20"
|
|
59
59
|
circle
|
|
60
|
-
ariaLabel=${
|
|
61
|
-
@button-click
|
|
60
|
+
.ariaLabel=${this.closeButtonAriaLabel}
|
|
61
|
+
@button-click=${this.hidePopover}
|
|
62
62
|
>
|
|
63
63
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
64
64
|
</md-button>`:l.nothing}
|
|
@@ -66,4 +66,4 @@
|
|
|
66
66
|
<div part="popover-content">
|
|
67
67
|
<slot></slot>
|
|
68
68
|
</div>
|
|
69
|
-
`}static get styles(){return[
|
|
69
|
+
`}static get styles(){return[u.A]}};v([(0,a.property)({type:String,reflect:!0})],g.prototype,"id",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"triggerID",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"trigger",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"placement",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"strategy",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"color",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"visible",void 0),v([(0,a.property)({type:Number,reflect:!0})],g.prototype,"offset",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],g.prototype,"focusTrap",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],g.prototype,"preventScroll",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],g.prototype,"showArrow",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"close-button"})],g.prototype,"closeButton",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"interactive",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"delay",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],g.prototype,"hideOnEscape",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],g.prototype,"hideOnBlur",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],g.prototype,"hideOnWindowBlur",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],g.prototype,"hideOnOutsideClick",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],g.prototype,"focusBackToTrigger",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"backdrop",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"flip",void 0),v([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"size",void 0),v([(0,a.property)({type:Number,reflect:!0,attribute:"z-index"})],g.prototype,"zIndex",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"append-to"})],g.prototype,"appendTo",void 0),v([(0,a.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],g.prototype,"closeButtonAriaLabel",void 0),v([(0,a.property)({type:String,reflect:!0})],g.prototype,"role",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],g.prototype,"ariaLabelledby",void 0),v([(0,a.property)({type:String,reflect:!0,attribute:"aria-describedby"})],g.prototype,"ariaDescribedby",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],g.prototype,"disableAriaExpanded",void 0),v([(0,a.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],g.prototype,"animationFrame",void 0),v([(0,a.property)({type:Object,attribute:!1})],g.prototype,"controller",null),g=v([(0,r.w)("md-popover")],g)},85125:e=>{e.exports=i},85314:e=>{e.exports=l},87161:t=>{t.exports=e}},c={};function d(e){var t=c[e];if(void 0!==t)return t.exports;var i=c[e]={exports:{}};return h[e](i,i.exports,d),i.exports}d.m=h,p=[],d.O=(e,t,i,r)=>{if(!t){var o=1/0;for(a=0;a<p.length;a++){for(var[t,i,r]=p[a],s=!0,n=0;n<t.length;n++)(!1&r||o>=r)&&Object.keys(d.O).every(e=>d.O[e](t[n]))?t.splice(n--,1):(s=!1,r<o&&(o=r));if(s){p.splice(a--,1);var l=i();void 0!==l&&(e=l)}}return e}r=r||0;for(var a=p.length;a>0&&p[a-1][2]>r;a--)p[a]=p[a-1];p[a]=[t,i,r]},d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var i in t)d.o(t,i)&&!d.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={3413:0,4131:0};d.O.j=t=>0===e[t];var t=(t,i)=>{var r,o,[s,n,l]=i,a=0;if(s.some(t=>0!==e[t])){for(r in n)d.o(n,r)&&(d.m[r]=n[r]);if(l)var p=l(d)}for(t&&t(i);a<s.length;a++)o=s[a],d.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return d.O(p)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(t.bind(null,0)),i.push=t.bind(null,i.push.bind(i))})();var u=d.O(void 0,[6633,1890,4313,510,6283,5087,2176,6798,6865,1200,2576,8210,1270,3135,8345,1439,2924],()=>d(29895));return d.O(u)})());
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
ariaLabel=${this.ariaLabel}
|
|
28
28
|
placeholder="${this.codePlaceholder}"
|
|
29
29
|
.value="${this.countryCallingCode?[this.getFormatedCountryCallingCode()]:[]}"
|
|
30
|
-
@change-selected
|
|
30
|
+
@change-selected=${e=>this.handleCountryChange(e)}
|
|
31
31
|
with-custom-content
|
|
32
32
|
?newMomentum=${this.newMomentum}
|
|
33
33
|
?is-dropdown-arrow=${this.isDropdownArrow}
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
auxiliaryContentPosition="before"
|
|
72
72
|
?required=${this.required}
|
|
73
73
|
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
74
|
-
@input-change
|
|
74
|
+
@input-change=${e=>this.handleDateInputChange(e)}
|
|
75
75
|
?disabled=${this.disabled}
|
|
76
76
|
?hide-message=${!this.errorMessage||this.isValueValid()}
|
|
77
77
|
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
auxiliaryContentPosition="before"
|
|
110
110
|
?required=${this.required}
|
|
111
111
|
@keydown=${e=>this.handleInputKeyDown(e)}
|
|
112
|
-
@input-change
|
|
112
|
+
@input-change=${e=>this.handleDateInputChange(e)}
|
|
113
113
|
?disabled=${this.disabled}
|
|
114
114
|
?hide-message=${!this.errorMessage||this.isValueValid()}
|
|
115
115
|
ariaInvalid=${!!this.errorMessage||!this.isValueValid()}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div
|
|
4
4
|
class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
5
5
|
@click=${this.handleMinimize}
|
|
6
|
-
@keydown
|
|
6
|
+
@keydown=${this.handleKeyDown}
|
|
7
7
|
role="dialog"
|
|
8
8
|
tabindex="-1"
|
|
9
9
|
part="floating-minimized"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
aria-label="${this.closeAriaLabel}"
|
|
32
32
|
circle
|
|
33
33
|
@click=${this.handleClose}
|
|
34
|
-
@keydown
|
|
34
|
+
@keydown=${this.handleKeyDownClose}
|
|
35
35
|
>
|
|
36
36
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
37
37
|
</md-button>
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
<div
|
|
4
4
|
class="md-floating ${this.minimize?"":"hide"} md-floating-minimize"
|
|
5
5
|
@click=${this.handleMinimize}
|
|
6
|
-
@keydown
|
|
6
|
+
@keydown=${this.handleKeyDown}
|
|
7
7
|
role="dialog"
|
|
8
8
|
tabindex="-1"
|
|
9
9
|
part="floating-minimized"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
aria-label="${this.closeAriaLabel}"
|
|
32
32
|
circle
|
|
33
33
|
@click=${this.handleClose}
|
|
34
|
-
@keydown
|
|
34
|
+
@keydown=${this.handleKeyDownClose}
|
|
35
35
|
>
|
|
36
36
|
<md-icon name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
37
37
|
</md-button>
|
|
@@ -9,12 +9,12 @@
|
|
|
9
9
|
aria-label=${(0,u.ifDefined)(this.label.length?this.label:void 0)}
|
|
10
10
|
type="button"
|
|
11
11
|
role="button"
|
|
12
|
-
@click
|
|
13
|
-
@keydown
|
|
14
|
-
@mouseenter
|
|
15
|
-
@mouseleave
|
|
16
|
-
@focus
|
|
17
|
-
@blur
|
|
12
|
+
@click=${this.handleMouseDown}
|
|
13
|
+
@keydown=${this.handleKeyDown}
|
|
14
|
+
@mouseenter=${this.handleMouseEnter}
|
|
15
|
+
@mouseleave=${this.handleMouseLeave}
|
|
16
|
+
@focus=${this.handleFocus}
|
|
17
|
+
@blur=${this.handleBlur}
|
|
18
18
|
>
|
|
19
19
|
<md-icon name="${this.iconName}" size="${this.iconSize}" iconSet="momentumDesign"></md-icon>
|
|
20
20
|
</button>
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
secondaryLabel
|
|
109
109
|
.htmlFor=${this.htmlId}
|
|
110
110
|
.label=${this.secondaryLabel}
|
|
111
|
-
@label-click
|
|
111
|
+
@label-click=${()=>this.handleLabelClick()}
|
|
112
112
|
></md-label>
|
|
113
113
|
`:n.nothing}helpTextTemplate(){return this.helpText?n.html`
|
|
114
114
|
<md-help-text
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
class="md-input__label ${(0,d.classMap)({disabled:this.disabled,newMomentum:this.newMomentum})}"
|
|
133
133
|
.htmlFor=${this.htmlId}
|
|
134
134
|
.label=${this.label}
|
|
135
|
-
@label-click
|
|
135
|
+
@label-click=${()=>this.handleLabelClick()}
|
|
136
136
|
></md-label>
|
|
137
137
|
`:n.nothing}static get styles(){return[r.A,c.A]}render(){return n.html`
|
|
138
138
|
<div class="md-input-container ${(0,d.classMap)(this.inputClassMap)}" part="md-input-container">
|