@momentum-ui/web-components 3.2.10 → 3.2.11

package/dist/types/components/avatar/Avatar.constants.d.ts

@@ -3,4 +3,5 @@ declare const AvatarStyle: readonly ["default", "table"];
 declare const AvatarChannelType: readonly ["channel-chat", "channel-chat-outbound", "channel-sms-inbound", "channel-sms-outbound", "channel-email-inbound", "channel-email-outbound", "channel-call", "channel-call-inbound", "channel-social", "channel-callback", "channel-callback-v2", "channel-headset", "channel-campaign", "channel-emoji", "channel-webex", "channel-fb-messenger", "channel-facebook", "channel-apple-chat", "channel-line", "channel-twitter-x", "channel-viber", "channel-whats-app", "channel-monitoring", "channel-we-chat", "channel-spam", "channel-custom", "channel-work-item"];
 declare const AvatarType: readonly ["bot", "group", "self", "typing", ""];
 declare const AvatarSize: number[];
-export { AvatarChannelType, AvatarSize, AvatarState, AvatarStyle, AvatarType };
+declare const PresenceLabelMap: Record<string, string>;
+export { AvatarChannelType, AvatarSize, AvatarState, AvatarStyle, AvatarType, PresenceLabelMap };

package/dist/types/components/avatar/Avatar.d.ts

