@momentum-ui/web-components 2.23.7 → 2.23.9

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];
@@ -74,6 +72,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/datepicker/DatePicker.d.ts

@@ -46,6 +46,7 @@ export declare namespace DatePicker {
         compactInput?: boolean;
         controlButtons?: DatePickerControlButtons;
         positioningStrategy?: StrategyType;
+        showDefaultNowDate: boolean;
         selectedDate: DateTime;
         focusedDate: DateTime;
         filterDate: Function | undefined;
@@ -74,6 +75,7 @@ export declare namespace DatePicker {
         protected onApplyClick(): void;
         private renderControlButtons;
         protected getPlaceHolderString(): string;
+        protected getFormattedDate(date: DateTime): string | null;
         render(): TemplateResult;
     }
 }

package/dist/types/components/floating-button-bar/FloatingButtonBar.d.ts

@@ -1,5 +1,6 @@
 import "@/components/button/Button";
 import "@/components/icon/Icon";
+import "@/components/tooltip/Tooltip";
 import { LitElement } from "lit-element";
 import { TemplateResult } from "lit-html";
 export type FloatingButtonActionGroup = {

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

@@ -1,6 +1,7 @@
 import "@/components/icon/Icon";
 import { LitElement } from "lit-element";
-import { AvatarSize } from "./Avatar.constants";
+import { AvatarSize } from "../avatar/Avatar.constants";
+import { PresenceState } from "./Presence.utils";
 export declare namespace Presence {
     type Size = (typeof AvatarSize)[number];
     class ELEMENT extends LitElement {
@@ -8,7 +9,12 @@ export declare namespace Presence {
         size: Size;
         title: string;
         color: string;
+        presenceType: PresenceState;
+        newMomentum: boolean;
+        failurePresence: boolean;
+        avatarLinked: boolean;
         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,9 @@
 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 getPresenceIconColor: (presenceType: PresenceState, failureBadge: boolean, isMomentumDesign?: boolean) => ReturnType;
 export {};

package/dist/types/index.d.ts

@@ -65,6 +65,8 @@ 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 type { PresenceState } from "./components/presence/Presence.utils";
 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.7",
+  "version": "2.23.9",
   "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={}))}}]);