@momentum-ui/web-components 2.23.46 → 2.23.48
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/1598.js +1 -1
- package/dist/2555.js +63 -0
- package/dist/6067.js +1 -1
- package/dist/6273.js +69 -11
- package/dist/8004.js +1 -1
- package/dist/8841.js +1 -1
- package/dist/8923.js +1 -1
- package/dist/9130.js +1 -1
- package/dist/comp/md-coachmark-popover-entry.js +6 -6
- package/dist/comp/md-date-range-picker-entry.js +1 -1
- package/dist/comp/md-date-range-picker.js +1 -1
- package/dist/comp/md-datepicker-entry.js +65 -7
- package/dist/comp/md-datepicker.js +1 -1
- package/dist/comp/md-popover-entry.js +2 -2
- package/dist/comp/md-presence-entry.js +1 -1
- package/dist/comp/md-radio-entry.js +9 -5
- package/dist/index-entry.js +12 -8
- package/dist/index.js +1 -1
- package/dist/types/components/datepicker/DatePicker.d.ts +8 -0
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/popover/Popover.constants.d.ts +1 -0
- package/dist/types/components/popover/Popover.d.ts +5 -0
- package/dist/types/components/presence/Presence.utils.d.ts +1 -1
- package/dist/types/components/radio/Radio.d.ts +3 -5
- package/package.json +1 -1
- package/dist/6652.js +0 -47
package/dist/index-entry.js
CHANGED
|
@@ -1886,7 +1886,7 @@
|
|
|
1886
1886
|
<span class=${(0,a.classMap)(this.loadingIconClassMap)}></span>
|
|
1887
1887
|
<span class=${(0,a.classMap)(this.loadingIconClassMap)}></span>
|
|
1888
1888
|
</div>
|
|
1889
|
-
`}};d([(0,n.property)({type:String})],e.prototype,"size",void 0),e=d([(0,o.w)("md-loading")],e),t.ELEMENT=e}(s||(s={}))},71128:(t,e,i)=>{i.d(e,{Popover:()=>g,PopoverController:()=>b}),i(96798),i(61200);var s=i(31890),o=i(28373),r=i(66677),n=i(5784),a=i(41488),l=i(40333),d=i(73679),h=i(68419),p=i(36365),c=i(3998),u=i(33759),m=i(50325),y=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},v=function(t,e,i,s){return new(i||(i=Promise))(function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(n,a)}l((s=s.apply(t,e||[])).next())})};class b{show(t){}hide(){}toggle(){}isVisible(){return!1}}let g=class extends((0,o.d)(a.LitElement)){set controller(t){t?(t.show=(t=!1)=>this.showPopover(t),t.hide=()=>this.hidePopover(),t.toggle=()=>this.togglePopoverVisible(),t.isVisible=()=>this.visible,this._controller=t):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=h.zY.TRIGGER,this.placement=h.zY.PLACEMENT,this.strategy=h.zY.STRATEGY,this.color=h.zY.COLOR,this.visible=h.zY.VISIBLE,this.offset=h.zY.OFFSET,this.focusTrap=h.zY.FOCUS_TRAP,this.preventScroll=h.zY.PREVENT_SCROLL,this.showArrow=h.zY.ARROW,this.closeButton=h.zY.CLOSE_BUTTON,this.interactive=h.zY.INTERACTIVE,this.delay=h.zY.DELAY,this.hideOnEscape=h.zY.HIDE_ON_ESCAPE,this.hideOnBlur=h.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=h.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=h.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=h.zY.FOCUS_BACK,this.backdrop=h.zY.BACKDROP,this.flip=h.zY.FLIP,this.size=h.zY.SIZE,this.zIndex=h.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=h.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=h.zY.DISABLE_ARIA_EXPANDED,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=t=>{const e=t.composedPath();this.triggerElement&&e.includes(this.triggerElement)||e.includes(this)||c.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=t=>{this.visible&&"Escape"===t.code&&(t.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=t=>{const e=t.relatedTarget;!e||this.isElementInPopover(e)?e||setTimeout(()=>{const t=(0,r.dw)();this.isElementInPopover(t)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(t=!1)=>{this.cancelCloseDelay(),t&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{c.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,r.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=t=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(t)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return v(this,void 0,void 0,function*(){e.firstUpdated.call(this,t),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,p.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const t=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return v(this,void 0,void 0,function*(){t.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),p.T.onDestroyedPopover(this),c.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const t=this.getRootNode();if(this.triggerElement=(0,r.qi)(`[id="${this.triggerID}"]`,t),!this.triggerElement){const e=null==t?void 0:t.host;if(e){const t=e.querySelector("[slot]");(null==t?void 0:t.id)===this.triggerID&&(this.triggerElement=t)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==t||t.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==t||t.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(t){const e=Object.create(null,{updated:{get:()=>super.updated}});return v(this,void 0,void 0,function*(){if(e.updated.call(this,t),t.has("visible")){const e=t.get("visible")||!1;yield this.isOpenUpdated(e,this.visible),this.utils.updateAriaExpandedAttribute()}if(t.has("placement")&&this.setAttribute("placement",Object.values(h.ME).includes(this.placement)?this.placement:h.zY.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("trigger")){const t=this.trigger.split(" ").filter(t=>Object.values(h.tr).includes(t));this.setAttribute("trigger",t.length>0?this.trigger:h.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}t.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),t.has("color")&&this.setAttribute("color",Object.values(h.o$).includes(this.color)?this.color:h.zY.COLOR),t.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.setupAccessibility(),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(t){return!!t&&(!!this.contains(t)||(0,r.QZ)("md-popover",t)===this)}isOpenUpdated(t,e){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:t=>super.preventScroll=t}});return v(this,void 0,void 0,function*(){var s,o,r,n;if(t!==e&&this.triggerElement)if(e)c.S.peek()!==this&&c.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(s=this.activateFocusTrap)||void 0===s||s.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.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.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(r=this.deactivateFocusTrap)||void 0===r||r.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const t=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==t&&"alertdialog"!==t||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,p.T.onHidePopover(this)}})}isRectOverTrigger(t,e){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return t>=i.left&&t<=i.right&&e>=i.top&&e<=i.bottom}return!1}isMouseOverTrigger(t){const{clientX:e,clientY:i}=t instanceof MouseEvent?t:{clientX:0,clientY:0};return this.isRectOverTrigger(e,i)}handleCreatePopoverFirstUpdate(){return v(this,void 0,void 0,function*(){var t,e;this.visible&&this.interactive&&(null===(t=this.setFocusableElements)||void 0===t||t.call(this),yield this.updateComplete,null===(e=this.setInitialFocus)||void 0===e||e.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const t=[(0,n.shift)()];let e=this.offset;if(this.flip&&t.push((0,n.flip)()),this.size){const e=this.renderRoot.querySelector('[part="popover-content"]');t.push((0,n.size)({apply({availableHeight:t}){e&&Object.assign(e.style,{maxHeight:`${t}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;e=Math.sqrt(2*i**2)/2+this.offset,t.push((0,n.arrow)({element:this.arrowElement,padding:12}))}t.push((0,n.offset)(e)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>v(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:e,y:i,middlewareData:s,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:t,strategy:this.strategy});this.utils.updatePopoverStyle(e,i),s.arrow&&this.arrowElement&&this.utils.updateArrowStyle(s.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}))}render(){return a.html`
|
|
1889
|
+
`}};d([(0,n.property)({type:String})],e.prototype,"size",void 0),e=d([(0,o.w)("md-loading")],e),t.ELEMENT=e}(s||(s={}))},71128:(t,e,i)=>{i.d(e,{Popover:()=>g,PopoverController:()=>b}),i(96798),i(61200);var s=i(31890),o=i(28373),r=i(66677),n=i(5784),a=i(41488),l=i(40333),d=i(73679),h=i(68419),p=i(36365),c=i(3998),u=i(33759),m=i(50325),y=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n},v=function(t,e,i,s){return new(i||(i=Promise))(function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(n,a)}l((s=s.apply(t,e||[])).next())})};class b{show(t){}hide(){}toggle(){}isVisible(){return!1}}let g=class extends((0,o.d)(a.LitElement)){set controller(t){t?(t.show=(t=!1)=>this.showPopover(t),t.hide=()=>this.hidePopover(),t.toggle=()=>this.togglePopoverVisible(),t.isVisible=()=>this.visible,this._controller=t):this._controller=null}get controller(){return this._controller}constructor(){super(),this.id="",this.triggerID="",this.trigger=h.zY.TRIGGER,this.placement=h.zY.PLACEMENT,this.strategy=h.zY.STRATEGY,this.color=h.zY.COLOR,this.visible=h.zY.VISIBLE,this.offset=h.zY.OFFSET,this.focusTrap=h.zY.FOCUS_TRAP,this.preventScroll=h.zY.PREVENT_SCROLL,this.showArrow=h.zY.ARROW,this.closeButton=h.zY.CLOSE_BUTTON,this.interactive=h.zY.INTERACTIVE,this.delay=h.zY.DELAY,this.hideOnEscape=h.zY.HIDE_ON_ESCAPE,this.hideOnBlur=h.zY.HIDE_ON_BLUR,this.hideOnWindowBlur=h.zY.HIDE_ON_WINDOW_BLUR,this.hideOnOutsideClick=h.zY.HIDE_ON_CLICK_OUTSIDE,this.focusBackToTrigger=h.zY.FOCUS_BACK,this.backdrop=h.zY.BACKDROP,this.flip=h.zY.FLIP,this.size=h.zY.SIZE,this.zIndex=h.zY.Z_INDEX,this.appendTo="",this.closeButtonAriaLabel=null,this.role=h.zY.ROLE,this.ariaLabelledby=null,this.ariaDescribedby=null,this.disableAriaExpanded=h.zY.DISABLE_ARIA_EXPANDED,this.animationFrame=h.zY.ANIMATION_FRAME,this._controller=null,this.arrowElement=null,this.triggerElement=null,this.hoverTimer=null,this.isTriggerClicked=!1,this.openDelay=0,this.closeDelay=0,this.backdropElement=null,this.useLegacyFindFocusable=()=>!1,this.cleanupAutoUpdate=null,this.previousActiveElement=null,this.onOutsidePopoverClick=t=>{const e=t.composedPath();this.triggerElement&&e.includes(this.triggerElement)||e.includes(this)||c.S.shouldDeferToTopForOutsideClick(this)||this.hideThisPopover()},this.hideThisPopover=()=>{setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.onEscapeKeydown=t=>{this.visible&&"Escape"===t.code&&(t.preventDefault(),this.hidePopover())},this.onPopoverFocusOut=t=>{const e=t.relatedTarget;!e||this.isElementInPopover(e)?e||setTimeout(()=>{const t=(0,r.dw)();this.isElementInPopover(t)||this.hidePopover()},0):this.hidePopover()},this.handleWindowBlurEvent=()=>{this.visible&&this.hidePopover()},this.startCloseDelay=()=>{if(this.interactive){if(this.isTriggerClicked)return;this.hoverTimer=window.setTimeout(()=>{this.visible=!1},this.closeDelay)}else this.hidePopover()},this.cancelCloseDelay=()=>{this.hoverTimer&&(clearTimeout(this.hoverTimer),this.hoverTimer=null)},this.showPopover=(t=!1)=>{this.cancelCloseDelay(),t&&this.openDelay>0?setTimeout(()=>{this.utils.handleAppendTo(!0),this.visible=!0},this.openDelay):(this.utils.handleAppendTo(!0),this.visible=!0)},this.hidePopover=()=>{c.S.peek()===this&&setTimeout(()=>{this.visible=!1,this.isTriggerClicked=!1,this.utils.handleAppendTo(!1)},this.closeDelay)},this.togglePopoverVisible=()=>{this.isTriggerClicked?this.hidePopover():(this.showPopover(),this.isTriggerClicked=!0)},this.onMouseEnterTrigger=()=>{this.trigger.includes("mouseenter")&&(this.visible||(this.previousActiveElement=(0,r.dw)()),this.showPopover(!0))},this.onFocusInTrigger=()=>{this.trigger.includes("focusin")&&this.showPopover(!1)},this.onTriggerClick=t=>{this.trigger.includes("mouseenter")&&this.isMouseOverTrigger(t)||this.togglePopoverVisible()},this.utils=new u.h(this),this.preventClickOutside=!0}firstUpdated(t){const e=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return v(this,void 0,void 0,function*(){e.firstUpdated.call(this,t),[this.openDelay,this.closeDelay]=this.utils.setupDelay(),this.utils.setupAccessibility(),this.style.zIndex=`${this.zIndex}`,p.T.onCreatedPopover(this),this.visible&&(this.utils.handleAppendTo(!0),this.positionPopover(),yield this.handleCreatePopoverFirstUpdate())})}disconnectedCallback(){const t=Object.create(null,{disconnectedCallback:{get:()=>super.disconnectedCallback}});return v(this,void 0,void 0,function*(){t.disconnectedCallback.call(this),this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null),this._controller=null,this.previousActiveElement=null,this.removeEventListeners(),p.T.onDestroyedPopover(this),c.S.remove(this)})}setupTriggerListener(){if(!this.triggerID)return;const t=this.getRootNode();if(this.triggerElement=(0,r.qi)(`[id="${this.triggerID}"]`,t),!this.triggerElement){const e=null==t?void 0:t.host;if(e){const t=e.querySelector("[slot]");(null==t?void 0:t.id)===this.triggerID&&(this.triggerElement=t)}}if(this.triggerElement){if("mouseenter"===this.trigger&&(this.interactive?this.trigger="mouseenter click":this.trigger="mouseenter focusin"),this.trigger.includes("click")&&this.triggerElement.addEventListener("click",this.onTriggerClick),this.trigger.includes("mouseenter")){const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.addEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.addEventListener("mouseleave",this.startCloseDelay),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay),null==t||t.addEventListener("mouseenter",this.cancelCloseDelay)}this.trigger.includes("focusin")&&(this.triggerElement.addEventListener("focusin",this.onFocusInTrigger),this.interactive||this.triggerElement.addEventListener("focusout",this.hidePopover)),this.addEventListener("focus-trap-exit",this.hidePopover)}}removeEventListeners(){if(!this.triggerElement)return;const t=this.renderRoot.querySelector(".popover-hover-bridge");this.triggerElement.removeEventListener("click",this.onTriggerClick),this.triggerElement.removeEventListener("mouseenter",this.onMouseEnterTrigger),this.triggerElement.removeEventListener("mouseleave",this.hidePopover),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),this.triggerElement.removeEventListener("focusin",this.onFocusInTrigger),this.triggerElement.removeEventListener("focusout",this.hidePopover),null==t||t.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("focus-trap-exit",this.hidePopover)}updated(t){const e=Object.create(null,{updated:{get:()=>super.updated}});return v(this,void 0,void 0,function*(){if(e.updated.call(this,t),t.has("visible")){const e=t.get("visible")||!1;yield this.isOpenUpdated(e,this.visible),this.utils.updateAriaExpandedAttribute()}if(t.has("placement")&&this.setAttribute("placement",Object.values(h.ME).includes(this.placement)?this.placement:h.zY.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("trigger")){const t=this.trigger.split(" ").filter(t=>Object.values(h.tr).includes(t));this.setAttribute("trigger",t.length>0?this.trigger:h.zY.TRIGGER),this.removeEventListeners(),this.setupTriggerListener()}t.has("triggerID")&&(this.removeEventListeners(),this.setupTriggerListener(),this.utils.setupAccessibility()),t.has("color")&&this.setAttribute("color",Object.values(h.o$).includes(this.color)?this.color:h.zY.COLOR),t.has("zIndex")&&this.setAttribute("z-index",`${this.zIndex}`),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.setupAccessibility(),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("interactive")&&this.utils.updateAriaHasPopupAttribute()})}isElementInPopover(t){return!!t&&(!!this.contains(t)||(0,r.QZ)("md-popover",t)===this)}isOpenUpdated(t,e){const i=Object.create(null,{preventScroll:{get:()=>super.preventScroll,set:t=>super.preventScroll=t}});return v(this,void 0,void 0,function*(){var s,o,r,n;if(t!==e&&this.triggerElement)if(e)c.S.peek()!==this&&c.S.push(this),i.preventScroll=this.preventScroll,this.focusTrap&&(null===(s=this.activateFocusTrap)||void 0===s||s.call(this)),this.backdrop&&(this.utils.createBackdrop(),this.triggerElement.style.zIndex=`${this.zIndex}`),this.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.backdropElement&&(null===(o=this.backdropElement)||void 0===o||o.remove(),this.backdropElement=null),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),"click"===this.trigger&&(this.triggerElement.style.pointerEvents="")),this.hideOnWindowBlur&&window.removeEventListener("blur",this.handleWindowBlurEvent),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick),this.hideOnEscape&&document.removeEventListener("keydown",this.onEscapeKeydown),null===(r=this.deactivateFocusTrap)||void 0===r||r.call(this),this.disableAriaExpanded||this.triggerElement.removeAttribute("aria-expanded"),this.interactive){const t=this.triggerElement.getAttribute("aria-haspopup");"dialog"!==t&&"alertdialog"!==t||this.triggerElement.removeAttribute("aria-haspopup")}this.focusBackToTrigger&&(this.previousActiveElement instanceof HTMLElement?this.previousActiveElement.focus():null===(n=this.setFocusOnDeepestNestedElement)||void 0===n||n.call(this,this.triggerElement)),this.previousActiveElement=null,p.T.onHidePopover(this)}})}isRectOverTrigger(t,e){if(this.triggerElement&&"undefined"!=typeof window&&"undefined"!=typeof document){const i=this.triggerElement.getBoundingClientRect();return t>=i.left&&t<=i.right&&e>=i.top&&e<=i.bottom}return!1}isMouseOverTrigger(t){const{clientX:e,clientY:i}=t instanceof MouseEvent?t:{clientX:0,clientY:0};return this.isRectOverTrigger(e,i)}handleCreatePopoverFirstUpdate(){return v(this,void 0,void 0,function*(){var t,e;this.visible&&this.interactive&&(null===(t=this.setFocusableElements)||void 0===t||t.call(this),yield this.updateComplete,null===(e=this.setInitialFocus)||void 0===e||e.call(this))})}positionPopover(){if(!this.triggerElement)return;this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=null);const t=[(0,n.shift)()];let e=this.offset;if(this.flip&&t.push((0,n.flip)()),this.size){const e=this.renderRoot.querySelector('[part="popover-content"]');t.push((0,n.size)({apply({availableHeight:t}){e&&Object.assign(e.style,{maxHeight:`${t}px`,overflowY:"auto"})},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector(".popover-arrow"),this.arrowElement)){const i=this.arrowElement.offsetHeight;e=Math.sqrt(2*i**2)/2+this.offset,t.push((0,n.arrow)({element:this.arrowElement,padding:12}))}t.push((0,n.offset)(e)),this.cleanupAutoUpdate=(0,n.autoUpdate)(this.triggerElement,this,()=>v(this,void 0,void 0,function*(){if(!this.triggerElement)return;const{x:e,y:i,middlewareData:s,placement:o}=yield(0,n.computePosition)(this.triggerElement,this,{placement:this.placement,middleware:t,strategy:this.strategy});this.utils.updatePopoverStyle(e,i),s.arrow&&this.arrowElement&&this.utils.updateArrowStyle(s.arrow,o),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(o)}),{animationFrame:this.animationFrame})}render(){return a.html`
|
|
1890
1890
|
<div class="popover-hover-bridge"></div>
|
|
1891
1891
|
${this.closeButton?a.html` <md-button
|
|
1892
1892
|
class="popover-close"
|
|
@@ -1902,7 +1902,7 @@
|
|
|
1902
1902
|
<div part="popover-content">
|
|
1903
1903
|
<slot></slot>
|
|
1904
1904
|
</div>
|
|
1905
|
-
`}static get styles(){return[m.A]}};y([(0,a.property)({type:String,reflect:!0})],g.prototype,"id",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"triggerID",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"trigger",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"placement",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"strategy",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"color",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"visible",void 0),y([(0,a.property)({type:Number,reflect:!0})],g.prototype,"offset",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],g.prototype,"focusTrap",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],g.prototype,"preventScroll",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],g.prototype,"showArrow",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"close-button"})],g.prototype,"closeButton",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"interactive",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"delay",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],g.prototype,"hideOnEscape",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],g.prototype,"hideOnBlur",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],g.prototype,"hideOnWindowBlur",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],g.prototype,"hideOnOutsideClick",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],g.prototype,"focusBackToTrigger",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"backdrop",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"flip",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"size",void 0),y([(0,a.property)({type:Number,reflect:!0,attribute:"z-index"})],g.prototype,"zIndex",void 0),y([(0,a.property)({type:String,reflect:!0,attribute:"append-to"})],g.prototype,"appendTo",void 0),y([(0,a.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],g.prototype,"closeButtonAriaLabel",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"role",void 0),y([(0,a.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],g.prototype,"ariaLabelledby",void 0),y([(0,a.property)({type:String,reflect:!0,attribute:"aria-describedby"})],g.prototype,"ariaDescribedby",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],g.prototype,"disableAriaExpanded",void 0),y([(0,a.property)({type:Object,attribute:!1})],g.prototype,"controller",null),g=y([(0,s.w)("md-popover")],g)},73093:(t,e,i)=>{i.d(e,{FloatingModal:()=>s}),i(96798),i(61200);var s,o=i(3001),r=i(31890),n=i(26272),a=(i(58088),i(57346),i(69e3),i(20727)),l=i.n(a),d=(i(3288),i(41488)),h=i(40333),p=i(97822),c=(i(58871),i(67330)),u=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.yC)((0,o.TS)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.centered=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.maximizable=!0,this.resizable=!0,this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:e}=t;let i=parseFloat(e.getAttribute("data-x"))||0,s=parseFloat(e.getAttribute("data-y"))||0;e.style.setProperty("width",`${t.rect.width}px`,"important"),e.style.setProperty("height",`${t.rect.height}px`,"important");const{initialX:o,initialY:r}=this.getInitialPosition();i+=t.deltaRect.left+o,s+=t.deltaRect.top+r,this.setTargetPosition(e,i,s),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,e;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(e=this.position)||void 0===e?void 0:e.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:e}=t,{x:i,y:s}=this.getTransformValues(t);this.setTargetPosition(e,i,s),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[n.A,c.A]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,e,i,s;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(e=this.position)||void 0===e?void 0:e.x)||Number(null===(i=this.container)||void 0===i?void 0:i.getAttribute("data-y"))!==(null===(s=this.position)||void 0===s?void 0:s.y)}setInitialTargetPosition(){var t,e;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(e=this.position)||void 0===e?void 0:e.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),e=this.container.getAttribute("data-y");return t&&e?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:e}}})),`translate(${t}px, ${e}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>{return t=this,e=void 0,s=function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()},new((i=void 0)||(i=Promise))(function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(n,a)}l((s=s.apply(t,e||[])).next())});var t,e,i,s})}setInteractInstance(){requestAnimationFrame(()=>{this.container&&(l()(this.container).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}}),this.resizable&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l().modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l().modifiers.restrictSize({max:"parent"})]})]:void 0}))})}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:e,dx:i,dy:s}=t,{initialX:o,initialY:r}=this.getInitialPosition();return{x:(parseFloat(e.getAttribute("data-x"))||0)+i+o,y:(parseFloat(e.getAttribute("data-y"))||0)+s+r}}setTargetPosition(t,e,i){t.style.transform=`translate(${e}px, ${i}px)`,t.setAttribute("data-x",`${e}`),t.setAttribute("data-y",`${i}`)}destroyInteractInstance(){this.container&&l().isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
|
|
1905
|
+
`}static get styles(){return[m.A]}};y([(0,a.property)({type:String,reflect:!0})],g.prototype,"id",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"triggerID",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"trigger",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"placement",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"strategy",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"color",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"visible",void 0),y([(0,a.property)({type:Number,reflect:!0})],g.prototype,"offset",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-trap"})],g.prototype,"focusTrap",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"prevent-scroll"})],g.prototype,"preventScroll",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"show-arrow"})],g.prototype,"showArrow",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"close-button"})],g.prototype,"closeButton",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"interactive",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"delay",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-escape"})],g.prototype,"hideOnEscape",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-blur"})],g.prototype,"hideOnBlur",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-window-blur"})],g.prototype,"hideOnWindowBlur",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"hide-on-outside-click"})],g.prototype,"hideOnOutsideClick",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"focus-back-to-trigger"})],g.prototype,"focusBackToTrigger",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"backdrop",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"flip",void 0),y([(0,a.property)({type:Boolean,reflect:!0})],g.prototype,"size",void 0),y([(0,a.property)({type:Number,reflect:!0,attribute:"z-index"})],g.prototype,"zIndex",void 0),y([(0,a.property)({type:String,reflect:!0,attribute:"append-to"})],g.prototype,"appendTo",void 0),y([(0,a.property)({type:String,attribute:"close-button-aria-label",reflect:!0})],g.prototype,"closeButtonAriaLabel",void 0),y([(0,a.property)({type:String,reflect:!0})],g.prototype,"role",void 0),y([(0,a.property)({type:String,reflect:!0,attribute:"aria-labelledby"})],g.prototype,"ariaLabelledby",void 0),y([(0,a.property)({type:String,reflect:!0,attribute:"aria-describedby"})],g.prototype,"ariaDescribedby",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"disable-aria-expanded"})],g.prototype,"disableAriaExpanded",void 0),y([(0,a.property)({type:Boolean,reflect:!0,attribute:"animation-frame"})],g.prototype,"animationFrame",void 0),y([(0,a.property)({type:Object,attribute:!1})],g.prototype,"controller",null),g=y([(0,s.w)("md-popover")],g)},73093:(t,e,i)=>{i.d(e,{FloatingModal:()=>s}),i(96798),i(61200);var s,o=i(3001),r=i(31890),n=i(26272),a=(i(58088),i(57346),i(69e3),i(20727)),l=i.n(a),d=(i(3288),i(41488)),h=i(40333),p=i(97822),c=(i(58871),i(67330)),u=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.yC)((0,o.TS)(d.LitElement))){constructor(){super(...arguments),this.heading="",this.label="",this.show=!1,this.aspectRatio=!1,this.centered=!1,this.fixed=!1,this.full=!1,this.closeAriaLabel="Close Modal",this.resizeAriaLabel="Resize Modal",this.maximizeScreenLabel="Maximize Modal",this.minimizeAriaLabel="Minimize Modal",this.maximizable=!0,this.resizable=!0,this.minimize=!1,this.minimizable=!1,this.containerRect=null,this.dragOccured=!1,this.containerTransform="",this.applyInitialPosition=!0,this.resizeMoveListener=t=>{const{target:e}=t;let i=parseFloat(e.getAttribute("data-x"))||0,s=parseFloat(e.getAttribute("data-y"))||0;e.style.setProperty("width",`${t.rect.width}px`,"important"),e.style.setProperty("height",`${t.rect.height}px`,"important");const{initialX:o,initialY:r}=this.getInitialPosition();i+=t.deltaRect.left+o,s+=t.deltaRect.top+r,this.setTargetPosition(e,i,s),this.applyInitialPosition=!1},this.resizeEndListener=()=>{this.setContainerRect()},this.getInitialPosition=()=>{var t,e;return this.applyInitialPosition&&this.position?{initialX:Number(null===(t=this.position)||void 0===t?void 0:t.x),initialY:Number(null===(e=this.position)||void 0===e?void 0:e.y)}:{initialX:0,initialY:0}},this.dragMoveListener=t=>{const{target:e}=t,{x:i,y:s}=this.getTransformValues(t);this.setTargetPosition(e,i,s),this.applyInitialPosition=!1},this.dragEndListener=()=>{this.dragOccured=!0,this.setContainerRect()}}static get styles(){return[n.A,c.A]}updated(t){super.updated(t),t.has("show")&&(this.container&&this.show?(this.applyInitialPosition=!0,this.setContainerRect(),this.setInteractInstance()):(this.cleanContainerStyles(),this.destroyInteractInstance())),this.container&&t.has("position")&&!t.has("show")&&this.setInitialTargetPosition()}isNewPositionNotSame(){var t,e,i,s;if(this.container)return Number(null===(t=this.container)||void 0===t?void 0:t.getAttribute("data-x"))!==(null===(e=this.position)||void 0===e?void 0:e.x)||Number(null===(i=this.container)||void 0===i?void 0:i.getAttribute("data-y"))!==(null===(s=this.position)||void 0===s?void 0:s.y)}setInitialTargetPosition(){var t,e;this.container&&this.isNewPositionNotSame()&&this.setTargetPosition(this.container,Number(null===(t=this.position)||void 0===t?void 0:t.x),Number(null===(e=this.position)||void 0===e?void 0:e.y))}cleanContainerStyles(){this.containerTransform=""}getContainerTransform(){const t=this.container.getAttribute("data-x"),e=this.container.getAttribute("data-y");return t&&e?(this.dispatchEvent(new CustomEvent("floating-modal-location",{composed:!0,bubbles:!0,detail:{transform:{x:t,y:e}}})),`translate(${t}px, ${e}px)`):this.container.style.transform}setContainerRect(){requestAnimationFrame(()=>{return t=this,e=void 0,s=function*(){yield this.updateComplete,this.containerRect=this.container.getBoundingClientRect(),this.dispatchEvent(new CustomEvent("floating-modal-resize",{composed:!0,bubbles:!0,detail:{size:this.containerRect}})),this.containerTransform=this.getContainerTransform()},new((i=void 0)||(i=Promise))(function(o,r){function n(t){try{l(s.next(t))}catch(t){r(t)}}function a(t){try{l(s.throw(t))}catch(t){r(t)}}function l(t){var e;t.done?o(t.value):(e=t.value,e instanceof i?e:new i(function(t){t(e)})).then(n,a)}l((s=s.apply(t,e||[])).next())});var t,e,i,s})}setInteractInstance(){requestAnimationFrame(()=>{this.container&&(l()(this.container).draggable({autoScroll:!0,allowFrom:this.header,ignoreFrom:this.body,listeners:{move:this.dragMoveListener,end:this.dragEndListener}}),this.resizable&&l()(this.container).resizable({edges:{left:!0,right:!0,bottom:!0,top:!0},listeners:{end:this.resizeEndListener,move:this.resizeMoveListener},modifiers:this.aspectRatio?[l().modifiers.aspectRatio({ratio:"preserve",equalDelta:!0,modifiers:[l().modifiers.restrictSize({max:"parent"})]})]:void 0}))})}handleClose(t){this.show=!1,this.full=!1,this.dispatchEvent(new CustomEvent("floating-modal-close",{composed:!0,bubbles:!0,detail:{srcEvent:t}}))}handleMinimize(){this.minimizable&&(this.dragOccured||(this.minimize=!this.minimize,this.dispatchEvent(new CustomEvent("floating-modal-minimize",{composed:!0,bubbles:!0,detail:{minimize:this.minimize}}))),this.dragOccured=!1)}handleToggleExpandCollapse(){this.full=!this.full}getTransformValues(t){const{target:e,dx:i,dy:s}=t,{initialX:o,initialY:r}=this.getInitialPosition();return{x:(parseFloat(e.getAttribute("data-x"))||0)+i+o,y:(parseFloat(e.getAttribute("data-y"))||0)+s+r}}setTargetPosition(t,e,i){t.style.transform=`translate(${e}px, ${i}px)`,t.setAttribute("data-x",`${e}`),t.setAttribute("data-y",`${i}`)}destroyInteractInstance(){this.container&&l().isSet(this.container)&&l()(this.container).unset()}disconnectedCallback(){super.disconnectedCallback(),this.destroyInteractInstance()}renderedCallback(){this.containerTransform=this.position?`translate(${this.position.x}px, ${this.position.y}px)`:""}render(){return d.html`
|
|
1906
1906
|
${this.show?d.html`
|
|
1907
1907
|
<div
|
|
1908
1908
|
class="md-floating ${this.fixed?"fixed":""} ${this.minimize?"hide":""}"
|
|
@@ -2329,24 +2329,28 @@
|
|
|
2329
2329
|
<div class="md-draggable" part="draggable" aria-disabled=${this.disabled}>
|
|
2330
2330
|
<slot name="draggable-item"></slot>
|
|
2331
2331
|
</div>
|
|
2332
|
-
`}};p([(0,o.property)({type:Number})],e.prototype,"delay",void 0),p([(0,o.property)({type:Number})],e.prototype,"animation",void 0),p([(0,o.property)({type:String})],e.prototype,"handle",void 0),p([(0,o.property)({type:String})],e.prototype,"filter",void 0),p([(0,o.property)({type:String})],e.prototype,"easing",void 0),p([(0,o.property)({type:String})],e.prototype,"direction",void 0),p([(0,o.property)({type:Object})],e.prototype,"group",void 0),p([(0,o.property)({type:String,attribute:"draggable-items"})],e.prototype,"draggableItems",void 0),p([(0,o.property)({type:String,attribute:"ghost-class"})],e.prototype,"ghostClass",void 0),p([(0,o.property)({type:String,attribute:"chosen-class"})],e.prototype,"chosenClass",void 0),p([(0,o.property)({type:String,attribute:"drag-class"})],e.prototype,"dragClass",void 0),p([(0,o.property)({type:String,attribute:"fallback-class"})],e.prototype,"fallbackClass",void 0),p([(0,o.property)({type:Number,attribute:"swap-threshold"})],e.prototype,"swapThreshold",void 0),p([(0,o.property)({type:Number,attribute:"touch-start-threshold"})],e.prototype,"touchStartThreshold",void 0),p([(0,o.property)({type:Boolean,attribute:"force-fallback"})],e.prototype,"forceFallback",void 0),p([(0,o.property)({type:Boolean,reflect:!0})],e.prototype,"sort",void 0),p([(0,o.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),p([(0,o.property)({type:Boolean,reflect:!0})],e.prototype,"editable",void 0),p([(0,o.query)("slot[name='draggable-item']")],e.prototype,"draggableSlot",void 0),e=p([(0,h.wW)("md-draggable")],e),t.ELEMENT=e}(s||(s={}))},81144:(t,e,i)=>{i.d(e,{Radio:()=>s});var s,o=i(3001),r=i(31890),n=i(26272),a=i(41488),l=i(97822),d=i(76067),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.yC)(a.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.label="",this.value="",this.ariaLabel="",this.autofocus=!1,this._disabled=!1,this.
|
|
2332
|
+
`}};p([(0,o.property)({type:Number})],e.prototype,"delay",void 0),p([(0,o.property)({type:Number})],e.prototype,"animation",void 0),p([(0,o.property)({type:String})],e.prototype,"handle",void 0),p([(0,o.property)({type:String})],e.prototype,"filter",void 0),p([(0,o.property)({type:String})],e.prototype,"easing",void 0),p([(0,o.property)({type:String})],e.prototype,"direction",void 0),p([(0,o.property)({type:Object})],e.prototype,"group",void 0),p([(0,o.property)({type:String,attribute:"draggable-items"})],e.prototype,"draggableItems",void 0),p([(0,o.property)({type:String,attribute:"ghost-class"})],e.prototype,"ghostClass",void 0),p([(0,o.property)({type:String,attribute:"chosen-class"})],e.prototype,"chosenClass",void 0),p([(0,o.property)({type:String,attribute:"drag-class"})],e.prototype,"dragClass",void 0),p([(0,o.property)({type:String,attribute:"fallback-class"})],e.prototype,"fallbackClass",void 0),p([(0,o.property)({type:Number,attribute:"swap-threshold"})],e.prototype,"swapThreshold",void 0),p([(0,o.property)({type:Number,attribute:"touch-start-threshold"})],e.prototype,"touchStartThreshold",void 0),p([(0,o.property)({type:Boolean,attribute:"force-fallback"})],e.prototype,"forceFallback",void 0),p([(0,o.property)({type:Boolean,reflect:!0})],e.prototype,"sort",void 0),p([(0,o.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0),p([(0,o.property)({type:Boolean,reflect:!0})],e.prototype,"editable",void 0),p([(0,o.query)("slot[name='draggable-item']")],e.prototype,"draggableSlot",void 0),e=p([(0,h.wW)("md-draggable")],e),t.ELEMENT=e}(s||(s={}))},81144:(t,e,i)=>{i.d(e,{Radio:()=>s});var s,o=i(3001),r=i(31890),n=i(26272),a=i(41488),l=i(97822),d=i(76067),h=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,o.yC)(a.LitElement)){constructor(){super(...arguments),this.tabIndex=-1,this.label="",this.value="",this.ariaLabel="",this.autofocus=!1,this._disabled=!1,this.checked=!1}get disabled(){return this._disabled}set disabled(t){const e=this._disabled;this._disabled=t,this.tabIndex=t?-1:0,this.requestUpdate("disabled",e)}get inputAriaLabel(){var t,e,i;if(null===(t=this.ariaLabel)||void 0===t?void 0:t.length)return this.ariaLabel;if(null===(e=this.label)||void 0===e?void 0:e.length)return this.label;const s=null===(i=this.textContent)||void 0===i?void 0:i.trim();return(null==s?void 0:s.length)?s:void 0}static get styles(){return[n.A,d.A]}render(){return a.html`
|
|
2333
2333
|
<div class="md-radio-wrapper" part="radio-wrapper">
|
|
2334
|
+
<div class="md-radio-icon"></div>
|
|
2334
2335
|
<input
|
|
2335
2336
|
class="md-radio-input"
|
|
2336
2337
|
part="radio-input"
|
|
2337
2338
|
type="radio"
|
|
2338
|
-
|
|
2339
|
+
role="radio"
|
|
2340
|
+
aria-label=${(0,l.ifDefined)(this.inputAriaLabel)}
|
|
2339
2341
|
aria-checked=${this.checked?"true":"false"}
|
|
2340
2342
|
.value=${this.value}
|
|
2341
2343
|
?checked=${this.checked}
|
|
2342
2344
|
?autofocus=${this.autofocus}
|
|
2343
2345
|
?disabled=${this.disabled}
|
|
2344
|
-
|
|
2346
|
+
tabindex="-1"
|
|
2345
2347
|
id="radio-label"
|
|
2346
2348
|
/>
|
|
2347
|
-
<label for="radio-label" class="md-radio-label" part="radio-label"
|
|
2349
|
+
<label for="radio-label" class="md-radio-label" part="radio-label">
|
|
2350
|
+
<slot></slot>
|
|
2351
|
+
</label>
|
|
2348
2352
|
</div>
|
|
2349
|
-
`}};h([(0,a.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),h([(0,a.property)({type:String})],e.prototype,"label",void 0),h([(0,a.property)({type:String})],e.prototype,"value",void 0),h([(0,a.property)({type:String})],e.prototype,"ariaLabel",void 0),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),h([(0,a.property)({type:Boolean,
|
|
2353
|
+
`}};h([(0,a.property)({type:Number,reflect:!0})],e.prototype,"tabIndex",void 0),h([(0,a.property)({type:String})],e.prototype,"label",void 0),h([(0,a.property)({type:String})],e.prototype,"value",void 0),h([(0,a.property)({type:String})],e.prototype,"ariaLabel",void 0),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"autofocus",void 0),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"disabled",null),h([(0,a.property)({type:Boolean,reflect:!0})],e.prototype,"checked",void 0),e=h([(0,r.w)("md-radio")],e),t.ELEMENT=e}(s||(s={}))},83192:(t,e,i)=>{i.d(e,{Tooltip:()=>s});var s,o=i(90195),r=i(3001),n=i(31890),a=i(66677),l=i(26272),d=i(41488),h=i(23968),p=i(77251),c=function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends((0,r.UM)((0,r.yC)(d.LitElement))){constructor(){super(...arguments),this.message="",this.placement="auto",this.disabled=!1,this.opened=!1,this.slotToTooltip=!1,this.slotContent=null,this._keyDownListener=t=>{this.handleKeyDown(t)},this._wheelListener=t=>{this.opened&&this.notifyTooltipDestroy()}}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this._keyDownListener),window.addEventListener("wheel",this._wheelListener,{passive:!0})}disconnectedCallback(){this.notifyTooltipDisconnected(),super.disconnectedCallback(),document.removeEventListener("keydown",this._keyDownListener),window.removeEventListener("wheel",this._wheelListener)}handleResize(t){var e;null===(e=super.handleResize)||void 0===e||e.call(this,t),(0,a.sg)(()=>{this.slotToTooltip&&(this.disabled=this.reference&&!this.isContentTruncated(this.reference))},100)()}handleFocusIn(t){super.handleFocusIn&&super.handleFocusIn(t),this.notifyTooltipCreate()}handleFocusOut(t){super.handleFocusOut&&super.handleFocusOut(t),this.notifyTooltipDestroy()}openTooltip(){this.dispatchEvent(new CustomEvent("tooltip-create",{bubbles:!0,composed:!0,detail:Object.assign({placement:this.placement,reference:this.reference,popper:this.popper},!this.message&&{slotContent:this.slotContent})}))}notifyTooltipDisconnected(){document.dispatchEvent(new CustomEvent("tooltip-disconnected",{bubbles:!0,composed:!0,detail:{}}))}closeTooltip(){this.dispatchEvent(new CustomEvent("tooltip-destroy",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeMessage(){this.dispatchEvent(new CustomEvent("tooltip-message",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper}}))}changeSlotContent(t){this.dispatchEvent(new CustomEvent("tooltip-slot",{bubbles:!0,composed:!0,detail:{placement:this.placement,reference:this.reference,popper:this.popper,slotContent:t}}))}notifyTooltipCreate(){this.disabled||(this.opened=!0)}notifyTooltipDestroy(){this.disabled||(this.opened=!1)}handleKeyDown(t){t.code===o.Uz.Escape&&this.notifyTooltipDestroy()}handleSlotContentChange(t){const e=t.target;if(e){const t=e.assignedElements({flatten:!0});t.length&&(this.slotContent&&this.changeSlotContent(t),this.slotContent=t)}}updated(t){super.updated(t),t.has("opened")&&(this.opened?this.openTooltip():this.closeTooltip()),t.has("message")&&this.changeMessage(),t.has("disabled")&&this.opened&&(this.opened=!1)}handleSlotChanged(t){const e=t.target;if(this.slotToTooltip&&e){const t=e.assignedNodes({flatten:!0}).map(t=>t.textContent).join(" ").trim();this.message=t,this.disabled=this.reference&&!this.isContentTruncated(this.reference)}}isContentTruncated(t){return t.scrollWidth>t.clientWidth}get tooltipClassMap(){return{"md-tooltip--disabled":this.disabled}}render(){return d.html`
|
|
2350
2354
|
<div class="md-tooltip ${(0,h.classMap)(this.tooltipClassMap)}">
|
|
2351
2355
|
<div class="md-tooltip__popper" role="tooltip" part="tooltip-popper">
|
|
2352
2356
|
<div id="md-tooltip__content" class="md-tooltip__content" part="tooltip-content">
|
|
@@ -2832,4 +2836,4 @@
|
|
|
2832
2836
|
size="16"
|
|
2833
2837
|
></md-icon>
|
|
2834
2838
|
</label>
|
|
2835
|
-
`}};c([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"checked",void 0),c([(0,l.property)({type:String})],e.prototype,"value",void 0),c([(0,l.property)({type:String})],e.prototype,"id",void 0),c([(0,l.property)({type:String})],e.prototype,"label",void 0),c([(0,l.internalProperty)()],e.prototype,"customId",void 0),e=c([(0,n.w)("md-favorite")],e),t.ELEMENT=e}(s||(s={}))}},N={};function U(t){var e=N[t];if(void 0!==e)return e.exports;var i=N[t]={exports:{}};return j[t].call(i.exports,i,i.exports,U),i.exports}U.m=j,B=[],U.O=(t,e,i,s)=>{if(!e){var o=1/0;for(l=0;l<B.length;l++){for(var[e,i,s]=B[l],r=!0,n=0;n<e.length;n++)(!1&s||o>=s)&&Object.keys(U.O).every(t=>U.O[t](e[n]))?e.splice(n--,1):(r=!1,s<o&&(o=s));if(r){B.splice(l--,1);var a=i();void 0!==a&&(t=a)}}return t}s=s||0;for(var l=B.length;l>0&&B[l-1][2]>s;l--)B[l]=B[l-1];B[l]=[e,i,s]},U.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return U.d(e,{a:e}),e},z=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,U.t=function(t,e){if(1&e&&(t=this(t)),8&e)return t;if("object"==typeof t&&t){if(4&e&&t.__esModule)return t;if(16&e&&"function"==typeof t.then)return t}var i=Object.create(null);U.r(i);var s={};_=_||[null,z({}),z([]),z(z)];for(var o=2&e&&t;("object"==typeof o||"function"==typeof o)&&!~_.indexOf(o);o=z(o))Object.getOwnPropertyNames(o).forEach(e=>s[e]=()=>t[e]);return s.default=()=>t,U.d(i,s),i},U.d=(t,e)=>{for(var i in e)U.o(e,i)&&!U.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},U.f={},U.e=t=>Promise.all(Object.keys(U.f).reduce((e,i)=>(U.f[i](t,e),e),[])),U.u=t=>"chunks/md-"+t+".js",U.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),U.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),F={},V="@momentum-ui/web-components:",U.l=(t,e,i,s)=>{if(F[t])F[t].push(e);else{var o,r;if(void 0!==i)for(var n=document.getElementsByTagName("script"),a=0;a<n.length;a++){var l=n[a];if(l.getAttribute("src")==t||l.getAttribute("data-webpack")==V+i){o=l;break}}o||(r=!0,(o=document.createElement("script")).charset="utf-8",o.timeout=120,U.nc&&o.setAttribute("nonce",U.nc),o.setAttribute("data-webpack",V+i),o.src=t),F[t]=[e];var d=(e,i)=>{o.onerror=o.onload=null,clearTimeout(h);var s=F[t];if(delete F[t],o.parentNode&&o.parentNode.removeChild(o),s&&s.forEach(t=>t(i)),e)return e(i)},h=setTimeout(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),r&&document.head.appendChild(o)}},U.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},U.p="/",(()=>{var t={109:0,144:0,195:0,445:0,502:0,555:0,671:0,762:0,984:0,1037:0,1200:0,1266:0,1323:0,1439:0,1459:0,1462:0,1521:0,1528:0,1682:0,1745:0,1788:0,1807:0,2105:0,2139:0,2169:0,2176:0,2330:0,2434:0,2547:0,2576:0,2779:0,2781:0,2909:0,3001:0,3079:0,3192:0,3413:0,3477:0,3539:0,3747:0,3820:0,3938:0,3943:0,4131:0,4139:0,4259:0,4545:0,4908:0,4928:0,4971:0,5156:0,5310:0,5369:0,5382:0,5433:0,5517:0,6029:0,6060:0,6085:0,6132:0,6220:0,6396:0,6408:0,6433:0,6494:0,6587:0,
|
|
2839
|
+
`}};c([(0,l.property)({type:Boolean})],e.prototype,"disabled",void 0),c([(0,l.property)({type:Boolean})],e.prototype,"checked",void 0),c([(0,l.property)({type:String})],e.prototype,"value",void 0),c([(0,l.property)({type:String})],e.prototype,"id",void 0),c([(0,l.property)({type:String})],e.prototype,"label",void 0),c([(0,l.internalProperty)()],e.prototype,"customId",void 0),e=c([(0,n.w)("md-favorite")],e),t.ELEMENT=e}(s||(s={}))}},N={};function U(t){var e=N[t];if(void 0!==e)return e.exports;var i=N[t]={exports:{}};return j[t].call(i.exports,i,i.exports,U),i.exports}U.m=j,B=[],U.O=(t,e,i,s)=>{if(!e){var o=1/0;for(l=0;l<B.length;l++){for(var[e,i,s]=B[l],r=!0,n=0;n<e.length;n++)(!1&s||o>=s)&&Object.keys(U.O).every(t=>U.O[t](e[n]))?e.splice(n--,1):(r=!1,s<o&&(o=s));if(r){B.splice(l--,1);var a=i();void 0!==a&&(t=a)}}return t}s=s||0;for(var l=B.length;l>0&&B[l-1][2]>s;l--)B[l]=B[l-1];B[l]=[e,i,s]},U.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return U.d(e,{a:e}),e},z=Object.getPrototypeOf?t=>Object.getPrototypeOf(t):t=>t.__proto__,U.t=function(t,e){if(1&e&&(t=this(t)),8&e)return t;if("object"==typeof t&&t){if(4&e&&t.__esModule)return t;if(16&e&&"function"==typeof t.then)return t}var i=Object.create(null);U.r(i);var s={};_=_||[null,z({}),z([]),z(z)];for(var o=2&e&&t;("object"==typeof o||"function"==typeof o)&&!~_.indexOf(o);o=z(o))Object.getOwnPropertyNames(o).forEach(e=>s[e]=()=>t[e]);return s.default=()=>t,U.d(i,s),i},U.d=(t,e)=>{for(var i in e)U.o(e,i)&&!U.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},U.f={},U.e=t=>Promise.all(Object.keys(U.f).reduce((e,i)=>(U.f[i](t,e),e),[])),U.u=t=>"chunks/md-"+t+".js",U.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),U.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),F={},V="@momentum-ui/web-components:",U.l=(t,e,i,s)=>{if(F[t])F[t].push(e);else{var o,r;if(void 0!==i)for(var n=document.getElementsByTagName("script"),a=0;a<n.length;a++){var l=n[a];if(l.getAttribute("src")==t||l.getAttribute("data-webpack")==V+i){o=l;break}}o||(r=!0,(o=document.createElement("script")).charset="utf-8",o.timeout=120,U.nc&&o.setAttribute("nonce",U.nc),o.setAttribute("data-webpack",V+i),o.src=t),F[t]=[e];var d=(e,i)=>{o.onerror=o.onload=null,clearTimeout(h);var s=F[t];if(delete F[t],o.parentNode&&o.parentNode.removeChild(o),s&&s.forEach(t=>t(i)),e)return e(i)},h=setTimeout(d.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=d.bind(null,o.onerror),o.onload=d.bind(null,o.onload),r&&document.head.appendChild(o)}},U.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},U.p="/",(()=>{var t={109:0,144:0,195:0,445:0,502:0,555:0,671:0,762:0,984:0,1037:0,1200:0,1266:0,1323:0,1439:0,1459:0,1462:0,1521:0,1528:0,1682:0,1745:0,1788:0,1807:0,2105:0,2139:0,2169:0,2176:0,2330:0,2434:0,2547:0,2555:0,2576:0,2779:0,2781:0,2909:0,3001:0,3079:0,3192:0,3413:0,3477:0,3539:0,3747:0,3820:0,3938:0,3943:0,4131:0,4139:0,4259:0,4545:0,4908:0,4928:0,4971:0,5156:0,5310:0,5369:0,5382:0,5433:0,5517:0,6029:0,6060:0,6085:0,6132:0,6220:0,6396:0,6408:0,6433:0,6494:0,6587:0,6677:0,6724:0,6753:0,6754:0,6798:0,6834:0,6920:0,7119:0,7145:0,7219:0,7455:0,7684:0,7711:0,7719:0,7763:0,7814:0,7927:0,8028:0,8111:0,8115:0,8220:0,8334:0,8339:0,8442:0,8510:0,8654:0,8894:0,9058:0,9237:0};U.f.j=(e,i)=>{var s=U.o(t,e)?t[e]:void 0;if(0!==s)if(s)i.push(s[2]);else{var o=new Promise((i,o)=>s=t[e]=[i,o]);i.push(s[2]=o);var r=U.p+U.u(e),n=new Error;U.l(r,i=>{if(U.o(t,e)&&(0!==(s=t[e])&&(t[e]=void 0),s)){var o=i&&("load"===i.type?"missing":i.type),r=i&&i.target&&i.target.src;n.message="Loading chunk "+e+" failed.\n("+o+": "+r+")",n.name="ChunkLoadError",n.type=o,n.request=r,s[1](n)}},"chunk-"+e,e)}},U.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,n,a]=i,l=0;if(r.some(e=>0!==t[e])){for(s in n)U.o(n,s)&&(U.m[s]=n[s]);if(a)var d=a(U)}for(e&&e(i);l<r.length;l++)o=r[l],U.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return U.O(d)},i=self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var q=U.O(void 0,[5757,7103,1890,6272,6325,6283,9217,5830,8889,8210,4977,3135,1598,1572,6366,7251,4974,2243,7919,3553,6877,6700,8004,6795,8923,4548,76,1392,9164,1214,1625,6067,3625,8841,3112,3866,1107,7330,7092,9719,6979,9130,6273,9618,8612,8521,2019,779,573,5801,2043,8171,2798,5467,2984,1869,2215,7997,4392,630,3604,8728,8227,1250,1705,6953,7875,7833,6400,587,6441,6015,3663],()=>U(77999));return U.O(q)})());
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
require("./5757"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./6283"),require("./9217"),require("./5830"),require("./8889"),require("./8210"),require("./4977"),require("./3135"),require("./1598"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./7919"),require("./3553"),require("./6877"),require("./6700"),require("./
|
|
1
|
+
require("./5757"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./6283"),require("./9217"),require("./5830"),require("./8889"),require("./8210"),require("./4977"),require("./3135"),require("./1598"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./7919"),require("./3553"),require("./6877"),require("./6700"),require("./8004"),require("./6795"),require("./8923"),require("./4548"),require("./76"),require("./1392"),require("./9164"),require("./1214"),require("./1625"),require("./6067"),require("./3625"),require("./8841"),require("./3112"),require("./3866"),require("./1107"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./9618"),require("./8612"),require("./8521"),require("./2019"),require("./779"),require("./573"),require("./5801"),require("./2043"),require("./8171"),require("./2798"),require("./5467"),require("./2984"),require("./1869"),require("./2215"),require("./7997"),require("./4392"),require("./630"),require("./3604"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./6953"),require("./7875"),require("./7833"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");
|
|
@@ -12,6 +12,7 @@ import { LitElement, PropertyValues, TemplateResult } from "lit-element";
|
|
|
12
12
|
import { DateTime } from "luxon";
|
|
13
13
|
import { MenuOverlay } from "../menu-overlay/MenuOverlay";
|
|
14
14
|
import { StrategyType } from "../popover/Popover.types";
|
|
15
|
+
import { Popover } from "../popover/Popover";
|
|
15
16
|
export interface DatePickerControlButton {
|
|
16
17
|
value: string;
|
|
17
18
|
ariaLabel?: string;
|
|
@@ -49,12 +50,17 @@ export declare namespace DatePicker {
|
|
|
49
50
|
controlButtons?: DatePickerControlButtons;
|
|
50
51
|
positioningStrategy?: StrategyType;
|
|
51
52
|
showDefaultNowDate: boolean;
|
|
53
|
+
usePopover: boolean;
|
|
54
|
+
triggerID: string;
|
|
55
|
+
animationFrame: boolean;
|
|
52
56
|
selectedDate: DateTime;
|
|
53
57
|
focusedDate: DateTime;
|
|
54
58
|
filterDate: Function | undefined;
|
|
55
59
|
maxDateData: DateTime | undefined;
|
|
56
60
|
minDateData: DateTime | undefined;
|
|
61
|
+
private popoverController;
|
|
57
62
|
menuOverlay: MenuOverlay.ELEMENT;
|
|
63
|
+
popoverElement: Popover;
|
|
58
64
|
get computedNewMomentum(): boolean;
|
|
59
65
|
static get styles(): import("lit-element").CSSResult;
|
|
60
66
|
connectedCallback(): void;
|
|
@@ -80,6 +86,8 @@ export declare namespace DatePicker {
|
|
|
80
86
|
protected getFormattedDate(date: DateTime): string | null;
|
|
81
87
|
private getAriaLabel;
|
|
82
88
|
private get isAriaExpanded();
|
|
89
|
+
renderPopover(): TemplateResult;
|
|
90
|
+
renderMenuOverlay(): TemplateResult;
|
|
83
91
|
render(): TemplateResult;
|
|
84
92
|
}
|
|
85
93
|
}
|
|
@@ -81,7 +81,7 @@ export declare namespace Grabber {
|
|
|
81
81
|
visible: boolean;
|
|
82
82
|
};
|
|
83
83
|
private get grabberContainerClassMap();
|
|
84
|
-
get iconName(): "arrow-up-bold" | "arrow-down-bold" | "
|
|
84
|
+
get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-left-bold" | "arrow-right-bold";
|
|
85
85
|
get iconSize(): "10" | "12";
|
|
86
86
|
render(): import("lit-element").TemplateResult;
|
|
87
87
|
}
|
|
@@ -216,6 +216,11 @@ export declare class Popover extends Popover_base {
|
|
|
216
216
|
* @default false
|
|
217
217
|
*/
|
|
218
218
|
disableAriaExpanded: boolean;
|
|
219
|
+
/**
|
|
220
|
+
* animation-frame for update the position of floating element on every animation frame
|
|
221
|
+
* @default false
|
|
222
|
+
*/
|
|
223
|
+
animationFrame: boolean;
|
|
219
224
|
/**
|
|
220
225
|
* Controller object that provides methods to programmatically control the popover.
|
|
221
226
|
* This is especially useful when the popover is appended to another part of the DOM.
|
|
@@ -4,6 +4,6 @@ type ReturnType = {
|
|
|
4
4
|
presenceIcon: string | undefined;
|
|
5
5
|
presenceColor: string | undefined;
|
|
6
6
|
};
|
|
7
|
-
export declare const PresenceType: readonly ["active", "meeting", "schedule", "call", "dnd", "presenting", "quiet-hours", "away", "idle", "inactive", "away-calling", "ooo", "busy", "on-mobile", "on-device", "on-hold", "engaged", "rona", ""];
|
|
7
|
+
export declare const PresenceType: readonly ["active", "meeting", "schedule", "call", "dnd", "presenting", "quiet-hours", "away", "idle", "inactive", "away-calling", "ooo", "busy", "on-mobile", "on-device", "on-hold", "engaged", "rona", "wrapup", ""];
|
|
8
8
|
export declare const getPresenceIconColor: (presenceType: PresenceState, failureBadge: boolean, isMomentumDesign?: boolean) => ReturnType;
|
|
9
9
|
export {};
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
|
-
import { LitElement
|
|
8
|
+
import { LitElement } from "lit-element";
|
|
9
9
|
export declare namespace Radio {
|
|
10
10
|
const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
|
|
11
11
|
export class ELEMENT extends ELEMENT_base {
|
|
@@ -17,10 +17,8 @@ export declare namespace Radio {
|
|
|
17
17
|
private _disabled;
|
|
18
18
|
get disabled(): boolean;
|
|
19
19
|
set disabled(value: boolean);
|
|
20
|
-
|
|
21
|
-
get
|
|
22
|
-
set checked(value: boolean);
|
|
23
|
-
protected firstUpdated(changedProperties: PropertyValues): void;
|
|
20
|
+
checked: boolean;
|
|
21
|
+
private get inputAriaLabel();
|
|
24
22
|
static get styles(): import("lit-element").CSSResult[];
|
|
25
23
|
render(): import("lit-element").TemplateResult;
|
|
26
24
|
}
|
package/package.json
CHANGED
package/dist/6652.js
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1439,3820,6652,6677,9058],{63208:(t,e,i)=>{i(17814),i(61200);var o,r=i(31890),a=i(81625),n=i(26272),s=i(41488),d=i(14974),h=function(t,e,i,o){var r,a=arguments.length,n=a<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,o);else for(var s=t.length-1;s>=0;s--)(r=t[s])&&(n=(a<3?r(n):a>3?r(e,i,n):r(e,i))||n);return a>3&&n&&Object.defineProperty(e,i,n),n};!function(t){let e=class extends s.LitElement{constructor(){super(...arguments),this.monthFormat="MMMM yyyy",this.filterParams=void 0,this.handleMonthChange=void 0,this.datePickerProps=void 0,this.shortDay=!1,this.viewAnchorDate=(0,a.tB)(),this.localeMonth=void 0,this.setDate=(t,e)=>{this.viewAnchorDate=t,null==e||e()},this.increaseMonth=t=>{const{handleMonthChange:e}=this,{viewAnchorDate:i}=this;this.setDate((0,a.PS)(i,1),()=>e&&e(t,this.viewAnchorDate))},this.decreaseMonth=t=>{const{handleMonthChange:e}=this,{viewAnchorDate:i}=this;this.setDate((0,a.SL)(i,1),()=>e&&e(t,this.viewAnchorDate))},this.renderMonthName=()=>s.html` <div class="md-datepicker__navigation--current-month" aria-live="polite">${this.localeMonth}</div> `,this.renderPreviousMonthButton=()=>{var t,e;const i=(null===(t=this.filterParams)||void 0===t?void 0:t.minDate)&&(0,a.PD)(this.viewAnchorDate,null===(e=this.filterParams)||void 0===e?void 0:e.minDate);return s.html`
|
|
2
|
-
<md-button
|
|
3
|
-
variant="ghost"
|
|
4
|
-
circle
|
|
5
|
-
size="28"
|
|
6
|
-
aria-controls="Datepicker-Calendar"
|
|
7
|
-
aria-label=${"previous month"}
|
|
8
|
-
title=${"previous month"}
|
|
9
|
-
?disabled=${i}
|
|
10
|
-
@click=${!i&&this.decreaseMonth}
|
|
11
|
-
tabindex="-1"
|
|
12
|
-
>
|
|
13
|
-
<md-icon name="arrow-left-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
14
|
-
</md-button>
|
|
15
|
-
`},this.renderNextMonthButton=()=>{var t,e;const i=(null===(t=this.filterParams)||void 0===t?void 0:t.maxDate)&&(0,a.FO)(this.viewAnchorDate,null===(e=this.filterParams)||void 0===e?void 0:e.maxDate);return s.html`
|
|
16
|
-
<md-button
|
|
17
|
-
variant="ghost"
|
|
18
|
-
circle
|
|
19
|
-
size="28"
|
|
20
|
-
aria-controls="Datepicker-Calendar"
|
|
21
|
-
aria-label=${"next month"}
|
|
22
|
-
title=${"next month"}
|
|
23
|
-
?disabled=${i}
|
|
24
|
-
@click=${!i&&this.increaseMonth}
|
|
25
|
-
tabindex="-1"
|
|
26
|
-
><md-icon name="arrow-right-bold" size="16" iconSet="momentumDesign"></md-icon>
|
|
27
|
-
</md-button>
|
|
28
|
-
`},this.header=()=>{var t;const e=(0,a.mK)(this.viewAnchorDate,null===(t=this.datePickerProps)||void 0===t?void 0:t.weekStart);return[].concat([0,1,2,3,4,5,6].map(t=>{var i;const o=(0,a.fi)((0,a.WV)(e,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en"),t),r=(0,a.XN)(o),n=this.getWeekDayName(r,o);return s.html` <div class="md-datepicker__day--name">${n}</div> `}))},this.renderMonth=()=>s.html`
|
|
29
|
-
<div class="md-datepicker__month-container">
|
|
30
|
-
<div class="md-datepicker__header">
|
|
31
|
-
<div class="md-datepicker__navigation">
|
|
32
|
-
${this.renderMonthName()}
|
|
33
|
-
<div class="md-datepicker__navigation--buttons">
|
|
34
|
-
${this.renderPreviousMonthButton()} ${this.renderNextMonthButton()}
|
|
35
|
-
</div>
|
|
36
|
-
</div>
|
|
37
|
-
<div class="md-datepicker__day--names">${this.header()}</div>
|
|
38
|
-
</div>
|
|
39
|
-
<md-datepicker-month
|
|
40
|
-
.day=${this.viewAnchorDate}
|
|
41
|
-
.filterParams=${this.filterParams}
|
|
42
|
-
.datePickerProps=${this.datePickerProps}
|
|
43
|
-
></md-datepicker-month>
|
|
44
|
-
</div>
|
|
45
|
-
`}connectedCallback(){var t,e,i;super.connectedCallback(),this.viewAnchorDate=(null===(t=this.datePickerProps)||void 0===t?void 0:t.focused)||(null===(e=this.datePickerProps)||void 0===e?void 0:e.selected)||(0,a.tB)(),this.localeMonth=(0,a.WV)(this.viewAnchorDate,(null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)||"en").toFormat(this.monthFormat)}updated(t){var e,i,o,r,n;super.updated(t),t.has("datePickerProps")&&(null===(null===(e=this.datePickerProps)||void 0===e?void 0:e.selected.invalidReason)&&(this.viewAnchorDate=this.datePickerProps.selected||(0,a.tB)()),this.localeMonth=((null===(i=this.datePickerProps)||void 0===i?void 0:i.locale)?(0,a.WV)(this.viewAnchorDate,null===(o=this.datePickerProps)||void 0===o?void 0:o.locale):this.viewAnchorDate).toFormat(this.monthFormat)),t.has("viewAnchorDate")&&(this.localeMonth=((null===(r=this.datePickerProps)||void 0===r?void 0:r.locale)?(0,a.WV)(this.viewAnchorDate,null===(n=this.datePickerProps)||void 0===n?void 0:n.locale):this.viewAnchorDate).toFormat(this.monthFormat))}getWeekDayName(t,e){return this.shortDay?(0,a.XY)(t,e):(0,a.DY)(t,e)}static get styles(){return[n.A,d.A]}render(){return s.html`
|
|
46
|
-
<div class="md-datepicker__calendar" id="Datepicker-Calendar">${this.viewAnchorDate&&this.renderMonth()}</div>
|
|
47
|
-
`}};h([(0,s.property)({attribute:!1})],e.prototype,"monthFormat",void 0),h([(0,s.property)({attribute:!1})],e.prototype,"filterParams",void 0),h([(0,s.property)({attribute:!1})],e.prototype,"handleMonthChange",void 0),h([(0,s.property)({attribute:!1})],e.prototype,"datePickerProps",void 0),h([(0,s.property)({type:Boolean,reflect:!0,attribute:"short-day"})],e.prototype,"shortDay",void 0),h([(0,s.internalProperty)()],e.prototype,"viewAnchorDate",void 0),h([(0,s.internalProperty)()],e.prototype,"localeMonth",void 0),e=h([(0,r.w)("md-datepicker-calendar")],e),t.ELEMENT=e}(o||(o={}))},66677:(t,e,i)=>{function o(t,e,i){let o;return function(...r){const a=this,n=i&&!o;clearTimeout(o),o=setTimeout(function(){o=null,i||t.apply(a,r)},e),n&&t.apply(a,r)}}function r(t,e){return function e(i){if(!i||i===document||i===window)return null;const o=i.closest(t);return null!=o?o:e(i.getRootNode().host)}(e)}i.d(e,{QZ:()=>r,sg:()=>o})}}]);
|