@@ -33,6 +33,7 @@ export declare namespace Avatar {
         failurePresence: boolean;
         type: Type;
         presenceType?: PresenceState;
+        presenceAriaLabel: string;
         newMomentum: boolean;
         typing: boolean;
         size: Size;
@@ -62,6 +63,8 @@ export declare namespace Avatar {
         private presenceIcon;
         static get styles(): import("lit").CSSResult[];
         private isPresenceType;
+        private get presenceLabel();
+        private get computedAriaLabel();
         firstUpdated(): void;
         protected willUpdate(changedProperties: PropertyValues): void;
         protected updated(changedProperties: PropertyValues): void;

package/dist/types/components/floating-modal/FloatingModal.d.ts

@@ -20,6 +20,7 @@ export declare namespace FloatingModal {
         resizeAriaLabel: string;
         maximizeScreenLabel: string;
         minimizeAriaLabel: string;
+        moveAriaLabel: string;
         maximizable: boolean;
         resizable: boolean;
         private minimize;
@@ -40,16 +41,22 @@ export declare namespace FloatingModal {
         minimizedHeader: HTMLDivElement;
         headerSlot: HTMLSlotElement;
         private containerTransform;
+        private previouslyFocusedElement;
         private applyInitialPosition;
         static get styles(): import("lit").CSSResult[];
         protected updated(changedProperties: PropertyValues): void;
+        private getDeepActiveElementFromDocument;
+        private capturePreviouslyFocusedElement;
+        private focusModalOnOpen;
+        private restoreFocusAfterClose;
         private isNewPositionNotSame;
         private setInitialTargetPosition;
         private cleanContainerStyles;
         private getContainerTransform;
         private setContainerRect;
         private setInteractInstance;
-        handleClose(event: MouseEvent): void;
+        handleClose(event: Event): void;
+        private handleModalKeyDown;
         handleMinimize(): void;
         handleToggleExpandCollapse(): void;
         private resizeMoveListener;
@@ -59,6 +66,8 @@ export declare namespace FloatingModal {
         private dragMoveListener;
         private dragEndListener;
         private setTargetPosition;
+        private readonly MOVE_STEP;
+        private handleMoveKeyDown;
         private destroyInteractInstance;
         disconnectedCallback(): void;
         renderedCallback(): void;

package/dist/types/components/grabber/Grabber.d.ts

@@ -72,6 +72,7 @@ export declare namespace Grabber {
         handleFocus(): void;
         handleBlur(): void;
         dispatchHoverEvent(): void;
+        get currentLabel(): string;
         get collapsed(): boolean;
         get grabberClassMap(): {
             [x: string]: boolean | "leading" | "trailing" | "top" | "bottom";

package/dist/types/components/input/Input.d.ts

@@ -160,6 +160,7 @@ export declare namespace Input {
         };
         get ariaExpandedValue(): "true" | "false" | undefined;
         get hasRightIcon(): boolean;
+        private get effectiveAriaLabel();
         inputTemplate(): import("lit-html").TemplateResult<1>;
         inputLeftTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
         private get inputRightTemplateClassMap();

package/dist/types/components/tabs/Tabs.d.ts

@@ -108,6 +108,7 @@ export declare namespace Tabs {
          * @see https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/ariaControlsElements
          */
         private updateAriaControlsElements;
+        private getHiddenTabFocusTarget;
         private updateHiddenIdPositiveTabIndex;
         private sortTabsAndPanes;
         private linkPanelsAndTabs;

package/package.json

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

package/dist/4621.js

@@ -1,18 +0,0 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[4621],{1161(e,t,i){var s,n=i(9609),o=i(4084),a=i(7161),r=i(429),l=i(5125),p=i(1392),c=function(e,t,i,s){var n,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(n=e[r])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.size="",this.isAnimating=!1,this.animationFrameId=null}static get styles(){return[o.A,p.A]}firstUpdated(e){super.firstUpdated(e),this.isAnimating=!0,this.startAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.isAnimating=!1,this.stopAnimation()}startAnimation(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".md-loading__icon");if(!t)return;let i=null;const s=1400,n=e=>{if(!this.isAnimating)return;i||(i=e);const o=(e-i)%s;t.forEach((e,t)=>{const i=(o-200*t+s)%s;let n=0,a=.1;if(i<280){const e=.1+i/280*.9;n=e,a=e}else if(i<1400){const e=Math.min((i-280)/1120*2,1);n=Math.max(1-.9*e,.9),a=Math.max(1-.9*e,.2)}e.style.transform=`scale(${n})`,e.style.opacity=`${a}`}),this.animationFrameId=requestAnimationFrame(n)};this.animationFrameId=requestAnimationFrame(n)}stopAnimation(){var e;null!==this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null);const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".md-loading__icon");t&&t.forEach(e=>{e.style.transform="scale(0, 0)",e.style.opacity="0.1"})}get loadingClassMap(){return{[`md-loading--${this.size}`]:!!this.size}}get loadingIconClassMap(){return{"md-loading__icon":!0}}render(){return a.html`
-        <div class="md-loading ${(0,l.classMap)(this.loadingClassMap)}">
-          <span class=${(0,l.classMap)(this.loadingIconClassMap)}></span>
-          <span class=${(0,l.classMap)(this.loadingIconClassMap)}></span>
-          <span class=${(0,l.classMap)(this.loadingIconClassMap)}></span>
-        </div>
-      `}};c([(0,r.property)({type:String})],t.prototype,"size",void 0),t=c([(0,n.w)("md-loading")],t),e.ELEMENT=t}(s||(s={}))},3477(e,t,i){i(1821);var s,n=i(9609),o=i(4084),a=i(7161),r=i(429),l=i(5125),p=i(1618),c=i(4449),d=function(e,t,i,s){var n,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(n=e[r])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.name="",this.size=48,this.title="",this.color="",this.presenceType="",this.newMomentum=!1,this.failurePresence=!1,this.avatarLinked=!1}static get styles(){return[o.A,c.A]}get presenceClassMap(){return{"avatar-presence-wrapper":this.avatarLinked}}render(){if(this.presenceType){const{presenceIcon:e,presenceColor:t}=(0,p.E)(this.presenceType,this.failurePresence,this.newMomentum);this.name=e,this.color=t}return a.html`
-        <div class="${(0,l.classMap)(this.presenceClassMap)}" data-size=${this.size} data-icon-size=${this.size}>
-          <md-icon
-            name="${this.name}"
-            color="${this.color}"
-            size=${this.size}
-            title="${this.title}"
-            .iconSet=${"momentumDesign"}
-          >
-          </md-icon>
-        </div>
-      `}};d([(0,r.property)({type:String})],t.prototype,"name",void 0),d([(0,r.property)({type:Number})],t.prototype,"size",void 0),d([(0,r.property)({type:String})],t.prototype,"title",void 0),d([(0,r.property)({type:String})],t.prototype,"color",void 0),d([(0,r.property)({type:String,attribute:"presence-type"})],t.prototype,"presenceType",void 0),d([(0,r.property)({type:Boolean})],t.prototype,"newMomentum",void 0),d([(0,r.property)({type:Boolean})],t.prototype,"failurePresence",void 0),d([(0,r.property)({type:Boolean})],t.prototype,"avatarLinked",void 0),t=d([(0,n.w)("md-presence")],t),e.ELEMENT=t}(s||(s={}))}}]);

package/dist/esm/4621.js

