@momentum-ui/web-components 2.23.36 → 2.23.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/1323.js +3 -3
- package/dist/2176.js +7 -1
- package/dist/5830.js +1 -1
- package/dist/6325.js +1 -1
- package/dist/6366.js +1 -1
- package/dist/7131.js +1 -0
- package/dist/comp/md-accordion-item-entry.js +2 -2
- package/dist/comp/md-accordion-item.js +1 -1
- package/dist/comp/md-activity-button-entry.js +2 -2
- package/dist/comp/md-activity-button.js +1 -1
- package/dist/comp/md-alert-banner-entry.js +2 -2
- package/dist/comp/md-alert-banner.js +1 -1
- package/dist/comp/md-alert-entry.js +3 -3
- package/dist/comp/md-alert.js +1 -1
- package/dist/comp/md-audio-player-entry.js +2 -2
- package/dist/comp/md-audio-player.js +1 -1
- package/dist/comp/md-avatar-entry.js +2 -2
- package/dist/comp/md-avatar.js +1 -1
- package/dist/comp/md-button-entry.js +1 -1
- package/dist/comp/md-card-ai-entry.js +2 -2
- package/dist/comp/md-card-ai.js +1 -1
- package/dist/comp/md-card-entry.js +3 -3
- package/dist/comp/md-card-v2-entry.js +2 -2
- package/dist/comp/md-card-v2.js +1 -1
- package/dist/comp/md-card.js +1 -1
- package/dist/comp/md-chat-message-entry.js +2 -2
- package/dist/comp/md-chat-message.js +1 -1
- package/dist/comp/md-coachmark-entry.js +1 -1
- package/dist/comp/md-coachmark-popover-entry.js +3 -3
- package/dist/comp/md-coachmark-popover.js +1 -1
- package/dist/comp/md-combobox-entry.js +1 -1
- package/dist/comp/md-combobox.js +1 -1
- package/dist/comp/md-country-code-picker-entry.js +1 -1
- package/dist/comp/md-country-code-picker.js +1 -1
- 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-date-time-picker-entry.js +1 -1
- package/dist/comp/md-date-time-picker.js +1 -1
- package/dist/comp/md-datepicker-calendar-entry.js +2 -2
- package/dist/comp/md-datepicker-calendar.js +1 -1
- package/dist/comp/md-datepicker-day-entry.js +2 -2
- package/dist/comp/md-datepicker-entry.js +2 -2
- package/dist/comp/md-datepicker-month-entry.js +2 -2
- package/dist/comp/md-datepicker-week-entry.js +2 -2
- package/dist/comp/md-datepicker.js +1 -1
- package/dist/comp/md-dropdown-entry.js +2 -2
- package/dist/comp/md-dropdown.js +1 -1
- package/dist/comp/md-editable-field-entry.js +1 -1
- package/dist/comp/md-editable-field.js +1 -1
- package/dist/comp/md-favorite-entry.js +2 -2
- package/dist/comp/md-favorite.js +1 -1
- package/dist/comp/md-floating-minimize-entry.js +2 -2
- package/dist/comp/md-floating-minimize.js +1 -1
- package/dist/comp/md-floating-modal-entry.js +2 -2
- package/dist/comp/md-floating-modal.js +1 -1
- package/dist/comp/md-grabber-entry.js +2 -2
- package/dist/comp/md-grabber.js +1 -1
- package/dist/comp/md-icon-entry.js +2 -2
- package/dist/comp/md-icon.js +1 -1
- package/dist/comp/md-input-entry.js +1 -1
- package/dist/comp/md-input-file.js +1 -1
- package/dist/comp/md-input.js +1 -1
- package/dist/comp/md-meeting-alert-entry.js +2 -2
- package/dist/comp/md-meeting-alert.js +1 -1
- package/dist/comp/md-menu-overlay-entry.js +3 -3
- package/dist/comp/md-modal-entry.js +2 -2
- package/dist/comp/md-modal.js +1 -1
- package/dist/comp/md-pagination-entry.js +2 -2
- package/dist/comp/md-pagination.js +1 -1
- package/dist/comp/md-phone-input-entry.js +1 -1
- package/dist/comp/md-phone-input.js +1 -1
- package/dist/comp/md-popover-entry.js +2 -2
- package/dist/comp/md-popover.js +1 -1
- package/dist/comp/md-presence-entry.js +2 -2
- package/dist/comp/md-presence.js +1 -1
- package/dist/comp/md-spinner-entry.js +7 -1
- package/dist/comp/md-table-advanced-entry.js +2 -2
- package/dist/comp/md-table-advanced.js +1 -1
- package/dist/comp/md-table-entry.js +2 -2
- package/dist/comp/md-table.js +1 -1
- package/dist/comp/md-tabs-entry.js +3 -3
- package/dist/comp/md-tabs.js +1 -1
- package/dist/comp/md-task-item-entry.js +2 -2
- package/dist/comp/md-task-item.js +1 -1
- package/dist/comp/md-timepicker-entry.js +1 -1
- package/dist/comp/md-timepicker.js +1 -1
- package/dist/index-entry.js +16 -10
- package/dist/index.js +1 -1
- package/dist/managers/thememanager-entry.js +1 -1
- package/dist/types/components/combobox/ComboBox.d.ts +1 -1
- package/dist/types/components/grabber/Grabber.d.ts +1 -1
- package/dist/types/components/input/Input.d.ts +1 -1
- package/dist/types/index.d.ts +2 -2
- package/dist/types/managers/ThemeManager.d.ts +15 -0
- package/package.json +2 -2
- package/dist/6860.js +0 -1
package/dist/1323.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1323],{11323:(e,t,i)=>{var r,n
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[1323],{11323:(e,t,i)=>{var r,s,n=i(90195),o=i(31890),a=i(28373),l=i(66677),h=i(22962),d=i.n(h),p=i(84157),v=i.n(p),u=i(68250),g=i.n(u),c=i(69371),y=i.n(c),m=i(4863),E=i(41488),O=i(97822),w=i(16366),f=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},b=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.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=>b(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=>b(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)}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: ${r.small};`:`width: ${r.large};`}getStyles(){return E.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("
|
|
9
|
+
`}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.isOpen?(this.triggerElement.setAttribute("aria-expanded","true"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","true")):(this.triggerElement.removeAttribute("aria-expanded"),this.triggerElement.hasAttribute("ariaexpanded")&&this.triggerElement.setAttribute("ariaexpanded","false")))}handleTriggerSlotChange(){this.removeTriggerEventListeners(),this.setupTriggerEventListeners(),this.updateTriggerElementAriaExpanded(),this.popperInstance&&this.destroy(),this.isOpen&&(this.create(),this.overlayContainer&&this.overlayContainer.toggleAttribute("data-show",this.isOpen))}removeTriggerEventListeners(){this.triggerElement&&(this.triggerElement.removeEventListener("click",this.handleTriggerClick),this.triggerElement.removeEventListener("keydown",this.handleTriggerKeyDown),this.allowHoverToggle&&(this.triggerElement.removeEventListener("mouseenter",this.expandPopup),this.triggerElement.removeEventListener("mouseleave",this.collapsePopup),this.overlayContainer.removeEventListener("mouseenter",this.expandPopup),this.overlayContainer.removeEventListener("mouseleave",this.collapsePopup)),this.triggerElement=null)}setupTriggerEventListeners(){if(this.trigger){if(this.triggerElement=this.trigger[0],!this.triggerElement)return;this.triggerElement.addEventListener("click",this.handleTriggerClick),this.allowHoverToggle&&(this.triggerElement.addEventListener("mouseenter",this.expandPopup),this.triggerElement.addEventListener("mouseleave",this.collapsePopup),this.overlayContainer.addEventListener("mouseenter",this.expandPopup),this.overlayContainer.addEventListener("mouseleave",this.collapsePopup)),this.arrow&&this.showArrow&&this.arrow.toggleAttribute("data-show",!0),this.checkIsInputField(this.triggerElement)||this.triggerElement.addEventListener("keydown",this.handleTriggerKeyDown),this.triggerElement.setAttribute("aria-haspopup","true")}}update(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))),e.has("showArrow")&&this.arrow&&this.arrow.toggleAttribute("data-show",this.showArrow)}updated(e){super.updated(e),e.has("isOpen")&&(this.isOpen?(this.dispatchMenuOpen(),requestAnimationFrame(()=>{document.addEventListener("click",this.handleOutsideOverlayClick)}),this.updateTriggerElementAriaExpanded()):(this.dispatchMenuClose(),document.removeEventListener("click",this.handleOutsideOverlayClick),this.updateTriggerElementAriaExpanded()))}dispatchMenuOpen(){this.dispatchEvent(new CustomEvent("menu-overlay-open",{composed:!0,bubbles:!0}))}dispatchMenuClose(){this.dispatchEvent(new CustomEvent("menu-overlay-close",{composed:!0,bubbles:!0}))}handleInstance(e){e?this.create():this.destroy()}create(){this.triggerElement&&(this.popperInstance=(0,m.createPopper)(this.triggerElement,this.overlayContainer,{onFirstUpdate:()=>b(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(),g(),y(),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:!1}}]}))}destroy(){this.popperInstance&&(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)}static get styles(){return[w.A]}render(){return E.html`
|
|
10
10
|
${this.getStyles()}
|
|
11
11
|
<div class="md-menu-overlay">
|
|
12
12
|
<slot @slotchange="${this.handleTriggerSlotChange}" name="menu-trigger"></slot>
|
|
@@ -23,4 +23,4 @@
|
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
|
-
`}};t.activeOverlay=[],
|
|
26
|
+
`}};t.activeOverlay=[],f([(0,E.property)({type:Boolean,attribute:"is-open",reflect:!0})],t.prototype,"isOpen",null),f([(0,E.property)({type:String})],t.prototype,"size",void 0),f([(0,E.property)({type:String,attribute:"max-height"})],t.prototype,"maxHeight",void 0),f([(0,E.property)({type:String,attribute:"custom-width"})],t.prototype,"customWidth",void 0),f([(0,E.property)({type:Boolean,attribute:"show-arrow"})],t.prototype,"showArrow",void 0),f([(0,E.property)({type:Boolean})],t.prototype,"disabled",void 0),f([(0,E.property)({type:String})],t.prototype,"placement",void 0),f([(0,E.property)({type:Boolean,attribute:"allow-hover-toggle"})],t.prototype,"allowHoverToggle",void 0),f([(0,E.property)({type:String})],t.prototype,"ariaRole",void 0),f([(0,E.property)({type:String})],t.prototype,"ariaLabel",void 0),f([(0,E.property)({type:Boolean,attribute:"is-date-picker"})],t.prototype,"isDatePicker",void 0),f([(0,E.property)({type:Number,attribute:"overlay-offset"})],t.prototype,"overlayOffset",void 0),f([(0,E.property)({type:Boolean,attribute:"keep-open-on-window-blur"})],t.prototype,"keepOpenOnWindowBlur",void 0),f([(0,E.query)(".overlay-container")],t.prototype,"overlayContainer",void 0),f([(0,E.query)(".overlay-arrow")],t.prototype,"arrow",void 0),f([(0,E.property)({type:String,attribute:"positioning-strategy"})],t.prototype,"positioningStrategy",void 0),f([(0,E.queryAssignedNodes)("menu-trigger",!0)],t.prototype,"trigger",void 0),t=f([(0,o.w)("md-menu-overlay")],t),e.ELEMENT=t}(s||(s={}))}}]);
|
package/dist/2176.js
CHANGED
|
@@ -1 +1,7 @@
|
|
|
1
|
-
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[2176],{12176:(t,e,i)=>{var n,s=i(31890),r=i(26272),a=i(41488),o=i(
|
|
1
|
+
"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[2176],{12176:(t,e,i)=>{var n,s=i(31890),r=i(26272),a=i(41488),o=i(23968),l=i(8229),m=i(46325),c=function(t,e,i,n){var s,r=arguments.length,a=r<3?e:null===n?n=Object.getOwnPropertyDescriptor(e,i):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,i,n);else for(var o=t.length-1;o>=0;o--)(s=t[o])&&(a=(r<3?s(a):r>3?s(e,i,a):s(e,i))||a);return r>3&&a&&Object.defineProperty(e,i,a),a};!function(t){let e=class extends a.LitElement{constructor(){super(...arguments),this.size=56,this.isAnimating=!1,this.animationFrameId=null}static get styles(){return[r.A,m.A]}get spinnerStyleMap(){return{width:`${this.size}px`,height:`${this.size}px`}}firstUpdated(t){super.firstUpdated(t),this.isAnimating=!0,this.startAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.isAnimating=!1,this.stopAnimation()}startAnimation(){var t;const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-spinner");if(!e)return;let i=null;const n=t=>{if(!this.isAnimating)return;i||(i=t);const s=t-i,r=s/1e3*360;e.style.transform=`rotate(${r}deg)`,s>=1e3&&(i=t),this.animationFrameId=requestAnimationFrame(n)};this.animationFrameId=requestAnimationFrame(n)}stopAnimation(){var t;null!==this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null);const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".md-spinner");e&&(e.style.transform="")}render(){return a.html`
|
|
2
|
+
<i
|
|
3
|
+
class="md-spinner ${(0,o.classMap)({large:this.size>=56})}"
|
|
4
|
+
part="spinner"
|
|
5
|
+
style=${(0,l.styleMap)(this.spinnerStyleMap)}
|
|
6
|
+
></i>
|
|
7
|
+
`}};c([(0,a.property)({type:Number,reflect:!0})],e.prototype,"size",void 0),e=c([(0,s.w)("md-spinner")],e),t.ELEMENT=e}(n||(n={}))}}]);
|