@momentum-ui/web-components 2.23.6 → 2.23.8

package/dist/index.js

@@ -1 +1 @@
-require("./7678"),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("./6700"),require("./6795"),require("./528"),require("./4548"),require("./76"),require("./1392"),require("./9164"),require("./8004"),require("./1214"),require("./1625"),require("./3625"),require("./6067"),require("./8841"),require("./3112"),require("./3866"),require("./1107"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./8612"),require("./9618"),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("./4392"),require("./630"),require("./3604"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./7997"),require("./6953"),require("./7875"),require("./7833"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");
+require("./7678"),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("./6795"),require("./8923"),require("./4548"),require("./76"),require("./1392"),require("./9164"),require("./8004"),require("./1214"),require("./1625"),require("./3625"),require("./6067"),require("./8841"),require("./3112"),require("./3866"),require("./1107"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./8612"),require("./9618"),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("./4392"),require("./630"),require("./3604"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./7997"),require("./6953"),require("./7875"),require("./7833"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");

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

@@ -5,15 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import "@/components/avatar/Presence";
 import "@/components/icon/Icon";
 import "@/components/loading/Loading";
+import "@/components/presence/Presence";
 import { LitElement, PropertyValues } from "lit-element";
+import { PresenceState } from "../presence/Presence.utils";
 import { AvatarChannelType, AvatarSize, AvatarState, AvatarStyle, AvatarType } from "./Avatar.constants";
-import { PresenceType } from "./Presence.utils";
-import { TaskItem } from "../taskitem/TaskItem";
 export declare namespace Avatar {
-    type PresenceState = (typeof PresenceType)[number] | TaskItem.TaskItemStatus;
     type ChannelType = (typeof AvatarChannelType)[number];
     type Type = (typeof AvatarType)[number] | PresenceState | ChannelType;
     type Size = (typeof AvatarSize)[number];
@@ -60,10 +58,7 @@ export declare namespace Avatar {
         state: State;
         private imageLoaded;
         private imageErrored;
-        private presenceColor;
-        private presenceIcon;
         static get styles(): import("lit-element").CSSResult[];
-        private isPresenceType;
         firstUpdated(): void;
         updated(changedProperties: PropertyValues): void;
         private get avatarClassMap();
@@ -74,6 +69,7 @@ export declare namespace Avatar {
         private readonly iconNameMap;
         private getIconName;
         private get chatIconSize();
+        private get presenceSize();
         private get iconSize();
         get renderIsTyping(): {};
         private get avatarLetter();

package/dist/types/components/button/Button.d.ts

@@ -11,7 +11,7 @@ export declare const buttonSize: readonly ["20", "24", "28", "32", "36", "40", "
 export declare const buttonTag: readonly ["button", "input", "a"];
 export declare const buttonType: readonly ["button", "reset", "submit"];
 export declare const buttonRoles: readonly ["button", "checkbox", "link", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "radio", "switch", "tab"];
-export declare const buttonVariant: readonly ["primary", "secondary", "red", "green", "ghost", "ghostInheritTextColor", "white", "darkGrey", "promotional", "tab", "available", "unavailable", "engaged", "idle", "inverted-primary", "inverted-secondary", "dropdown", "secondary-negative", "secondary-positive", "secondary-accent"];
+export declare const buttonVariant: readonly ["primary", "secondary", "red", "green", "ghost", "ghostInheritTextColor", "white", "darkGrey", "promotional", "tab", "available", "unavailable", "engaged", "idle", "inverted-primary", "inverted-secondary", "inverted-ghost", "dropdown", "secondary-negative", "secondary-positive", "secondary-accent"];
 export declare const buttonColor: readonly ["blue", "red", "green", "orange", "yellow", "mint", "purple", "pink", "cyan", "white", "dark-gray", "duck-egg", "violet", "color-none", ""];
 export declare const buttonAriaLive: readonly ["", "off", "polite", "assertive"];
 export declare namespace Button {

package/dist/types/components/combobox/ComboBox.d.ts

@@ -204,7 +204,7 @@ export declare namespace ComboBox {
         checkForVirtualScroll(): boolean;
         rangeChanged(): void;
         getCustomErrorContent(): DocumentFragment;
-        getCustomContent(option: string | OptionMember): TemplateResult | DocumentFragment;
+        getCustomContent(option: string | OptionMember): DocumentFragment | TemplateResult;
         renderGroupLabelHeader(option: OptionMember, optionIndex: number): TemplateResult;
         renderWithoutVirtualScroll(): import("lit-html").DirectiveFn;
         highlightingSearchedText(option: OptionMember | string): TemplateResult[];

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

@@ -81,7 +81,7 @@ export declare namespace Grabber {
             visible: boolean;
         };
         private get grabberContainerClassMap();
-        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-left-bold" | "arrow-right-bold";
+        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "arrow-left-bold" | "arrow-right-bold" | "list-menu-bold";
         get iconSize(): "10" | "12";
         render(): import("lit-element").TemplateResult;
     }

package/dist/types/components/{avatar → presence}/Presence.d.ts

@@ -1,14 +1,18 @@
 import "@/components/icon/Icon";
 import { LitElement } from "lit-element";
-import { AvatarSize } from "./Avatar.constants";
+import { PresenceState } from "./Presence.utils";
 export declare namespace Presence {
-    type Size = (typeof AvatarSize)[number];
     class ELEMENT extends LitElement {
-        name: string;
-        size: Size;
+        size: number;
         title: string;
-        color: string;
+        presenceType: PresenceState;
+        newMomentum: boolean;
+        failurePresence: boolean;
+        avatarLinked: boolean;
+        private presenceColor;
+        private presenceIcon;
         static get styles(): import("lit-element").CSSResult[];
+        private get presenceClassMap();
         render(): import("lit-element").TemplateResult;
     }
 }

package/dist/types/components/{avatar → presence}/Presence.utils.d.ts

@@ -1,9 +1,10 @@
 import { TaskItem } from "../taskitem/TaskItem";
+export type PresenceState = (typeof PresenceType)[number] | TaskItem.TaskItemStatus;
 type ReturnType = {
     presenceIcon: string | undefined;
     presenceColor: string | undefined;
 };
 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", ""];
-export declare const getPresenceIconColor: (presenceType: (typeof PresenceType)[number] | TaskItem.TaskItemStatus, failureBadge: boolean, isMomentumDesign?: boolean) => ReturnType;
-export declare function getPresenceSize(size: number): number;
+export declare const isPresenceType: (value: string) => value is PresenceState;
+export declare const getPresenceIconColor: (presenceType: PresenceState, failureBadge: boolean, isMomentumDesign?: boolean) => ReturnType;
 export {};

package/dist/types/index.d.ts

@@ -65,6 +65,7 @@ export { Modal } from "./components/modal/Modal";
 export { Pagination } from "./components/pagination/Pagination";
 export { PhoneInput } from "./components/phone-input/PhoneInput";
 export { Popover, PopoverController } from "./components/popover/Popover";
+export { Presence } from "./components/presence/Presence";
 export { ProgressBar } from "./components/progress-bar/ProgressBar";
 export { Radio } from "./components/radio/Radio";
 export { RadioGroup } from "./components/radio/RadioGroup";

package/package.json

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

package/dist/528.js

@@ -1,12 +0,0 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[528],{22887:(e,a,r)=>{r.d(a,{D8:()=>s,E0:()=>c,eO:()=>n});var t=r(31465);const n=["active","meeting","schedule","call","dnd","presenting","quiet-hours","away","idle","inactive","away-calling","ooo","busy","on-mobile","on-device","on-hold","engaged","rona",""],c=(e,a,r=!1)=>{let n="",c="";if(a)n="warning-badge-filled",c="var(--mds-color-theme-indicator-attention)";else{if(!e)return{presenceIcon:void 0,presenceColor:void 0};switch(e){case"active":n="active-presence-small-filled",c="var(--avatar-presence-active)";break;case"meeting":n=r?"camera-presence-filled":"camera-presence_14",c="var(--avatar-presence-unstable)";break;case"schedule":n=r?"meetings-presence-badge-filled":"meetings-presence_14",c="var(--avatar-presence-unstable)";break;case"call":n=r?"handset-filled":"handset-active_16",c="var(--avatar-presence-unstable)";break;case"dnd":n=r?"dnd-presence-badge-filled":"dnd-presence_14",c="var(--avatar-presence-dnd)";break;case"presenting":n=r?"share-screen-badge-filled":"content-share_14",c="var(--avatar-presence-dnd)";break;case"quiet-hours":n="quiet-hours-presence-filled",c="var(--avatar-presence-inactive)";break;case"away":case"idle":case"inactive":n=r?"recents-presence-badge-filled":"recents-presence_14",c="var(--avatar-presence-inactive)";break;case"away-calling":n="away-calling-presence-filled",c="var(--avatar-presence-inactive)";break;case"ooo":n="pto-presence-filled",c="var(--avatar-presence-inactive)";break;case"busy":n="busy-presence-bold",c="var(--avatar-presence-unstable)";break;case"on-mobile":n="phone-filled",c="var(--avatar-presence-inactive)";break;case"on-device":n=r?"generic-device-video-filled":"generic-device-video_16",c="var(--avatar-presence-inactive)";break;case"on-hold":case t.j.HOLD:n="pause-badge-filled",c="var(--avatar-presence-inactive)";break;case"engaged":n="busy-presence-bold",c="var(--avatar-presence-engaged)";break;case"rona":n="dnd-presence-badge-filled",c="var(--avatar-presence-rona)";break;case t.j.CONSULTING:n="headset-bold",c="var(--avatar-presence-inactive)";break;case t.j.PLAY:n="play-bold",c="var(--avatar-presence-inactive)";break;case t.j.CONFERENCE:n="meet-bold",c="var(--avatar-presence-inactive)";break;case t.j.TRANSFERED:n="assign-privilege-bold",c="var(--avatar-presence-inactive)";break;case t.j.COURTESY_CALLBACK:n="callrate-bold",c="var(--avatar-presence-inactive)";break;case t.j.CAMPAIGN:n="announcement-bold",c="var(--avatar-presence-inactive)"}}return{presenceColor:c,presenceIcon:n}};function s(e){return e<=24?10.5:e<=32?14:e<=48?13.94:e<=64?18.58:e<=72?20.9:e<=88?25.55:36}},80528:(e,a,r)=>{r(61200);var t,n=r(31890),c=r(26272),s=r(41488),i=r(22887),o=r(3553),l=function(e,a,r,t){var n,c=arguments.length,s=c<3?a:null===t?t=Object.getOwnPropertyDescriptor(a,r):t;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,a,r,t);else for(var i=e.length-1;i>=0;i--)(n=e[i])&&(s=(c<3?n(s):c>3?n(a,r,s):n(a,r))||s);return c>3&&s&&Object.defineProperty(a,r,s),s};!function(e){let a=class extends s.LitElement{constructor(){super(...arguments),this.name="",this.size=48,this.title="",this.color=""}static get styles(){return[c.A,o.A]}render(){const e=(0,i.D8)(this.size);return s.html`
-        <div class="avatar-presence-wrapper" data-size=${this.size} data-icon-size=${e}>
-          <md-icon
-            name="${this.name}"
-            color="${this.color}"
-            size=${e}
-            title="${this.title}"
-            .iconSet=${"momentumDesign"}
-          >
-          </md-icon>
-        </div>
-      `}};l([(0,s.property)({type:String})],a.prototype,"name",void 0),l([(0,s.property)({type:Number})],a.prototype,"size",void 0),l([(0,s.property)({type:String})],a.prototype,"title",void 0),l([(0,s.property)({type:String})],a.prototype,"color",void 0),a=l([(0,n.w)("md-presence")],a),e.ELEMENT=a}(t||(t={}))}}]);

package/dist/9788.js

@@ -1,7 +0,0 @@
-"use strict";(self["momentum-web-components-[id]"]=self["momentum-web-components-[id]"]||[]).push([[9788],{69788:(t,s,n)=>{var i,a=n(31890),e=n(26272),o=n(41488),l=n(17518),r=n(76700),c=function(t,s,n,i){var a,e=arguments.length,o=e<3?s:null===i?i=Object.getOwnPropertyDescriptor(s,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,s,n,i);else for(var l=t.length-1;l>=0;l--)(a=t[l])&&(o=(e<3?a(o):e>3?a(s,n,o):a(s,n))||o);return e>3&&o&&Object.defineProperty(s,n,o),o};!function(t){let s=class extends o.LitElement{constructor(){super(...arguments),this.size="",this.isAnimating=!1,this.animationFrameId=null}static get styles(){return[e.A,r.A]}firstUpdated(t){super.firstUpdated(t),this.isAnimating=!0,this.startAnimation()}disconnectedCallback(){super.disconnectedCallback(),this.isAnimating=!1,this.stopAnimation()}startAnimation(){var t;const s=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".md-loading__icon");if(!s)return;let n=null;const i=1400,a=t=>{if(!this.isAnimating)return;n||(n=t);const e=(t-n)%i;s.forEach(((t,s)=>{const n=(e-200*s+i)%i;let a=0,o=.1;if(n<280){const t=.1+n/280*.9;a=t,o=t}else if(n<1400){const t=Math.min((n-280)/1120*2,1);a=Math.max(1-.9*t,.9),o=Math.max(1-.9*t,.2)}t.style.transform=`scale(${a})`,t.style.opacity=`${o}`})),this.animationFrameId=requestAnimationFrame(a)};this.animationFrameId=requestAnimationFrame(a)}stopAnimation(){var t;null!==this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null);const s=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelectorAll(".md-loading__icon");s&&s.forEach((t=>{t.style.transform="scale(0, 0)",t.style.opacity="0.1"}))}get loadingClassMap(){return{[`md-loading--${this.size}`]:!!this.size}}get loadingIconClassMap(){return{"md-loading__icon":!0}}render(){return o.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,o.property)({type:String})],s.prototype,"size",void 0),s=c([(0,a.w)("md-loading")],s),t.ELEMENT=s}(i||(i={}))}}]);