@momentum-ui/web-components 2.13.2 → 2.13.3

package/dist/chunks/md-16.js

@@ -8,8 +8,8 @@
         </style>
       `}connectedCallback(){super.connectedCallback(),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),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){return!(!e||!e.tagName||"md-input"!==e.tagName.toLowerCase())}firstUpdated(e){const t=Object.create(null,{firstUpdated:{get:()=>super.firstUpdated}});return f(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:()=>f(this,void 0,void 0,(function*(){this.isOpen&&(this.setFocusableElements(),yield this.updateComplete,this.focusInsideOverlay())})),placement:this.placement,modifiers:[...g.defaultModifiers,p.a,v.a,m.a,d.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,15]}},{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){this.setFocusOnTrigger(e)}static get styles(){return[O]}render(){return y.html`
         ${this.getStyles()}
-        <div aria-expanded=${this.isOpen} class="md-menu-overlay">
-          <slot name="menu-trigger"></slot>
+        <div class="md-menu-overlay">
+          <slot name="menu-trigger" aria-expanded=${this.isOpen}></slot>
           <div
             part="overlay"
             class="overlay-container"

package/dist/chunks/md-23.js

@@ -7,7 +7,7 @@
             title="${this.title}"
           />
         </div>
-      `}};p([Object(s.property)({type:String})],t.prototype,"name",void 0),p([Object(s.property)({type:String})],t.prototype,"size",void 0),p([Object(s.property)({type:String})],t.prototype,"title",void 0),p([Object(s.property)({type:String})],t.prototype,"color",void 0),p([Object(s.property)({type:Boolean})],t.prototype,"isCircularWrapper",void 0),t=p([Object(i.a)("md-presence")],t),e.ELEMENT=t}(c||(c={}));var l=r(3),h=r(4),d=r(2),v=r(9),y=r(40);const m=(e,t)=>{let r="",a="",i=!0;if(t)r="warning",a="var(--mds-color-theme-indicator-attention)";else{if(!e||""===e)return{};switch(e){case"active":r="unread-badge_12",a="var(--avatar-presence-active)";break;case"meeting":r="camera-presence_14",a="var(--avatar-presence-unstable)",i=!1;break;case"schedule":r="meetings-presence_14",a="var(--avatar-presence-unstable)",i=!1;break;case"call":r="handset_16",a="var(--avatar-presence-unstable)",i=!1;break;case"dnd":r="dnd-presence_14",a="var(--avatar-presence-rona)";break;case"presenting":r="content-share_16",a="var(--avatar-presence-rona)",i=!1;break;case"quiet-hours":r="dnd-presence_14",a="var(--avatar-presence-inactive)";break;case"away":r="recents-presence_14",a="var(--avatar-presence-inactive)";break;case"ooo":r="pto_16",a="var(--avatar-presence-inactive)";break;case"busy":r="unread-badge_12",a="var(--avatar-presence-rona)";break;case"on-mobile":r="phone-ios_16",a="var(--avatar-presence-inactive)",i=!1;break;case"on-device":r="generic-device-video_16",a="var(--avatar-presence-inactive)",i=!1;break;case"on-hold":r="pause_16",a="var(--avatar-presence-inactive)",i=!1;break;case"engaged":r="unread-badge_12",a="var(--avatar-presence-engaged)";break;case"rona":r="unread-badge_12",a="var(--avatar-presence-rona)"}}return{presenceColor:a,presenceIcon:r,isCircularWrapper:i}};var g,u=function(e,t,r,a){var i,s=arguments.length,n=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,a);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(n=(s<3?i(n):s>3?i(t,r,n):i(t,r))||n);return s>3&&n&&Object.defineProperty(t,r,n),n},b=function(e,t,r,a){return new(r||(r=Promise))((function(i,s){function n(e){try{c(a.next(e))}catch(e){s(e)}}function o(e){try{c(a.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,o)}c((a=a.apply(e,t||[])).next())}))};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.iconName="",this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.isCircularWrapper=!1}static get styles(){return[a.a,n.a]}firstUpdated(){const{presenceColor:e,presenceIcon:t,isCircularWrapper:r}=m(this.type,!1);this.presenceColor=e,this.presenceIcon=t,this.isCircularWrapper=r}updated(e){if(e.has("type")){const{presenceColor:e,presenceIcon:t,isCircularWrapper:r}=m(this.type,!1);this.presenceColor=e,this.presenceIcon=t,this.isCircularWrapper=r}}get avatarClassMap(){return Object.assign(Object.assign({},!this.newMomentum&&this.type?{["md-avatar--"+this.type]:!0}:{}),{["md-avatar--"+this.size]:!!this.size})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,["md-avatar--"+this.color]:this.color}}get avatarStyleMap(){return{["md-avatar--"+this.color]:this.color}}get pretifyTitle(){if(this.title.length){const e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}}get chatIconName(){return this.size>=56?"chat-active_20":this.size>=40&&this.size<=56?"chat-active_18":this.size>=36&&this.size<=40?"chat-active_16":this.size>=28&&this.size<=36?"chat-active_14":"chat-active_12"}get avatarLetter(){return this.title?s.html`
+      `}};p([Object(s.property)({type:String})],t.prototype,"name",void 0),p([Object(s.property)({type:String})],t.prototype,"size",void 0),p([Object(s.property)({type:String})],t.prototype,"title",void 0),p([Object(s.property)({type:String})],t.prototype,"color",void 0),p([Object(s.property)({type:Boolean})],t.prototype,"isCircularWrapper",void 0),t=p([Object(i.a)("md-presence")],t),e.ELEMENT=t}(c||(c={}));var l=r(3),h=r(4),d=r(2),v=r(9),y=r(40);const m=(e,t)=>{let r="",a="",i=!0;if(t)r="warning",a="var(--mds-color-theme-indicator-attention)";else{if(!e||""===e)return{presenceIcon:void 0,presenceColor:void 0,isCircularWrapper:void 0};switch(e){case"active":r="unread-badge_12",a="var(--avatar-presence-active)";break;case"meeting":r="camera-presence_14",a="var(--avatar-presence-unstable)",i=!1;break;case"schedule":r="meetings-presence_14",a="var(--avatar-presence-unstable)",i=!1;break;case"call":r="handset_16",a="var(--avatar-presence-unstable)",i=!1;break;case"dnd":r="dnd-presence_14",a="var(--avatar-presence-rona)";break;case"presenting":r="content-share_16",a="var(--avatar-presence-rona)",i=!1;break;case"quiet-hours":r="dnd-presence_14",a="var(--avatar-presence-inactive)";break;case"away":r="recents-presence_14",a="var(--avatar-presence-inactive)";break;case"ooo":r="pto_16",a="var(--avatar-presence-inactive)";break;case"busy":r="unread-badge_12",a="var(--avatar-presence-rona)";break;case"on-mobile":r="phone-ios_16",a="var(--avatar-presence-inactive)",i=!1;break;case"on-device":r="generic-device-video_16",a="var(--avatar-presence-inactive)",i=!1;break;case"on-hold":r="pause_16",a="var(--avatar-presence-inactive)",i=!1;break;case"engaged":r="unread-badge_12",a="var(--avatar-presence-engaged)";break;case"rona":r="unread-badge_12",a="var(--avatar-presence-rona)"}}return{presenceColor:a,presenceIcon:r,isCircularWrapper:i}};var g,u=function(e,t,r,a){var i,s=arguments.length,n=s<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,r,a);else for(var o=e.length-1;o>=0;o--)(i=e[o])&&(n=(s<3?i(n):s>3?i(t,r,n):i(t,r))||n);return s>3&&n&&Object.defineProperty(t,r,n),n},b=function(e,t,r,a){return new(r||(r=Promise))((function(i,s){function n(e){try{c(a.next(e))}catch(e){s(e)}}function o(e){try{c(a.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?i(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(n,o)}c((a=a.apply(e,t||[])).next())}))};!function(e){let t=class extends s.LitElement{constructor(){super(...arguments),this.alt="",this.src="",this.label="",this.title="",this.color="",this.decrypting=!1,this.iconName="",this.type="",this.newMomentum=!1,this.typing=!1,this.size=40,this.hasNotification=!1,this.imageLoaded=!1,this.imageErrored=!1,this.presenceColor="",this.presenceIcon="",this.isCircularWrapper=!1}static get styles(){return[a.a,n.a]}firstUpdated(){const{presenceColor:e,presenceIcon:t,isCircularWrapper:r}=m(this.type,!1);this.presenceColor=e,this.presenceIcon=t,this.isCircularWrapper=r}updated(e){if(e.has("type")){const{presenceColor:e,presenceIcon:t,isCircularWrapper:r}=m(this.type,!1);this.presenceColor=e,this.presenceIcon=t,this.isCircularWrapper=r}}get avatarClassMap(){return Object.assign(Object.assign({},!this.newMomentum&&this.type?{["md-avatar--"+this.type]:!0}:{}),{["md-avatar--"+this.size]:!!this.size})}get avatarLetterClassMap(){return{"md-decrypting":this.decrypting,["md-avatar--"+this.color]:this.color}}get avatarStyleMap(){return{["md-avatar--"+this.color]:this.color}}get pretifyTitle(){if(this.title.length){const e=this.title.trim().split(" ");return 1===e.length?e[0].charAt(0):e[0].charAt(0)+e[e.length-1].charAt(0)}}get chatIconName(){return this.size>=56?"chat-active_20":this.size>=40&&this.size<=56?"chat-active_18":this.size>=36&&this.size<=40?"chat-active_16":this.size>=28&&this.size<=36?"chat-active_14":"chat-active_12"}get avatarLetter(){return this.title?s.html`
             <span class="md-avatar__letter ${Object(h.classMap)(this.avatarLetterClassMap)}"
               >${this.pretifyTitle}<slot></slot>
               ${"typing"===this.type||this.typing?s.html`

package/dist/index-entry.js

@@ -34,7 +34,7 @@
       `}};P([Object(T.property)({type:String})],t.prototype,"copyLocalization",void 0),P([Object(T.property)({type:String})],t.prototype,"copiedLocalization",void 0),P([Object(T.property)({type:String})],t.prototype,"method",void 0),P([Object(T.property)({type:String,attribute:"accept-language"})],t.prototype,"acceptLanguage",void 0),P([Object(T.property)({type:String})],t.prototype,"url",void 0),P([Object(T.query)("input[type='file']")],t.prototype,"input",void 0),P([Object(T.query)(".md-code-editor-code-block")],t.prototype,"codeBlock",void 0),P([Object(T.query)(".md-code-editor-url")],t.prototype,"codeUrl",void 0),P([Object(T.internalProperty)()],t.prototype,"disableCopyButton",void 0),P([Object(T.internalProperty)()],t.prototype,"acceptTypes",void 0),P([Object(T.internalProperty)()],t.prototype,"copied",void 0),P([Object(T.queryAssignedNodes)("code-block")],t.prototype,"slotNodes",void 0),P([Object(T.queryAssignedNodes)("code-url")],t.prototype,"slotUrl",void 0),t=P([Object(k.f)("md-code-editor")],t),e.ELEMENT=t}(o||(o={}));var B,M=r(79),A=r(91),D=r(113),E=r(41),S=r(71),I=r(74),z=r(72),U=r(73),$=r(92),N=r(93),R=r(114),_=r(115),F=r(77),G=r(75),H=r(94),V=r(95),K=r(15),W=r(1),J=r(6),Q=r(4),X=r(2),Y=T.css`:host{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;overflow:hidden}.md-grabber{align-content:center;align-items:center;display:inline-flex;flex-flow:row nowrap;justify-content:center;position:relative;gap:2px;background-color:var(--grabber-bg-color);border-color:var(--grabber-border-color);justify-content:center;align-items:center;cursor:pointer;transition:transform 150ms ease-in-out}.md-grabber.visible{transform:translate3d(0,0,0)}.md-grabber:hover{background-color:var(--grabber-hover-bg-color)}.md-grabber:active{background-color:var(--grabber-pressed-bg-color)}.md-grabber--leading,.md-grabber--trailing{width:var(--grabber-width,20px);height:40px;border-radius:0 var(--grabber-border-radius) var(--grabber-border-radius) 0;border:1px solid var(--grabber-border-color);border-left-width:0}.md-grabber--leading:not(.visible),.md-grabber--trailing:not(.visible){transform:translate3d(-100%,0,0)}.md-grabber--trailing{rotate:180deg}.md-grabber--bottom,.md-grabber--top{width:40px;height:var(--grabber-width,20px);border-radius:0 0 var(--grabber-border-radius) var(--grabber-border-radius);border:1px solid var(--grabber-border-color);border-top-width:0}.md-grabber--bottom:not(.visible),.md-grabber--top:not(.visible){transform:translate3d(0,-100%,0)}.md-grabber--bottom{rotate:180deg}.md-grabber md-icon,.md-grabber md-icon::part(icon){color:var(--grabber-text-color);width:fit-content;height:fit-content}.md-grabber--leading md-icon::part(icon){padding-top:3px}.md-grabber--trailing md-icon::part(icon){padding-bottom:3px}.md-grabber:focus::after{box-shadow:0 0 0 .125rem var(--md-default-focus-outline-color,#007aa3)}.md-grabber--disabled{background-color:rgba(0,0,0,0)}.md-grabber--disabled:active,.md-grabber--disabled:hover{background-color:rgba(0,0,0,0)}.md-grabber--disabled md-icon::part(icon){color:var(--button-disabled-text-color)}@media(forced-colors:active){:host{border:none}.md-grabber{background-color:ButtonFace}.md-grabber md-icon,.md-grabber md-icon::part(icon){color:ButtonText}.md-grabber:focus{outline:2px solid Highlight}.md-grabber--disabled{background-color:ButtonFace;color:GrayText}.md-grabber--disabled md-icon::part(icon){color:GrayText}.md-grabber--active md-icon::part(icon){color:ButtonText}}`,Z=function(e,t,r,o){var i,n=arguments.length,d=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)d=Reflect.decorate(e,t,r,o);else for(var c=e.length-1;c>=0;c--)(i=e[c])&&(d=(n<3?i(d):n>3?i(t,r,d):i(t,r))||d);return n>3&&d&&Object.defineProperty(t,r,d),d};!function(e){let t=class extends(Object(k.a)(T.LitElement)){constructor(){super(...arguments),this.label="Expand",this.checkedLabel="Collapse",this.hovered=!1,this.disabled=!1,this.checked=!1,this.visible=!0,this.alignment="leading"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get styles(){return[w.a,Y]}toggleGrabber(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new CustomEvent("grabber-toggled",{detail:{checked:this.checked},bubbles:!0,composed:!0})))}handleKeyDown(e){e.code!==W.b.Enter&&e.code!==W.b.Space||(e.preventDefault(),this.toggleGrabber())}handleMouseEnter(){this.hovered=!0,this.dispatchHoverEvent()}handleMouseLeave(){this.hovered=!1,this.dispatchHoverEvent()}dispatchHoverEvent(){this.dispatchEvent(new CustomEvent("grabber-hover-changed",{bubbles:!0,composed:!0,detail:{hovered:this.hovered}}))}get collapsed(){return!this.checked}get grabberClassMap(){return{"md-grabber--active":this.checked,"md-grabber--disabled":this.disabled,["md-grabber--"+this.alignment]:this.alignment,visible:this.visible||this.collapsed}}get iconName(){return"leading"===this.alignment||"trailing"===this.alignment?this.checked?"arrow-left-optical_12":"arrow-right-optical_12":this.checked?"arrow-up-optical_12":"arrow-down-optical_12"}render(){return T.html`
         <button
           class="md-grabber ${Object(Q.classMap)(this.grabberClassMap)}"
-          aria-checked=${this.checked}
+          aria-pressed=${this.checked}
           ?disabled=${this.disabled}
           tabindex="0"
           aria-label=${Object(X.ifDefined)(this.label.length?this.label:void 0)}

package/dist/types/components/avatar/Presence.utils.d.ts

@@ -1,6 +1,6 @@
 type ReturnType = {
-    presenceIcon?: string | undefined;
-    presenceColor?: string | undefined;
+    presenceIcon: string | undefined;
+    presenceColor: string | undefined;
     isCircularWrapper?: boolean;
 };
 export declare const getPresenceIconColor: (presenceType: string, failureBadge: boolean) => ReturnType;

package/dist/types/components/timepicker/TimePicker.d.ts

@@ -36,7 +36,7 @@ export declare namespace TimePicker {
         handleTimeBlur(event: CustomEvent, unit: TimePicker.TimeUnit): void;
         static get styles(): import("lit-element").CSSResult[];
         formatTimeUnit: (unit: TimePicker.TimeUnit) => void;
-        messageType: (isValid: boolean) => "error" | "";
+        messageType: (isValid: boolean) => "" | "error";
         generateTimeBox: (unit: TimePicker.TimeUnit) => import("lit-element").TemplateResult;
         generateAmPmComboBox: () => import("lit-element").TemplateResult;
         render(): import("lit-element").TemplateResult;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.13.2",
+  "version": "2.13.3",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",