@momentum-ui/web-components 3.2.5 → 3.2.7
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/2492.js +1 -1
- package/dist/708.js +2 -2
- package/dist/9146.js +1 -1
- package/dist/953.js +5 -5
- package/dist/comp/md-coachmark-popover-entry.js +4 -4
- package/dist/comp/md-menu-overlay-entry.js +2 -2
- package/dist/comp/md-popover-entry.js +2 -2
- package/dist/esm/2492.js +1 -1
- package/dist/esm/405.js +2 -2
- package/dist/esm/708.js +4 -4
- package/dist/esm/9146.js +1 -1
- package/dist/esm/953.js +5 -5
- package/dist/esm/comp/md-coachmark-popover-entry.js +4 -4
- package/dist/esm/comp/md-menu-overlay-entry.js +3 -3
- package/dist/esm/index-entry.js +1 -1
- package/dist/index-entry.js +237 -237
- package/dist/types/[sandbox]/examples/editable-field.d.ts +1 -1
- package/dist/types/[sandbox]/examples/popover.d.ts +2 -0
- package/dist/types/components/avatar/Avatar.d.ts +3 -3
- package/dist/types/components/badge/Badge.d.ts +1 -1
- package/dist/types/components/button/Button.d.ts +2 -2
- package/dist/types/components/chip/Chip.d.ts +3 -3
- package/dist/types/components/combobox/ComboBox.d.ts +3 -3
- package/dist/types/components/dropdown/Dropdown.d.ts +2 -2
- package/dist/types/components/editable-textfield/EditableTextfield.d.ts +1 -1
- package/dist/types/components/input/Input.d.ts +5 -5
- package/dist/types/components/popover/Popover.constants.d.ts +3 -0
- package/dist/types/components/popover/Popover.d.ts +29 -0
- package/dist/types/components/popover/Popover.test.d.ts +1 -0
- package/dist/types/components/radio/Radio.d.ts +1 -1
- package/dist/types/components/taskitem/TaskItem.utils.d.ts +1 -1
- package/dist/types/internal-components/color-table/ColorTable.d.ts +1 -1
- package/dist/types/mixins/FocusTrapMixin.d.ts +2 -0
- package/package.json +1 -1
package/dist/2492.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[2492],{5601(e,o,t){t.d(o,{A:()=>r});const r=t(7161).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%}`},1334(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}},2450(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)}}},8775(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)))}}},6933(e,o,t){t.d(o,{h:()=>i});var r=t(2050);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}}}}}]);
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[2492],{5601(e,o,t){t.d(o,{A:()=>r});const r=t(7161).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%}`},1334(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,HIDE_ON_POINTER_DOWN_OUTSIDE:!1,HIDE_ON_SCROLL:!1,HIDE_ON_WHEEL:!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}},2450(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)}}},8775(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)))}}},6933(e,o,t){t.d(o,{h:()=>i});var r=t(2050);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}}}}}]);
|
package/dist/708.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[708],{708(e,t,i){var r,s,n=i(2900),o=i(9609),a=i(9938),l=i(2050),h=i(2962),
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[708],{708(e,t,i){var r,s,n=i(2900),o=i(9609),a=i(9938),l=i(2050),h=i(2962),p=i.n(h),d=i(6538),v=i.n(d),u=i(8250),c=i.n(u),g=i(9371),y=i.n(g),m=i(4863),E=i(7161),O=i(429),f=i(291),w=i(9146),b=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 a=e.length-1;a>=0;a--)(s=e[a])&&(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},C=function(e,t,i,r){return new(i||(i=Promise))(function(s,n){function o(e){try{l(r.next(e))}catch(e){n(e)}}function a(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){var t;e.done?s(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(o,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={})),function(e){let t=class extends((0,a.d)(E.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this._componentAddedAriaExpanded=!1,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const s=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==s&&(e.ELEMENT.activeOverlay.splice(s,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>C(this,void 0,void 0,function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find(e=>e===this),!i)||!this.overlayContainer||t.code!==n.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))}),this.handleTriggerKeyDown=e=>C(this,void 0,void 0,function*(){switch(e.code){case n.Uz.Space:case n.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}static get styles(){return[w.A,E.css`
|
|
2
2
|
.md-menu-overlay .overlay-content {
|
|
3
3
|
max-height: var(--md-menu-overlay-max-height, calc(100vh - 48px));
|
|
4
4
|
width: var(--md-menu-overlay-width, 370px);
|
|
5
5
|
overflow-y: var(--md-menu-overlay-overflow-y, auto);
|
|
6
6
|
}
|
|
7
|
-
`]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?r.small:r.large,this.style.setProperty("--md-menu-overlay-max-height",e),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",t)}firstUpdated(e){super.firstUpdated(e),this.updateCSSProperties()}updated(e){if(super.updated(e),(e.has("maxHeight")||e.has("customWidth")||e.has("size")||e.has("isDatePicker"))&&this.updateCSSProperties(),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.triggerElement.hasAttribute("aria-expanded")||this._componentAddedAriaExpanded?this._componentAddedAriaExpanded?this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):(this.triggerElement.removeAttribute("aria-expanded"),this._componentAddedAriaExpanded=!1):this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"):(this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"),this._componentAddedAriaExpanded=!0),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded",this.isOpen?"true":"false"))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement
|
|
7
|
+
`]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?r.small:r.large,this.style.setProperty("--md-menu-overlay-max-height",e),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",t)}firstUpdated(e){super.firstUpdated(e),this.updateCSSProperties()}updated(e){if(super.updated(e),(e.has("maxHeight")||e.has("customWidth")||e.has("size")||e.has("isDatePicker"))&&this.updateCSSProperties(),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.triggerElement.hasAttribute("aria-expanded")||this._componentAddedAriaExpanded?this._componentAddedAriaExpanded?this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):(this.triggerElement.removeAttribute("aria-expanded"),this._componentAddedAriaExpanded=!1):this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"):(this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"),this._componentAddedAriaExpanded=!0),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded",this.isOpen?"true":"false"))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){var e;if(this.triggerElement){const t=null===(e=this.overlayContainer)||void 0===e?void 0:e.querySelector(".overlay-content");this.popperInstance=(0,m.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>C(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...m.defaultModifiers,v(),c(),y(),p(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!0}},{name:"constrainToViewport",enabled:!0,phase:"afterWrite",requires:["computeStyles"],fn:({state:e})=>{if(!t)return;const i=e.elements.popper,r=i.getBoundingClientRect(),s=window.innerHeight;let n;n=(e.placement||"").startsWith("top")?r.bottom-16:s-r.top-16,n>0&&t.scrollHeight>n?(i.style.maxHeight=`${n}px`,i.style.overflow="hidden",t.style.maxHeight=`${n}px`,t.style.overflowY="auto"):(i.style.removeProperty("max-height"),i.style.removeProperty("overflow"),t.style.removeProperty("max-height"),t.style.removeProperty("overflow-y"))}}]})}}destroy(){var e;if(this.popperInstance){this.overlayContainer&&(this.overlayContainer.style.removeProperty("max-height"),this.overlayContainer.style.removeProperty("overflow"));const t=null===(e=this.overlayContainer)||void 0===e?void 0:e.querySelector(".overlay-content");t&&(t.style.removeProperty("max-height"),t.style.removeProperty("overflow-y")),this.popperInstance.destroy(),this.popperInstance=null}}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return E.html`
|
|
8
8
|
<div class="md-menu-overlay">
|
|
9
9
|
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
10
10
|
<div
|
package/dist/9146.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[9146],{9146(r,o,e){e.d(o,{A:()=>a});const a=e(7161).css`:host{--vw-padding:16px}.md-menu-overlay{box-sizing:border-box;color:var(--md-primary-text-color);position:relative}.md-menu-overlay *{box-sizing:inherit}.md-menu-overlay .overlay-content{background-color:var(--md-primary-bg-color);border:1px solid var(--md-menu-overlay-border-color,--gray-20);border-radius:.5rem;display:flex;justify-content:space-around;max-width:calc(100vw - var(--vw-padding)*2);overflow-y:auto}.md-menu-overlay .overlay-container{border-radius:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.14);box-sizing:border-box;display:none;position:absolute;z-index:1000}.md-menu-overlay .overlay-container[data-show]{display:block}.overlay-arrow{height:0;visibility:hidden;width:0}.overlay-arrow[data-show]{visibility:visible}.overlay-container[data-popper-placement^=top]>.overlay-arrow{border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem var(--md-menu-overlay-border-color,--gray-20);bottom:-.95rem;filter:drop-shadow(0 14px 8px rgba(0, 0, 0, .16))}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{border-bottom:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.95rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{border-bottom:solid 1rem transparent;border-right:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-top:solid 1rem transparent;left:-.95rem;filter:drop-shadow(-16px 0 10px rgba(0, 0, 0, .16))}.overlay-container[data-popper-placement^=left]>.overlay-arrow{border-bottom:solid 1rem transparent;border-left:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-top:solid 1rem transparent;right:-.95rem;filter:drop-shadow(16px 0 10px rgba(0, 0, 0, .16))}.overlay-container>.overlay-arrow:after{content:"";position:absolute;border-width:19px;border-style:solid;border-color:transparent;pointer-events:none}.overlay-container[data-popper-placement^=top]>.overlay-arrow:after{border-top-color:var(--md-primary-bg-color);bottom:-17px;right:-19px}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow:after{border-bottom-color:var(--md-primary-bg-color);top:-17px;left:-19px}.overlay-container[data-popper-placement^=right]>.overlay-arrow:after{border-right-color:var(--md-primary-bg-color);bottom:-19px;left:-17px}.overlay-container[data-popper-placement^=left]>.overlay-arrow:after{border-left-color:var(--md-primary-bg-color);top:-19px;right:-17px}@media(forced-colors:active){.overlay-container[data-popper-placement^=top]>.overlay-arrow{forced-color-adjust:none;border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem ButtonBorder;bottom:-.95rem}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem ButtonBorder;border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.95rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem transparent;border-right:solid 1rem ButtonBorder;border-top:solid 1rem transparent;left:-.95rem}.overlay-container[data-popper-placement^=left]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem transparent;border-left:solid 1rem ButtonBorder;border-top:solid 1rem transparent;right:-.95rem}.overlay-container>.overlay-arrow:after{forced-color-adjust:none;content:"";position:absolute;border-width:19px;border-style:solid;border-color:transparent}.overlay-container[data-popper-placement^=top]>.overlay-arrow:after{border-top-color:Canvas}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow:after{border-bottom-color:Canvas}.overlay-container[data-popper-placement^=right]>.overlay-arrow:after{border-right-color:Canvas}.overlay-container[data-popper-placement^=left]>.overlay-arrow:after{border-left-color:Canvas}}`}}]);
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[9146],{9146(r,o,e){e.d(o,{A:()=>a});const a=e(7161).css`:host{--vw-padding:16px}.md-menu-overlay{box-sizing:border-box;color:var(--md-primary-text-color);position:relative}.md-menu-overlay *{box-sizing:inherit}.md-menu-overlay .overlay-content{background-color:var(--md-primary-bg-color);border:1px solid var(--md-menu-overlay-border-color,--gray-20);border-radius:.5rem;display:flex;flex-direction:column;justify-content:space-around;max-width:calc(100vw - var(--vw-padding)*2);overflow-y:auto}.md-menu-overlay .overlay-container{border-radius:.5rem;box-shadow:0 8px 16px rgba(0,0,0,.16),0 0 1px rgba(0,0,0,.14);box-sizing:border-box;display:none;position:absolute;z-index:1000}.md-menu-overlay .overlay-container[data-show]{display:block}.overlay-arrow{height:0;visibility:hidden;width:0}.overlay-arrow[data-show]{visibility:visible}.overlay-container[data-popper-placement^=top]>.overlay-arrow{border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem var(--md-menu-overlay-border-color,--gray-20);bottom:-.95rem;filter:drop-shadow(0 14px 8px rgba(0, 0, 0, .16))}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{border-bottom:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.95rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{border-bottom:solid 1rem transparent;border-right:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-top:solid 1rem transparent;left:-.95rem;filter:drop-shadow(-16px 0 10px rgba(0, 0, 0, .16))}.overlay-container[data-popper-placement^=left]>.overlay-arrow{border-bottom:solid 1rem transparent;border-left:solid 1rem var(--md-menu-overlay-border-color,--gray-20);border-top:solid 1rem transparent;right:-.95rem;filter:drop-shadow(16px 0 10px rgba(0, 0, 0, .16))}.overlay-container>.overlay-arrow:after{content:"";position:absolute;border-width:19px;border-style:solid;border-color:transparent;pointer-events:none}.overlay-container[data-popper-placement^=top]>.overlay-arrow:after{border-top-color:var(--md-primary-bg-color);bottom:-17px;right:-19px}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow:after{border-bottom-color:var(--md-primary-bg-color);top:-17px;left:-19px}.overlay-container[data-popper-placement^=right]>.overlay-arrow:after{border-right-color:var(--md-primary-bg-color);bottom:-19px;left:-17px}.overlay-container[data-popper-placement^=left]>.overlay-arrow:after{border-left-color:var(--md-primary-bg-color);top:-19px;right:-17px}@media(forced-colors:active){.overlay-container[data-popper-placement^=top]>.overlay-arrow{forced-color-adjust:none;border-left:solid 1rem transparent;border-right:solid 1rem transparent;border-top:solid 1rem ButtonBorder;bottom:-.95rem}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem ButtonBorder;border-left:solid 1rem transparent;border-right:solid 1rem transparent;top:-.95rem}.overlay-container[data-popper-placement^=right]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem transparent;border-right:solid 1rem ButtonBorder;border-top:solid 1rem transparent;left:-.95rem}.overlay-container[data-popper-placement^=left]>.overlay-arrow{forced-color-adjust:none;border-bottom:solid 1rem transparent;border-left:solid 1rem ButtonBorder;border-top:solid 1rem transparent;right:-.95rem}.overlay-container>.overlay-arrow:after{forced-color-adjust:none;content:"";position:absolute;border-width:19px;border-style:solid;border-color:transparent}.overlay-container[data-popper-placement^=top]>.overlay-arrow:after{border-top-color:Canvas}.overlay-container[data-popper-placement^=bottom]>.overlay-arrow:after{border-bottom-color:Canvas}.overlay-container[data-popper-placement^=right]>.overlay-arrow:after{border-right-color:Canvas}.overlay-container[data-popper-placement^=left]>.overlay-arrow:after{border-left-color:Canvas}}`}}]);
|
package/dist/953.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[953,2050,4431,6812,9669],{837(e,t,i){i(8371),i(1821),i(9773);var r
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[953,2050,4431,6812,9669],{837(e,t,i){i(8371),i(1821),i(9773);var o,r=i(9609),s=i(878),n=i(4084),l=i(7161),h=i(429),a=i(3842),d=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends l.LitElement{constructor(){super(...arguments),this.monthFormat="MMMM yyyy",this.filterParams=void 0,this.handleMonthChange=void 0,this.onRetry=void 0,this.datePickerProps=void 0,this.errorMessages={},this.shortDay=!1,this.isDatePickerMonthLoading=!1,this.isDatePickerMonthError=!1,this.viewAnchorDate=(0,s.tB)(),this.localeMonth=void 0,this.setDate=(e,t)=>{this.viewAnchorDate=e,null==t||t()},this.increaseMonth=e=>{const{handleMonthChange:t}=this,{viewAnchorDate:i}=this;this.setDate((0,s.PS)(i,1),()=>t&&t(e,this.viewAnchorDate))},this.decreaseMonth=e=>{const{handleMonthChange:t}=this,{viewAnchorDate:i}=this;this.setDate((0,s.SL)(i,1),()=>t&&t(e,this.viewAnchorDate))},this.handleRetryClick=()=>{this.onRetry&&this.onRetry()},this.renderMonthName=()=>l.html` <div class="md-datepicker__navigation--current-month" aria-live="polite">${this.localeMonth}</div> `,this.renderPreviousMonthButton=()=>{var e,t;const i=(null===(e=this.filterParams)||void 0===e?void 0:e.minDate)&&(0,s.PD)(this.viewAnchorDate,null===(t=this.filterParams)||void 0===t?void 0:t.minDate);return l.html`
|
|
2
2
|
<md-button
|
|
3
3
|
variant="ghost"
|
|
4
4
|
circle
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
tabindex="-1"
|
|
26
26
|
><md-icon name="arrow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
27
27
|
</md-button>
|
|
28
|
-
`},this.header=()=>{var e;const t=(0,s.mK)(this.viewAnchorDate,null===(e=this.datePickerProps)||void 0===e?void 0:e.weekStart);return[].concat([0,1,2,3,4,5,6].map(e=>{var i;const
|
|
28
|
+
`},this.header=()=>{var e;const t=(0,s.mK)(this.viewAnchorDate,null===(e=this.datePickerProps)||void 0===e?void 0:e.weekStart);return[].concat([0,1,2,3,4,5,6].map(e=>{var i;const o=(0,s.fi)((0,s.WV)(t,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en"),e),r=(0,s.XN)(o),n=this.getWeekDayName(r,o);return l.html` <div class="md-datepicker__day--name">${n}</div> `}))}}connectedCallback(){var e,t,i;super.connectedCallback(),this.viewAnchorDate=(null===(e=this.datePickerProps)||void 0===e?void 0:e.focused)||(null===(t=this.datePickerProps)||void 0===t?void 0:t.selected)||(0,s.tB)(),this.localeMonth=(0,s.WV)(this.viewAnchorDate,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en").toFormat(this.monthFormat)}updated(e){var t,i,o,r,n;super.updated(e),e.has("datePickerProps")&&(null===(null===(t=this.datePickerProps)||void 0===t?void 0:t.selected.invalidReason)&&(this.viewAnchorDate=this.datePickerProps.selected||(0,s.tB)()),this.localeMonth=((null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)?(0,s.WV)(this.viewAnchorDate,null===(o=this.datePickerProps)||void 0===o?void 0:o.locale):this.viewAnchorDate).toFormat(this.monthFormat)),e.has("viewAnchorDate")&&(this.localeMonth=((null===(r=this.datePickerProps)||void 0===r?void 0:r.locale)?(0,s.WV)(this.viewAnchorDate,null===(n=this.datePickerProps)||void 0===n?void 0:n.locale):this.viewAnchorDate).toFormat(this.monthFormat))}getWeekDayName(e,t){return this.shortDay?(0,s.XY)(e,t):(0,s.DY)(e,t)}renderLoader(){return l.html`
|
|
29
29
|
<div class="md-datepicker__loading">
|
|
30
30
|
<div class="md-datepicker__loading-text">${this.errorMessages.LOADING}</div>
|
|
31
31
|
<md-spinner size="32"></md-spinner>
|
|
@@ -61,9 +61,9 @@
|
|
|
61
61
|
</div>
|
|
62
62
|
${this.renderMonthContent()}
|
|
63
63
|
</div>
|
|
64
|
-
`}static get styles(){return[n.A,
|
|
64
|
+
`}static get styles(){return[n.A,a.A]}render(){return l.html`
|
|
65
65
|
<div class="md-datepicker__calendar" id="Datepicker-Calendar">${this.viewAnchorDate&&this.renderMonth()}</div>
|
|
66
|
-
`}};d([(0,a.property)({attribute:!1})],t.prototype,"monthFormat",void 0),d([(0,a.property)({attribute:!1})],t.prototype,"filterParams",void 0),d([(0,a.property)({attribute:!1})],t.prototype,"handleMonthChange",void 0),d([(0,a.property)({attribute:!1})],t.prototype,"onRetry",void 0),d([(0,a.property)({attribute:!1})],t.prototype,"datePickerProps",void 0),d([(0,a.property)({type:Object,attribute:!1})],t.prototype,"errorMessages",void 0),d([(0,a.property)({type:Boolean,reflect:!0,attribute:"short-day"})],t.prototype,"shortDay",void 0),d([(0,a.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-loading"})],t.prototype,"isDatePickerMonthLoading",void 0),d([(0,a.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-error"})],t.prototype,"isDatePickerMonthError",void 0),d([(0,a.state)()],t.prototype,"viewAnchorDate",void 0),d([(0,a.state)()],t.prototype,"localeMonth",void 0),t=d([(0,o.w)("md-datepicker-calendar")],t),e.ELEMENT=t}(r||(r={}))},405(e,t,i){i.d(t,{PopoverController:()=>g}),i(5983),i(1821);var r=i(9609),o=i(9938),s=i(2050),n=i(5784),l=i(7161),a=i(429),h=i(1334),d=i(2450),c=i(8775),p=i(6933),u=i(5601),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())})};class g{show(e){}hide(){}toggle(){}isVisible(){return!1}}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)||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 p.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}`,d.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(),d.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(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){return m(this,void 0,void 0,function*(){var i,r,o,s;if(e!==t&&this.triggerElement)if(t)c.S.peek()!==this&&c.S.push(this),this.focusTrap&&(null===(i=this.activateFocusTrap)||void 0===i||i.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),d.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),c.S.removeItem(this),this.utils.handleAppendTo(!1),this.backdropElement&&(null===(r=this.backdropElement)||void 0===r||r.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===(o=this.deactivateFocusTrap)||void 0===o||o.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===(s=this.setFocusOnDeepestNestedElement)||void 0===s||s.call(this,this.triggerElement)),this.previousActiveElement=null,d.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`
|
|
66
|
+
`}};d([(0,h.property)({attribute:!1})],t.prototype,"monthFormat",void 0),d([(0,h.property)({attribute:!1})],t.prototype,"filterParams",void 0),d([(0,h.property)({attribute:!1})],t.prototype,"handleMonthChange",void 0),d([(0,h.property)({attribute:!1})],t.prototype,"onRetry",void 0),d([(0,h.property)({attribute:!1})],t.prototype,"datePickerProps",void 0),d([(0,h.property)({type:Object,attribute:!1})],t.prototype,"errorMessages",void 0),d([(0,h.property)({type:Boolean,reflect:!0,attribute:"short-day"})],t.prototype,"shortDay",void 0),d([(0,h.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-loading"})],t.prototype,"isDatePickerMonthLoading",void 0),d([(0,h.property)({type:Boolean,reflect:!0,attribute:"is-date-picker-month-error"})],t.prototype,"isDatePickerMonthError",void 0),d([(0,h.state)()],t.prototype,"viewAnchorDate",void 0),d([(0,h.state)()],t.prototype,"localeMonth",void 0),t=d([(0,r.w)("md-datepicker-calendar")],t),e.ELEMENT=t}(o||(o={}))},405(e,t,i){i.d(t,{PopoverController:()=>g}),i(5983),i(1821);var o=i(9609),r=i(9938),s=i(2050),n=i(5784),l=i(7161),h=i(429),a=i(1334),d=i(2450),c=i(8775),p=i(6933),u=i(5601),v=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},m=function(e,t,i,o){return new(i||(i=Promise))(function(r,s){function n(e){try{h(o.next(e))}catch(e){s(e)}}function l(e){try{h(o.throw(e))}catch(e){s(e)}}function h(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}h((o=o.apply(e,t||[])).next())})};class g{show(e){}hide(){}toggle(){}isVisible(){return!1}}let y=class extends((0,r.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=a.zY.TRIGGER,this.placement=a.zY.PLACEMENT,this.strategy=a.zY.STRATEGY,this.color=a.zY.COLOR,this.visible=a.zY.VISIBLE,this.offset=a.zY.OFFSET,this.focusTrap=a.zY.FOCUS_TRAP,this.preventScroll=a.zY.PREVENT_SCROLL,this.showArrow=a.zY.ARROW,this.closeButton=a.zY.CLOSE_BUTTON,this.interactive=a.zY.INTERACTIVE,this.delay=a.zY.DELAY,this.hideOnEscape=a.zY.HIDE_ON_ESCAPE,this.hideOnBlur=a.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=a.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=a.zY.HIDE_ON_CLICK_OUTSIDE,this.hideOnOutsidePointerDown=a.zY.HIDE_ON_POINTER_DOWN_OUTSIDE,this.hideOnScroll=a.zY.HIDE_ON_SCROLL,this.hideOnWheel=a.zY.HIDE_ON_WHEEL,this.focusBackToTrigger=a.zY.FOCUS_BACK,this.backdrop=a.zY.BACKDROP,this.flip=a.zY.FLIP,this.size=a.zY.SIZE,this.zIndex=a.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=a.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=a.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=a.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=>{this.shouldIgnoreDismissEvent(e)||this.hideThisPopover()},this.onOutsidePopoverPointerDown=e=>{this.shouldIgnoreDismissEvent(e)||this.hideThisPopover()},this.onOutsidePopoverScrollOrWheel=e=>{this.shouldIgnoreDismissEvent(e)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{const t="Escape"===e.key||"Escape"===e.code;if(!this.visible||!t)return;const i=c.S.peek();i&&i!==this||(e.preventDefault(),e.stopImmediatePropagation(),this.hideThisPopover())},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.onTriggerKeydown=e=>{this.visible&&("Escape"!==e.key&&"Escape"!==e.code||!this.hideOnEscape?this.focusTrap&&this.activeFocusTrap&&this.appendTo&&"Tab"===e.key&&this.handleKeydownFocusTrap(e):this.onEscapeKeydown(e))},this.utils=new p.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}`,d.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*(){var t;e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),document.removeEventListener("click",this.onOutsidePopoverClick),document.removeEventListener("pointerdown",this.onOutsidePopoverPointerDown,!0),window.removeEventListener("scroll",this.onOutsidePopoverScrollOrWheel,!0),window.removeEventListener("wheel",this.onOutsidePopoverScrollOrWheel,!0),window.removeEventListener("keydown",this.onEscapeKeydown,!0),null===(t=this.triggerElement)||void 0===t||t.removeEventListener("keydown",this.onTriggerKeydown),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),d.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(a.ME).includes(this.placement)?this.placement:a.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(a.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:a.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(a.o$).includes(this.color)?this.color:a.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()})}shouldIgnoreDismissEvent(e){const t=e.composedPath();return!(!this.triggerElement||!t.includes(this.triggerElement))||!!t.includes(this)||!!c.S.shouldDeferToTopForOutsideClick(this)}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){return m(this,void 0,void 0,function*(){var i,o,r,s;if(e!==t&&this.triggerElement)if(t)c.S.peek()!==this&&c.S.push(this),this.focusTrap&&(null===(i=this.activateFocusTrap)||void 0===i||i.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.hideOnOutsidePointerDown&&document.addEventListener("pointerdown",this.onOutsidePopoverPointerDown,!0),this.hideOnScroll&&window.addEventListener("scroll",this.onOutsidePopoverScrollOrWheel,!0),this.hideOnWheel&&window.addEventListener("wheel",this.onOutsidePopoverScrollOrWheel,!0),this.hideOnEscape&&window.addEventListener("keydown",this.onEscapeKeydown,!0),this.focusTrap&&this.triggerElement&&this.triggerElement.addEventListener("keydown",this.onTriggerKeydown),d.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.hideOnOutsidePointerDown&&document.removeEventListener("pointerdown",this.onOutsidePopoverPointerDown,!0),this.hideOnScroll&&window.removeEventListener("scroll",this.onOutsidePopoverScrollOrWheel,!0),this.hideOnWheel&&window.removeEventListener("wheel",this.onOutsidePopoverScrollOrWheel,!0),this.hideOnEscape&&window.removeEventListener("keydown",this.onEscapeKeydown,!0),this.triggerElement&&this.triggerElement.removeEventListener("keydown",this.onTriggerKeydown),null===(r=this.deactivateFocusTrap)||void 0===r||r.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===(s=this.setFocusOnDeepestNestedElement)||void 0===s||s.call(this,this.triggerElement)),this.previousActiveElement=null,d.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:o,placement:r}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),o.arrow&&this.arrowElement&&this.utils.updateArrowStyle(o.arrow,r),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(r)}),{animationFrame:this.animationFrame})}render(){return l.html`
|
|
67
67
|
<div class="popover-hover-bridge"></div>
|
|
68
68
|
${this.closeButton?l.html` <md-button
|
|
69
69
|
class="popover-close"
|
|
@@ -79,4 +79,4 @@
|
|
|
79
79
|
<div part="popover-content">
|
|
80
80
|
<slot></slot>
|
|
81
81
|
</div>
|
|
82
|
-
`}static get styles(){return[u.A]}};v([(0,
|
|
82
|
+
`}static get styles(){return[u.A]}};v([(0,h.property)({type:String,reflect:!0})],y.prototype,"id",void 0),v([(0,h.property)({type:String,reflect:!0})],y.prototype,"triggerID",void 0),v([(0,h.property)({type:String,reflect:!0})],y.prototype,"trigger",void 0),v([(0,h.property)({type:String,reflect:!0})],y.prototype,"placement",void 0),v([(0,h.property)({type:String,reflect:!0})],y.prototype,"strategy",void 0),v([(0,h.property)({type:String,reflect:!0})],y.prototype,"color",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],y.prototype,"visible",void 0),v([(0,h.property)({type:Number,reflect:!0})],y.prototype,"offset",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],y.prototype,"focusTrap",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],y.prototype,"preventScroll",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],y.prototype,"showArrow",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"close-button"})],y.prototype,"closeButton",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],y.prototype,"interactive",void 0),v([(0,h.property)({type:String,reflect:!0})],y.prototype,"delay",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],y.prototype,"hideOnEscape",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],y.prototype,"hideOnBlur",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],y.prototype,"hideOnWindowBlur",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],y.prototype,"hideOnOutsideClick",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-pointerdown"})],y.prototype,"hideOnOutsidePointerDown",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-scroll"})],y.prototype,"hideOnScroll",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-wheel"})],y.prototype,"hideOnWheel",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],y.prototype,"focusBackToTrigger",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],y.prototype,"backdrop",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],y.prototype,"flip",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],y.prototype,"size",void 0),v([(0,h.property)({type:Number,reflect:!0,attribute:"z-index"})],y.prototype,"zIndex",void 0),v([(0,h.property)({type:String,reflect:!0,attribute:"append-to"})],y.prototype,"appendTo",void 0),v([(0,h.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],y.prototype,"closeButtonAriaLabel",void 0),v([(0,h.property)({type:String,reflect:!0})],y.prototype,"role",void 0),v([(0,h.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],y.prototype,"ariaLabelledby",void 0),v([(0,h.property)({type:String,reflect:!0,attribute:"aria-describedby"})],y.prototype,"ariaDescribedby",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],y.prototype,"disableAriaExpanded",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],y.prototype,"animationFrame",void 0),v([(0,h.property)({type:Object,attribute:!1})],y.prototype,"controller",null),y=v([(0,o.w)("md-popover")],y)},2050(e,t,i){function o(e,t,i){let o;return function(...r){const s=this,n=i&&!o;clearTimeout(o),o=setTimeout(function(){o=null,i||e.apply(s,r)},t),n&&e.apply(s,r)}}function r(e,t){return function t(i){if(!i||i===document||i===window)return null;const o=i.closest(e);return null!=o?o:t(i.getRootNode().host)}(t)}function s(e,t=document){var i;const o=t instanceof ShadowRoot||t instanceof Document?t.querySelector(e):null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelector(e);if(o)return o;const r=Array.from(t.querySelectorAll("*")).map(e=>{var t;return null!==(t=e.shadowRoot)&&void 0!==t?t:null}).filter(e=>null!==e);for(const t of r){const i=s(e,t);if(i)return i}return null}function n(e,t=document){if(t instanceof ShadowRoot||t instanceof Document){const i=t.getElementById(e);if(i)return i}const i=Array.from(t.querySelectorAll("*")).map(e=>{var t;return null!==(t=e.shadowRoot)&&void 0!==t?t:null}).filter(e=>null!==e);for(const t of i){const i=n(e,t);if(i)return i}return null}function l(){var e;let t=document.activeElement;for(;null===(e=null==t?void 0:t.shadowRoot)||void 0===e?void 0:e.activeElement;)t=t.shadowRoot.activeElement;return t}i.d(t,{QZ:()=>r,XI:()=>n,dw:()=>l,qi:()=>s,sg:()=>o})}}]);
|
|
@@ -1,9 +1,9 @@
|
|
|
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"),require("@floating-ui/dom"));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","@floating-ui/dom"],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"),require("@floating-ui/dom")):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,e["@floating-ui/dom"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,r,s,n,l,
|
|
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"),require("@floating-ui/dom"));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","@floating-ui/dom"],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"),require("@floating-ui/dom")):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,e["@floating-ui/dom"]);for(var o in i)("object"==typeof exports?exports:e)[o]=i[o]}}(self,(e,t,i,o,r,s,n,l,h)=>(()=>{"use strict";var a,p={7744(e,t,i){i.r(t),i.d(t,{CoachmarkPopover:()=>o}),i(5983),i(1821),i(405);var o,r=i(9609),s=i(4084),n=i(7161),l=i(429),h=i(5125),a=i(2991),p=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n};!function(e){let t=class extends n.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[s.A,a.A]}connectedCallback(){super.connectedCallback()}notifyCustomEvent(e){this.dispatchEvent(new CustomEvent(e,{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(e){const t=e.target;if(t){const e=t.assignedElements({flatten:!0});e.length&&(this.slotContent=e)}}updated(e){super.updated(e),e.has("show")&&(this.show?this.notifyCoachCreate():this.notifyCoachClose())}coachmarkContentTemplate(){return n.html`
|
|
2
2
|
<div class="md-coachmark__content">
|
|
3
3
|
${this.message?this.message:n.html` <slot name="coachmark-content" @slotchange=${this.handleSlotChange}></slot> `}
|
|
4
4
|
</div>
|
|
5
5
|
`}renderHeader(){return n.html`
|
|
6
|
-
<div class="header-container ${(0,
|
|
6
|
+
<div class="header-container ${(0,h.classMap)({"hide-close":this.hideCloseButton})}">
|
|
7
7
|
${this.headerIconName?n.html`<md-icon name=${this.headerIconName} size="16" iconSet="momentumDesign"></md-icon>`:""}
|
|
8
8
|
${this.header?n.html`<span class="header-title">${this.header}</span>`:""}
|
|
9
9
|
</div>
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
${this.renderHeader()} ${this.renderBody()} ${this.renderFooter()}
|
|
51
51
|
</div>
|
|
52
52
|
</md-popover>
|
|
53
|
-
`}};p([(0,l.property)({type:String})],t.prototype,"placement",void 0),p([(0,l.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),p([(0,l.property)({type:String})],t.prototype,"headerIconName",void 0),p([(0,l.property)({type:String})],t.prototype,"header",void 0),p([(0,l.property)({type:String})],t.prototype,"message",void 0),p([(0,l.property)({type:Boolean})],t.prototype,"show",void 0),p([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),p([(0,l.property)({type:String})],t.prototype,"primaryButton",void 0),p([(0,l.property)({type:String})],t.prototype,"secondaryButton",void 0),p([(0,l.property)({type:String})],t.prototype,"linkText",void 0),p([(0,l.property)({type:String})],t.prototype,"href",void 0),p([(0,l.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),p([(0,l.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=p([(0,r.w)("md-coachmark-popover")],t),e.ELEMENT=t}(o||(o={}))},405(e,t,i){i(5983),i(1821);var o=i(9609),r=i(9938),s=i(2050),n=i(5784),l=i(7161),a=i(429),h=i(1334),p=i(2450),c=i(8775),d=i(6933),u=i(5601),v=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},m=function(e,t,i,o){return new(i||(i=Promise))(function(r,s){function n(e){try{a(o.next(e))}catch(e){s(e)}}function l(e){try{a(o.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}a((o=o.apply(e,t||[])).next())})};let g=class extends((0,r.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)||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}`,p.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(),p.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(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){return m(this,void 0,void 0,function*(){var i,o,r,s;if(e!==t&&this.triggerElement)if(t)c.S.peek()!==this&&c.S.push(this),this.focusTrap&&(null===(i=this.activateFocusTrap)||void 0===i||i.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),p.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 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===(s=this.setFocusOnDeepestNestedElement)||void 0===s||s.call(this,this.triggerElement)),this.previousActiveElement=null,p.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:o,placement:r}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),o.arrow&&this.arrowElement&&this.utils.updateArrowStyle(o.arrow,r),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(r)}),{animationFrame:this.animationFrame})}render(){return l.html`
|
|
53
|
+
`}};p([(0,l.property)({type:String})],t.prototype,"placement",void 0),p([(0,l.property)({type:String,reflect:!0})],t.prototype,"triggerID",void 0),p([(0,l.property)({type:String})],t.prototype,"headerIconName",void 0),p([(0,l.property)({type:String})],t.prototype,"header",void 0),p([(0,l.property)({type:String})],t.prototype,"message",void 0),p([(0,l.property)({type:Boolean})],t.prototype,"show",void 0),p([(0,l.property)({type:Boolean,reflect:!0,attribute:"hide-close-button"})],t.prototype,"hideCloseButton",void 0),p([(0,l.property)({type:String})],t.prototype,"primaryButton",void 0),p([(0,l.property)({type:String})],t.prototype,"secondaryButton",void 0),p([(0,l.property)({type:String})],t.prototype,"linkText",void 0),p([(0,l.property)({type:String})],t.prototype,"href",void 0),p([(0,l.query)(".md-coachmark__trigger-component")],t.prototype,"triggerComponent",void 0),p([(0,l.query)(".md-coachmark__popper")],t.prototype,"popper",void 0),t=p([(0,r.w)("md-coachmark-popover")],t),e.ELEMENT=t}(o||(o={}))},405(e,t,i){i(5983),i(1821);var o=i(9609),r=i(9938),s=i(2050),n=i(5784),l=i(7161),h=i(429),a=i(1334),p=i(2450),d=i(8775),c=i(6933),u=i(5601),v=function(e,t,i,o){var r,s=arguments.length,n=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var l=e.length-1;l>=0;l--)(r=e[l])&&(n=(s<3?r(n):s>3?r(t,i,n):r(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},m=function(e,t,i,o){return new(i||(i=Promise))(function(r,s){function n(e){try{h(o.next(e))}catch(e){s(e)}}function l(e){try{h(o.throw(e))}catch(e){s(e)}}function h(e){var t;e.done?r(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,l)}h((o=o.apply(e,t||[])).next())})};let g=class extends((0,r.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=a.zY.TRIGGER,this.placement=a.zY.PLACEMENT,this.strategy=a.zY.STRATEGY,this.color=a.zY.COLOR,this.visible=a.zY.VISIBLE,this.offset=a.zY.OFFSET,this.focusTrap=a.zY.FOCUS_TRAP,this.preventScroll=a.zY.PREVENT_SCROLL,this.showArrow=a.zY.ARROW,this.closeButton=a.zY.CLOSE_BUTTON,this.interactive=a.zY.INTERACTIVE,this.delay=a.zY.DELAY,this.hideOnEscape=a.zY.HIDE_ON_ESCAPE,this.hideOnBlur=a.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=a.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=a.zY.HIDE_ON_CLICK_OUTSIDE,this.hideOnOutsidePointerDown=a.zY.HIDE_ON_POINTER_DOWN_OUTSIDE,this.hideOnScroll=a.zY.HIDE_ON_SCROLL,this.hideOnWheel=a.zY.HIDE_ON_WHEEL,this.focusBackToTrigger=a.zY.FOCUS_BACK,this.backdrop=a.zY.BACKDROP,this.flip=a.zY.FLIP,this.size=a.zY.SIZE,this.zIndex=a.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=a.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=a.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=a.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=>{this.shouldIgnoreDismissEvent(e)||this.hideThisPopover()},this.onOutsidePopoverPointerDown=e=>{this.shouldIgnoreDismissEvent(e)||this.hideThisPopover()},this.onOutsidePopoverScrollOrWheel=e=>{this.shouldIgnoreDismissEvent(e)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=e=>{const t="Escape"===e.key||"Escape"===e.code;if(!this.visible||!t)return;const i=d.S.peek();i&&i!==this||(e.preventDefault(),e.stopImmediatePropagation(),this.hideThisPopover())},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.onTriggerKeydown=e=>{this.visible&&("Escape"!==e.key&&"Escape"!==e.code||!this.hideOnEscape?this.focusTrap&&this.activeFocusTrap&&this.appendTo&&"Tab"===e.key&&this.handleKeydownFocusTrap(e):this.onEscapeKeydown(e))},this.utils=new c.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}`,p.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*(){var t;e.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),document.removeEventListener("click",this.onOutsidePopoverClick),document.removeEventListener("pointerdown",this.onOutsidePopoverPointerDown,!0),window.removeEventListener("scroll",this.onOutsidePopoverScrollOrWheel,!0),window.removeEventListener("wheel",this.onOutsidePopoverScrollOrWheel,!0),window.removeEventListener("keydown",this.onEscapeKeydown,!0),null===(t=this.triggerElement)||void 0===t||t.removeEventListener("keydown",this.onTriggerKeydown),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),p.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 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(a.ME).includes(this.placement)?this.placement:a.zY.PLACEMENT),e.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),e.has("trigger")){const e=this.trigger.split(" ").filter(e=>Object.values(a.tr).includes(e));this.setAttribute("trigger",e.length>0?this.trigger:a.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}e.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),e.has("color")&&this.setAttribute("color",Object.values(a.o$).includes(this.color)?this.color:a.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()})}shouldIgnoreDismissEvent(e){const t=e.composedPath();return!(!this.triggerElement||!t.includes(this.triggerElement))||!!t.includes(this)||!!d.S.shouldDeferToTopForOutsideClick(this)}isElementInPopover(e){return!!e&&(!!this.contains(e)||(0,s.QZ)("md-popover",e)===this)}isOpenUpdated(e,t){return m(this,void 0,void 0,function*(){var i,o,r,s;if(e!==t&&this.triggerElement)if(t)d.S.peek()!==this&&d.S.push(this),this.focusTrap&&(null===(i=this.activateFocusTrap)||void 0===i||i.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.hideOnOutsidePointerDown&&document.addEventListener("pointerdown",this.onOutsidePopoverPointerDown,!0),this.hideOnScroll&&window.addEventListener("scroll",this.onOutsidePopoverScrollOrWheel,!0),this.hideOnWheel&&window.addEventListener("wheel",this.onOutsidePopoverScrollOrWheel,!0),this.hideOnEscape&&window.addEventListener("keydown",this.onEscapeKeydown,!0),this.focusTrap&&this.triggerElement&&this.triggerElement.addEventListener("keydown",this.onTriggerKeydown),p.T.onShowPopover(this);else{if(this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),d.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.hideOnOutsidePointerDown&&document.removeEventListener("pointerdown",this.onOutsidePopoverPointerDown,!0),this.hideOnScroll&&window.removeEventListener("scroll",this.onOutsidePopoverScrollOrWheel,!0),this.hideOnWheel&&window.removeEventListener("wheel",this.onOutsidePopoverScrollOrWheel,!0),this.hideOnEscape&&window.removeEventListener("keydown",this.onEscapeKeydown,!0),this.triggerElement&&this.triggerElement.removeEventListener("keydown",this.onTriggerKeydown),null===(r=this.deactivateFocusTrap)||void 0===r||r.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===(s=this.setFocusOnDeepestNestedElement)||void 0===s||s.call(this,this.triggerElement)),this.previousActiveElement=null,p.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:o,placement:r}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:e,strategy:this.strategy});this.utils.updatePopoverStyle(t,i),o.arrow&&this.arrowElement&&this.utils.updateArrowStyle(o.arrow,r),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(r)}),{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"
|
|
@@ -66,4 +66,4 @@
|
|
|
66
66
|
<div part="popover-content">
|
|
67
67
|
<slot></slot>
|
|
68
68
|
</div>
|
|
69
|
-
`}static get styles(){return[u.A]}};v([(0,
|
|
69
|
+
`}static get styles(){return[u.A]}};v([(0,h.property)({type:String,reflect:!0})],g.prototype,"id",void 0),v([(0,h.property)({type:String,reflect:!0})],g.prototype,"triggerID",void 0),v([(0,h.property)({type:String,reflect:!0})],g.prototype,"trigger",void 0),v([(0,h.property)({type:String,reflect:!0})],g.prototype,"placement",void 0),v([(0,h.property)({type:String,reflect:!0})],g.prototype,"strategy",void 0),v([(0,h.property)({type:String,reflect:!0})],g.prototype,"color",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],g.prototype,"visible",void 0),v([(0,h.property)({type:Number,reflect:!0})],g.prototype,"offset",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],g.prototype,"focusTrap",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],g.prototype,"preventScroll",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],g.prototype,"showArrow",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"close-button"})],g.prototype,"closeButton",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],g.prototype,"interactive",void 0),v([(0,h.property)({type:String,reflect:!0})],g.prototype,"delay",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],g.prototype,"hideOnEscape",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],g.prototype,"hideOnBlur",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],g.prototype,"hideOnWindowBlur",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],g.prototype,"hideOnOutsideClick",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-pointerdown"})],g.prototype,"hideOnOutsidePointerDown",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-scroll"})],g.prototype,"hideOnScroll",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"hide-on-wheel"})],g.prototype,"hideOnWheel",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],g.prototype,"focusBackToTrigger",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],g.prototype,"backdrop",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],g.prototype,"flip",void 0),v([(0,h.property)({type:Boolean,reflect:!0})],g.prototype,"size",void 0),v([(0,h.property)({type:Number,reflect:!0,attribute:"z-index"})],g.prototype,"zIndex",void 0),v([(0,h.property)({type:String,reflect:!0,attribute:"append-to"})],g.prototype,"appendTo",void 0),v([(0,h.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],g.prototype,"closeButtonAriaLabel",void 0),v([(0,h.property)({type:String,reflect:!0})],g.prototype,"role",void 0),v([(0,h.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],g.prototype,"ariaLabelledby",void 0),v([(0,h.property)({type:String,reflect:!0,attribute:"aria-describedby"})],g.prototype,"ariaDescribedby",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],g.prototype,"disableAriaExpanded",void 0),v([(0,h.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],g.prototype,"animationFrame",void 0),v([(0,h.property)({type:Object,attribute:!1})],g.prototype,"controller",null),g=v([(0,o.w)("md-popover")],g)},5784(e){e.exports=h},2022(e){e.exports=s},554(e){e.exports=n},7161(t){t.exports=e},429(e){e.exports=t},5125(e){e.exports=i},291(e){e.exports=r},318(e){e.exports=o},5314(e){e.exports=l}},d={};function c(e){var t=d[e];if(void 0!==t)return t.exports;var i=d[e]={exports:{}};return p[e](i,i.exports,c),i.exports}c.m=p,a=[],c.O=(e,t,i,o)=>{if(!t){var r=1/0;for(h=0;h<a.length;h++){for(var[t,i,o]=a[h],s=!0,n=0;n<t.length;n++)(!1&o||r>=o)&&Object.keys(c.O).every(e=>c.O[e](t[n]))?t.splice(n--,1):(s=!1,o<r&&(r=o));if(s){a.splice(h--,1);var l=i();void 0!==l&&(e=l)}}return e}o=o||0;for(var h=a.length;h>0&&a[h-1][2]>o;h--)a[h]=a[h-1];a[h]=[t,i,o]},c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var i in t)c.o(t,i)&&!c.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.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};c.O.j=t=>0===e[t];var t=(t,i)=>{var o,r,[s,n,l]=i,h=0;if(s.some(t=>0!==e[t])){for(o in n)c.o(n,o)&&(c.m[o]=n[o]);if(l)var a=l(c)}for(t&&t(i);h<s.length;h++)r=s[h],c.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return c.O(a)},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=c.O(void 0,[9609,4084,3305,4739,7154,9773,5983,9488,1821,519,8441,9983,4700,2492,6812,2991],()=>c(7744));return c.O(u)})());
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit/decorators.js"),require("lit"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit/decorators.js","lit","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit/decorators.js"),require("lit"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js")):t(e["lit/decorators.js"],e.lit,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,n,a)=>(()=>{"use strict";var l,p={708(e,t,i){i.r(t),i.d(t,{MenuOverlay:()=>j,OverlaySizes:()=>r,menuOverlayPlacement:()=>
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("lit/decorators.js"),require("lit"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js"));else if("function"==typeof define&&define.amd)define(["lit/decorators.js","lit","@popperjs/core/lib/modifiers/arrow","@popperjs/core/lib/modifiers/flip","@popperjs/core/lib/modifiers/offset","@popperjs/core/lib/modifiers/preventOverflow","@popperjs/core/lib/popper-lite","lit/directives/if-defined.js"],t);else{var i="object"==typeof exports?t(require("lit/decorators.js"),require("lit"),require("@popperjs/core/lib/modifiers/arrow"),require("@popperjs/core/lib/modifiers/flip"),require("@popperjs/core/lib/modifiers/offset"),require("@popperjs/core/lib/modifiers/preventOverflow"),require("@popperjs/core/lib/popper-lite"),require("lit/directives/if-defined.js")):t(e["lit/decorators.js"],e.lit,e["@popperjs/core/lib/modifiers/arrow"],e["@popperjs/core/lib/modifiers/flip"],e["@popperjs/core/lib/modifiers/offset"],e["@popperjs/core/lib/modifiers/preventOverflow"],e["@popperjs/core/lib/popper-lite"],e["lit/directives/if-defined.js"]);for(var r in i)("object"==typeof exports?exports:e)[r]=i[r]}}(self,(e,t,i,r,o,s,n,a)=>(()=>{"use strict";var l,p={708(e,t,i){i.r(t),i.d(t,{MenuOverlay:()=>j,OverlaySizes:()=>r,menuOverlayPlacement:()=>L,menuOverlayRole:()=>T,menuOverlaySize:()=>C});var r,o=i(6142),s=i(2900),n=i(9609),a=i(9938),l=i(2050),p=i(2962),d=i.n(p),h=i(6538),v=i.n(h),u=i(8250),c=i.n(u),g=i(9371),m=i.n(g),y=i(4863),f=i(7161),E=i(429),O=i(291),b=i(9146),w=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 a=e.length-1;a>=0;a--)(o=e[a])&&(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},x=function(e,t,i,r){return new(i||(i=Promise))(function(o,s){function n(e){try{l(r.next(e))}catch(e){s(e)}}function a(e){try{l(r.throw(e))}catch(e){s(e)}}function l(e){var t;e.done?o(e.value):(t=e.value,t instanceof i?t:new i(function(e){e(t)})).then(n,a)}l((r=r.apply(e,t||[])).next())})};!function(e){e.small="260px",e.large="370px"}(r||(r={}));const C=["small","large"],L=o.W,T=["menu","dialog"];var j;!function(e){let t=class extends((0,a.d)(f.LitElement)){constructor(){super(...arguments),this._isOpen=!1,this.size="large",this.maxHeight="",this.customWidth="",this.showArrow=!1,this.disabled=!1,this.placement="bottom",this.allowHoverToggle=!1,this.ariaRole="menu",this.ariaLabel="",this.isDatePicker=!1,this.overlayOffset=15,this.keepOpenOnWindowBlur=!1,this.positioningStrategy=void 0,this.popperInstance=null,this.triggerElement=null,this._componentAddedAriaExpanded=!1,this.updateActiveMenuOverlayOpened=t=>{var i;this===t.target&&(null===(i=e.ELEMENT.activeOverlay)||void 0===i||i.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var i,r;const o=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==o&&(e.ELEMENT.activeOverlay.splice(o,1),e.ELEMENT.activeOverlay.length>0?(null===(i=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===i||i.setFocusableElements(),null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=(0,l.sg)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>x(this,void 0,void 0,function*(){let i=!1;const r=t.composedPath();r.length&&(i=!!r.find(e=>e===this),!i)||!this.overlayContainer||t.code!==s.Uz.Escape||(t.preventDefault(),(e.ELEMENT.activeOverlay.length>0?e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1]:void 0)===this&&(this.isOpen=!1,yield this.updateComplete,this.focusOnTrigger()))}),this.handleTriggerKeyDown=e=>x(this,void 0,void 0,function*(){switch(e.code){case s.Uz.Space:case s.Uz.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}}),this.handleOutsideOverlayClick=e=>{let t=!1;const i=e.composedPath();i.length&&(t=!!i.find(e=>e===this),t||this.preventClickOutside||(this.isOpen=!1))}}get isOpen(){return this._isOpen}set isOpen(e){const t=this._isOpen;this._isOpen=e,this.handleInstance(e),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",e),this.requestUpdate("isOpen",t)}static get styles(){return[b.A,f.css`
|
|
2
2
|
.md-menu-overlay .overlay-content {
|
|
3
3
|
max-height: var(--md-menu-overlay-max-height, calc(100vh - 48px));
|
|
4
4
|
width: var(--md-menu-overlay-width, 370px);
|
|
5
5
|
overflow-y: var(--md-menu-overlay-overflow-y, auto);
|
|
6
6
|
}
|
|
7
|
-
`]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?r.small:r.large,this.style.setProperty("--md-menu-overlay-max-height",e),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",t)}firstUpdated(e){super.firstUpdated(e),this.updateCSSProperties()}updated(e){if(super.updated(e),(e.has("maxHeight")||e.has("customWidth")||e.has("size")||e.has("isDatePicker"))&&this.updateCSSProperties(),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.triggerElement.hasAttribute("aria-expanded")||this._componentAddedAriaExpanded?this._componentAddedAriaExpanded?this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):(this.triggerElement.removeAttribute("aria-expanded"),this._componentAddedAriaExpanded=!1):this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"):(this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"),this._componentAddedAriaExpanded=!0),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded",this.isOpen?"true":"false"))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement
|
|
7
|
+
`]}updateCSSProperties(){const e=this.maxHeight||"calc(100vh - 48px)",t=this.isDatePicker?"visible":"auto";let i;i=this.customWidth?this.customWidth:"small"===this.size?r.small:r.large,this.style.setProperty("--md-menu-overlay-max-height",e),this.style.setProperty("--md-menu-overlay-width",i),this.style.setProperty("--md-menu-overlay-overflow-y",t)}firstUpdated(e){super.firstUpdated(e),this.updateCSSProperties()}updated(e){if(super.updated(e),(e.has("maxHeight")||e.has("customWidth")||e.has("size")||e.has("isDatePicker"))&&this.updateCSSProperties(),e.has("isOpen")){const t=e.get("isOpen");this.isOpen?(this.activateFocusTrap(),this.dispatchMenuOpen(),document.addEventListener("menu-item-click",this.handleTriggerClick),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):!0===t&&(this.deactivateFocusTrap(),this.dispatchMenuClose(),document.removeEventListener("menu-item-click",this.handleTriggerClick),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded())}e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.updateComplete.then(()=>{this.handleTriggerSlotChange()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.handleOutsideOverlayClick),document.removeEventListener("keydown",this.handleOutsideOverlayKeydown),window.removeEventListener("blur",this.handleWindowBlurEvent),this.removeEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.removeEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed),this.removeTriggerEventListeners()}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}updateTriggerElementAriaExpanded(){this.triggerElement&&(this.triggerElement.hasAttribute("aria-expanded")||this._componentAddedAriaExpanded?this._componentAddedAriaExpanded?this.isOpen?this.triggerElement.setAttribute("aria-expanded","true"):(this.triggerElement.removeAttribute("aria-expanded"),this._componentAddedAriaExpanded=!1):this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"):(this.triggerElement.setAttribute("aria-expanded",this.isOpen?"true":"false"),this._componentAddedAriaExpanded=!0),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded",this.isOpen?"true":"false"))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(e){super.update(e)}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){var e;if(this.triggerElement){const t=null===(e=this.overlayContainer)||void 0===e?void 0:e.querySelector(".overlay-content");this.popperInstance=(0,y.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>x(this,void 0,void 0,function*(){var e;this.isOpen&&(null===(e=this.popperInstance)||void 0===e||e.update(),this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())}),placement:this.placement,strategy:this.positioningStrategy,modifiers:[...y.defaultModifiers,v(),c(),m(),d(),{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!0}},{name:"constrainToViewport",enabled:!0,phase:"afterWrite",requires:["computeStyles"],fn:({state:e})=>{if(!t)return;const i=e.elements.popper,r=i.getBoundingClientRect(),o=window.innerHeight;let s;s=(e.placement||"").startsWith("top")?r.bottom-16:o-r.top-16,s>0&&t.scrollHeight>s?(i.style.maxHeight=`${s}px`,i.style.overflow="hidden",t.style.maxHeight=`${s}px`,t.style.overflowY="auto"):(i.style.removeProperty("max-height"),i.style.removeProperty("overflow"),t.style.removeProperty("max-height"),t.style.removeProperty("overflow-y"))}}]})}}destroy(){var e;if(this.popperInstance){this.overlayContainer&&(this.overlayContainer.style.removeProperty("max-height"),this.overlayContainer.style.removeProperty("overflow"));const t=null===(e=this.overlayContainer)||void 0===e?void 0:e.querySelector(".overlay-content");t&&(t.style.removeProperty("max-height"),t.style.removeProperty("overflow-y")),this.popperInstance.destroy(),this.popperInstance=null}}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{var e;(null===(e=this.focusableElements)||void 0===e?void 0:e.length)&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}render(){return f.html`
|
|
8
8
|
<div class="md-menu-overlay">
|
|
9
9
|
<slot @slotchange=${this.handleTriggerSlotChange} name="menu-trigger"></slot>
|
|
10
10
|
<div
|