@momentum-ui/web-components 2.17.8 → 2.17.9
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/chunks/md-17.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{36:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return o})),r.d(t,"menuOverlaySize",(function(){return x})),r.d(t,"menuOverlayPlacement",(function(){return L})),r.d(t,"menuOverlayRole",(function(){return C})),r.d(t,"MenuOverlay",(function(){return
|
|
1
|
+
(window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[17],{36:function(e,t,r){"use strict";r.r(t),r.d(t,"OverlaySizes",(function(){return o})),r.d(t,"menuOverlaySize",(function(){return x})),r.d(t,"menuOverlayPlacement",(function(){return L})),r.d(t,"menuOverlayRole",(function(){return C})),r.d(t,"MenuOverlay",(function(){return k}));var o,i=r(35),a=r(1),n=r(5),s=r(33),l=r(16),d=r(22),p=r.n(d),c=r(23),h=r.n(c),v=r(24),u=r.n(v),m=r(25),y=r.n(m),g=r(18),b=r(0),f=r(3),O=b.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}.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}}`,w=function(e,t,r,o){var i,a=arguments.length,n=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,o);else for(var s=e.length-1;s>=0;s--)(i=e[s])&&(n=(a<3?i(n):a>3?i(t,r,n):i(t,r))||n);return a>3&&n&&Object.defineProperty(t,r,n),n},E=function(e,t,r,o){return new(r||(r=Promise))((function(i,a){function n(e){try{l(o.next(e))}catch(e){a(e)}}function s(e){try{l(o.throw(e))}catch(e){a(e)}}function l(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,s)}l((o=o.apply(e,t||[])).next())}))};!function(e){e.small="260px",e.large="370px"}(o||(o={}));const x=["small","large"],L=i.b,C=["menu","dialog"];var k;!function(e){let t=class extends(Object(s.a)(b.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.popperInstance=null,this.triggerElement=null,this.shouldWrapFocus=()=>"dialog"===this.ariaRole,this.updateActiveMenuOverlayOpened=t=>{var r;this===t.target&&(null===(r=e.ELEMENT.activeOverlay)||void 0===r||r.push(t.target))},this.updateActiveMenuOverlayClosed=t=>{var r,o;const i=e.ELEMENT.activeOverlay.indexOf(t.target);this===t.target&&-1!==i&&(e.ELEMENT.activeOverlay.splice(i,1),e.ELEMENT.activeOverlay.length>0?(null===(r=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===r||r.setFocusableElements(),null===(o=e.ELEMENT.activeOverlay[e.ELEMENT.activeOverlay.length-1])||void 0===o||o.focusOnNestedTrigger(this.triggerElement)):this.setFocusableElements())},this.handleTriggerClick=()=>{this.toggleOverlay()},this.setOverlay=Object(l.b)(e=>{this.disabled||(this.isOpen=e)},100),this.expandPopup=()=>{this.setOverlay(!0)},this.collapsePopup=()=>{this.setOverlay(!1)},this.handleOutsideOverlayKeydown=t=>E(this,void 0,void 0,(function*(){let r=!1;const o=t.composedPath();if((!o.length||(r=!!o.find(e=>e===this),r))&&this.overlayContainer&&t.code===a.b.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=>E(this,void 0,void 0,(function*(){switch(e.code){case a.b.Space:case a.b.Enter:e.preventDefault(),this.toggleOverlay(),this.isOpen||(yield this.updateComplete,this.focusOnTrigger())}})),this.handleOutsideOverlayClick=e=>{let t=!1;const r=e.composedPath();r.length&&(t=!!r.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)}renderMaxHeight(){return this.maxHeight?`max-height: ${this.maxHeight};`:"max-height: calc(100vh - 48px);"}renderOverflowY(){return this.isDatePicker?"overflow-y: visible;":"overflow-y: auto;"}renderWidth(){return this.customWidth?`width: ${this.customWidth};`:"small"===this.size?`width: ${o.small};`:`width: ${o.large};`}getStyles(){return b.html`
|
|
2
2
|
<style>
|
|
3
3
|
:host .md-menu-overlay .overlay-content {
|
|
4
4
|
${this.renderMaxHeight()};
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
${this.renderOverflowY()};
|
|
7
7
|
}
|
|
8
8
|
</style>
|
|
9
|
-
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed)}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.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)}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return
|
|
9
|
+
`}connectedCallback(){super.connectedCallback(),this.handleWindowBlurEvent=this.handleWindowBlurEvent.bind(this),window.addEventListener("blur",this.handleWindowBlurEvent),document.addEventListener("click",this.handleOutsideOverlayClick),document.addEventListener("keydown",this.handleOutsideOverlayKeydown),this.addEventListener("menu-overlay-open",this.updateActiveMenuOverlayOpened),this.addEventListener("menu-overlay-close",this.updateActiveMenuOverlayClosed)}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.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)}checkIsInputField(e){var t;return"md-input"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return E(this,void 0,void 0,(function*(){t.firstUpdated.call(this,e),yield new Promise(e=>setTimeout(e,0)),this.trigger&&(this.triggerElement=this.trigger[0],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.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")),this.overlayContainer&&this.isOpen&&(this.handleInstance(!0),this.overlayContainer.toggleAttribute("data-show",!0)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0)}))}update(e){super.update(e),e.has("isOpen")&&(this.isOpen?(this.activateFocusTrap(),document.addEventListener("menu-item-click",this.handleTriggerClick)):(this.deactivateFocusTrap(),document.removeEventListener("menu-item-click",this.handleTriggerClick)))}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),this.triggerElement&&(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true"))):(this.dispatchMenuClose(),this.triggerElement&&(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false"))))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=Object(g.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>E(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,modifiers:[...g.defaultModifiers,h.a,u.a,y.a,p.a,{name:"preventOverflow",options:{padding:16}},{name:"offset",options:{offset:({placement:e,reference:t})=>"left-end"===e||"right-end"===e?[t.height+t.y+3,14]:[0,this.overlayOffset]}},{name:"arrow",options:{element:this.arrow,padding:5}},{name:"computeStyles",options:{adaptive:!1}}]}))}destroy(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}toggleOverlay(){this.disabled||(this.isOpen=!this.isOpen)}focusOnTrigger(){requestAnimationFrame(()=>{this.focusableElements&&this.focusableElements.length&&this.focusableElements[0].focus()})}focusInsideOverlay(){this.focusableElements&&(this.focusableElements.length>1?this.setInitialFocus(1):this.focusableElements.length&&this.setInitialFocus())}focusOnNestedTrigger(e){var t;null===(t=this.setFocusOnTrigger)||void 0===t||t.call(this,e)}handleWindowBlurEvent(){this._isOpen&&!this.keepOpenOnWindowBlur&&(this.isOpen=!1)}static get styles(){return[O]}render(){return b.html`
|
|
10
10
|
${this.getStyles()}
|
|
11
11
|
<div class="md-menu-overlay">
|
|
12
12
|
<slot name="menu-trigger" aria-expanded=${this.isOpen}></slot>
|
|
@@ -23,4 +23,4 @@
|
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
|
-
`}};t.activeOverlay=[],
|
|
26
|
+
`}};t.activeOverlay=[],w([Object(b.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),w([Object(b.property)({type:String})],t.prototype,"size",void 0),w([Object(b.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),w([Object(b.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),w([Object(b.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),w([Object(b.property)({type:Boolean})],t.prototype,"disabled",void 0),w([Object(b.property)({type:String})],t.prototype,"placement",void 0),w([Object(b.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),w([Object(b.property)({type:String})],t.prototype,"ariaRole",void 0),w([Object(b.property)({type:String})],t.prototype,"ariaLabel",void 0),w([Object(b.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),w([Object(b.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),w([Object(b.property)({type:Boolean,attribute:"keep-open-on-window-blur"})],t.prototype,"keepOpenOnWindowBlur",void 0),w([Object(b.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),w([Object(b.query)(".overlay-arrow")],t.prototype,"arrow",void 0),w([Object(b.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=w([Object(n.a)("md-menu-overlay")],t),e.ELEMENT=t}(k||(k={}))}}]);
|
|
@@ -37,7 +37,7 @@ export declare namespace TimePicker {
|
|
|
37
37
|
handleTimeBlur(event: CustomEvent, unit: TimePicker.TimeUnit): void;
|
|
38
38
|
static get styles(): import("lit-element").CSSResult[];
|
|
39
39
|
formatTimeUnit: (unit: TimePicker.TimeUnit) => void;
|
|
40
|
-
messageType: (isValid: boolean) => "
|
|
40
|
+
messageType: (isValid: boolean) => "" | "error";
|
|
41
41
|
generateTimeBox: (unit: TimePicker.TimeUnit) => import("lit-element").TemplateResult;
|
|
42
42
|
generateAmPmComboBox: () => import("lit-element").TemplateResult;
|
|
43
43
|
render(): import("lit-element").TemplateResult;
|