@@ -1,18 +0,0 @@
-export const __webpack_esm_id__=4621;export const __webpack_esm_ids__=[1161,3477,4621];export const __webpack_esm_modules__={1161(e,t,i){var s,n=i(9609),o=i(4084),a=i(2927),r=i(8899),p=i(4955),l=i(1392),c=function(e,t,i,s){var n,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(n=e[r])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.size="",this.isAnimating=!1,this.animationFrameId=null}static get styles(){return[o.A,l.A]}firstUpdated(e){super.firstUpdated(e),this.isAnimating=!0,this.startAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.isAnimating=!1,this.stopAnimation()}startAnimation(){var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".md-loading__icon");if(!t)return;let i=null;const s=1400,n=e=>{if(!this.isAnimating)return;i||(i=e);const o=(e-i)%s;t.forEach((e,t)=>{const i=(o-200*t+s)%s;let n=0,a=.1;if(i<280){const e=.1+i/280*.9;n=e,a=e}else if(i<1400){const e=Math.min((i-280)/1120*2,1);n=Math.max(1-.9*e,.9),a=Math.max(1-.9*e,.2)}e.style.transform=`scale(${n})`,e.style.opacity=`${a}`}),this.animationFrameId=requestAnimationFrame(n)};this.animationFrameId=requestAnimationFrame(n)}stopAnimation(){var e;null!==this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null);const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelectorAll(".md-loading__icon");t&&t.forEach(e=>{e.style.transform="scale(0, 0)",e.style.opacity="0.1"})}get loadingClassMap(){return{[`md-loading--${this.size}`]:!!this.size}}get loadingIconClassMap(){return{"md-loading__icon":!0}}render(){return a.html`
-        <div class="md-loading ${(0,p.classMap)(this.loadingClassMap)}">
-          <span class=${(0,p.classMap)(this.loadingIconClassMap)}></span>
-          <span class=${(0,p.classMap)(this.loadingIconClassMap)}></span>
-          <span class=${(0,p.classMap)(this.loadingIconClassMap)}></span>
-        </div>
-      `}};c([(0,r.property)({type:String})],t.prototype,"size",void 0),t=c([(0,n.w)("md-loading")],t),e.ELEMENT=t}(s||(s={}))},3477(e,t,i){i(1821);var s,n=i(9609),o=i(4084),a=i(2927),r=i(8899),p=i(4955),l=i(1618),c=i(4449),d=function(e,t,i,s){var n,o=arguments.length,a=o<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,i,s);else for(var r=e.length-1;r>=0;r--)(n=e[r])&&(a=(o<3?n(a):o>3?n(t,i,a):n(t,i))||a);return o>3&&a&&Object.defineProperty(t,i,a),a};!function(e){let t=class extends a.LitElement{constructor(){super(...arguments),this.name="",this.size=48,this.title="",this.color="",this.presenceType="",this.newMomentum=!1,this.failurePresence=!1,this.avatarLinked=!1}static get styles(){return[o.A,c.A]}get presenceClassMap(){return{"avatar-presence-wrapper":this.avatarLinked}}render(){if(this.presenceType){const{presenceIcon:e,presenceColor:t}=(0,l.E)(this.presenceType,this.failurePresence,this.newMomentum);this.name=e,this.color=t}return a.html`
-        <div class="${(0,p.classMap)(this.presenceClassMap)}" data-size=${this.size} data-icon-size=${this.size}>
-          <md-icon
-            name="${this.name}"
-            color="${this.color}"
-            size=${this.size}
-            title="${this.title}"
-            .iconSet=${"momentumDesign"}
-          >
-          </md-icon>
-        </div>
-      `}};d([(0,r.property)({type:String})],t.prototype,"name",void 0),d([(0,r.property)({type:Number})],t.prototype,"size",void 0),d([(0,r.property)({type:String})],t.prototype,"title",void 0),d([(0,r.property)({type:String})],t.prototype,"color",void 0),d([(0,r.property)({type:String,attribute:"presence-type"})],t.prototype,"presenceType",void 0),d([(0,r.property)({type:Boolean})],t.prototype,"newMomentum",void 0),d([(0,r.property)({type:Boolean})],t.prototype,"failurePresence",void 0),d([(0,r.property)({type:Boolean})],t.prototype,"avatarLinked",void 0),t=d([(0,n.w)("md-presence")],t),e.ELEMENT=t}(s||(s={}))}};