@momentum-ui/web-components 3.0.0-beta.1 → 3.0.0-beta.3

package/dist/comp/md-alert-entry.js

@@ -80,7 +80,13 @@
           </div>
           ${this.closable?s.html`
                 <div class="md-alert__button">
-                  <md-button ariaLabel="${this.btnlabel}" hasRemoveStyle color="color-none" circle @click=${this.close}>
+                  <md-button
+                    ariaLabel="${this.btnlabel}"
+                    hasRemoveStyle
+                    color="color-none"
+                    circle
+                    @click=${()=>this.close()}
+                  >
                     <md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
                   </md-button>
                 </div>
@@ -138,7 +144,7 @@
                       hasRemoveStyle
                       color="color-none"
                       circle
-                      @click=${this.close}
+                      @click=${()=>this.close()}
                     >
                       <md-icon slot="icon" name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
                     </md-button>

package/dist/comp/md-chat-message-entry.js

@@ -14,8 +14,11 @@
               <div class="md-chat-message_title">
                 <span>${this.isSelfType?this.computedYouLabel:this.title}</span>
               </div>
-              ${this.clickableTimestamp?a.html`<md-link class="md-chat-message_time" 
-                          @click=${e=>{e.preventDefault(),this.timeStampClicked()}}>${this.time}</md-link>`:a.html`<div class="md-chat-message_time">${this.time}</div>`}
+              ${this.clickableTimestamp?a.html`<md-link
+                    class="md-chat-message_time"
+                    @click=${e=>{e.preventDefault(),this.timeStampClicked()}}
+                    >${this.time}</md-link
+                  >`:a.html`<div class="md-chat-message_time">${this.time}</div>`}
               <div class="md-chat-message_status">${this.status}</div>
               <div class="md-chat-message_custom_content">
                 <slot name="custom-content"></slot>

package/dist/comp/md-dropdown-entry.js

@@ -90,7 +90,7 @@
                   aria-label="${this.title}"
                   aria-controls="md-dropdown-list"
                   aria-haspopup="listbox"
-                  ?disabled="${this.disabled}"
+                  ?disabled=${this.disabled}
                   @click=${this.onLabelClick}
                   part="dropdown-header"
                   role="combobox"

package/dist/comp/md-radio-entry.js

@@ -15,7 +15,7 @@
             tabindex="-1"
             id="radio-label"
           />
-          <label for="radio-label" class="md-radio-label" part="radio-label">
+          <label for="radio-label" class="md-radio-label" part="radio-label" @click=${e=>e.preventDefault()}>
             <slot></slot>
           </label>
         </div>

package/dist/index-entry.js

@@ -797,7 +797,7 @@
                   aria-label="${this.title}"
                   aria-controls="md-dropdown-list"
                   aria-haspopup="listbox"
-                  ?disabled="${this.disabled}"
+                  ?disabled=${this.disabled}
                   @click=${this.onLabelClick}
                   part="dropdown-header"
                   role="combobox"
@@ -2086,7 +2086,13 @@
           </div>
           ${this.closable?a.html`
                 <div class="md-alert__button">
-                  <md-button ariaLabel="${this.btnlabel}" hasRemoveStyle color="color-none" circle @click=${this.close}>
+                  <md-button
+                    ariaLabel="${this.btnlabel}"
+                    hasRemoveStyle
+                    color="color-none"
+                    circle
+                    @click=${()=>this.close()}
+                  >
                     <md-icon slot="icon" name="cancel-bold" size="18" iconSet="momentumDesign"></md-icon>
                   </md-button>
                 </div>
@@ -2144,7 +2150,7 @@
                       hasRemoveStyle
                       color="color-none"
                       circle
-                      @click=${this.close}
+                      @click=${()=>this.close()}
                     >
                       <md-icon slot="icon" name="cancel-bold" size="16" iconSet="momentumDesign"></md-icon>
                     </md-button>
@@ -2339,7 +2345,7 @@
             tabindex="-1"
             id="radio-label"
           />
-          <label for="radio-label" class="md-radio-label" part="radio-label">
+          <label for="radio-label" class="md-radio-label" part="radio-label" @click=${t=>t.preventDefault()}>
             <slot></slot>
           </label>
         </div>
@@ -2578,8 +2584,11 @@
               <div class="md-chat-message_title">
                 <span>${this.isSelfType?this.computedYouLabel:this.title}</span>
               </div>
-              ${this.clickableTimestamp?a.html`<md-link class="md-chat-message_time" 
-                          @click=${t=>{t.preventDefault(),this.timeStampClicked()}}>${this.time}</md-link>`:a.html`<div class="md-chat-message_time">${this.time}</div>`}
+              ${this.clickableTimestamp?a.html`<md-link
+                    class="md-chat-message_time"
+                    @click=${t=>{t.preventDefault(),this.timeStampClicked()}}
+                    >${this.time}</md-link
+                  >`:a.html`<div class="md-chat-message_time">${this.time}</div>`}
               <div class="md-chat-message_status">${this.status}</div>
               <div class="md-chat-message_custom_content">
                 <slot name="custom-content"></slot>

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

@@ -75,7 +75,7 @@ export declare namespace Avatar {
         private get chatIconSize();
         private get presenceSize();
         private get iconSize();
-        get renderIsTyping(): typeof nothing | import("lit").TemplateResult<1>;
+        get renderIsTyping(): import("lit").TemplateResult<1> | typeof nothing;
         private get avatarLetter();
         private get avatarIcon();
         private get avatarImage();
@@ -85,8 +85,8 @@ export declare namespace Avatar {
         handleKeyDown(event: KeyboardEvent): void;
         handleClick(event: MouseEvent): void;
         private getBrandOrDesignIconSet;
-        get avatarContent(): typeof nothing | import("lit").TemplateResult<1>;
-        renderPresence(): typeof nothing | import("lit").TemplateResult<1>;
+        get avatarContent(): import("lit").TemplateResult<1> | typeof nothing;
+        renderPresence(): import("lit").TemplateResult<1> | typeof nothing;
         private renderAvatarContent;
         render(): import("lit").TemplateResult<1>;
     }

package/dist/types/components/badge/Badge.d.ts

@@ -31,7 +31,7 @@ export declare namespace Badge {
         renderTextColor: () => string | typeof nothing;
         renderHeight: () => string | typeof nothing;
         renderWidth: () => string | typeof nothing;
-        getStyles: () => typeof nothing | import("lit").TemplateResult<1>;
+        getStyles: () => import("lit").TemplateResult<1> | typeof nothing;
         static get styles(): import("lit").CSSResult[];
         private get computedAriaHiddenSplits();
         private get computedTabIndex();

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

@@ -124,10 +124,10 @@ export declare namespace Button {
         get slottedText(): string | null | undefined;
         get hasIcon(): boolean;
         iconTemplate: () => import("lit").TemplateResult<1>;
-        textTemplate: () => typeof nothing | import("lit").TemplateResult<1>;
+        textTemplate: () => import("lit").TemplateResult<1> | typeof nothing;
         childrenTemplate(): import("lit").TemplateResult<1>;
         get computedAriaExpand(): "true" | "false" | undefined;
-        buttonTemplate(tag: Button.Tag): typeof nothing | import("lit").TemplateResult<1>;
+        buttonTemplate(tag: Button.Tag): import("lit").TemplateResult<1> | typeof nothing;
         get buttonContainerClassMap(): {
             "md-button__container": boolean;
             "md-button__container--small": boolean;

package/dist/types/components/chip/Chip.d.ts

@@ -54,10 +54,10 @@ export declare namespace Chip {
         protected renderBgColor: () => string | typeof nothing;
         protected renderTextColor: () => string | typeof nothing;
         protected renderHeight: () => string | typeof nothing;
-        protected getStyles: () => typeof nothing | import("lit").TemplateResult<1>;
+        protected getStyles: () => import("lit").TemplateResult<1> | typeof nothing;
         static get styles(): import("lit").CSSResult[];
-        protected loadingTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-        protected iconTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+        protected loadingTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        protected iconTemplate(): import("lit").TemplateResult<1> | typeof nothing;
         getToolTipContent(): string;
         private get textContentClassMap();
         private get textContentTemplate();

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

@@ -199,7 +199,7 @@ export declare namespace ComboBox {
         arrowButtonTemplate(): TemplateResult<1>;
         groupArrowButtonTemplate(data: string): TemplateResult<1>;
         getSelectAllOption(): TemplateResult<1>;
-        getSelctedCount(): typeof nothing | TemplateResult<1>;
+        getSelctedCount(): TemplateResult<1> | typeof nothing;
         checkForVirtualScroll(): boolean;
         rangeChanged(): void;
         getCustomErrorContent(): DocumentFragment;
@@ -210,8 +210,8 @@ export declare namespace ComboBox {
         addStyle(): import("lit-html/development/directive").DirectiveResult<typeof import("lit/directives/style-map.js").StyleMapDirective>;
         readonly renderItem: (option: OptionMember | string, index: number) => TemplateResult;
         inputTitle(): string;
-        helpTextTemplate(): typeof nothing | TemplateResult<1>;
-        messagesTemplate(): typeof nothing | TemplateResult<1>;
+        helpTextTemplate(): TemplateResult<1> | typeof nothing;
+        messagesTemplate(): TemplateResult<1> | typeof nothing;
         get newArrowButtonTemplate(): TemplateResult<1>;
         get renderNewMomentumArrow(): TemplateResult;
         get renderTrailingInputControls(): TemplateResult;

package/dist/types/components/dropdown/Dropdown.d.ts

@@ -138,8 +138,8 @@ export declare namespace Dropdown {
         };
         handleInput(event: Event): void;
         private notifyInputValueChanged;
-        helpTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-        messagesTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+        helpTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        messagesTemplate(): import("lit").TemplateResult<1> | typeof nothing;
         iconTemplate(): import("lit").TemplateResult<1>;
         clearButtonTemplate(): import("lit").TemplateResult<1>;
         arrowButtonTemplate(): import("lit").TemplateResult<1>;

package/dist/types/components/editable-textfield/EditableTextfield.d.ts

@@ -40,7 +40,7 @@ export declare namespace EditableTextfield {
         showAlert(): void;
         static get styles(): CSSResultArray;
         get overflowStyles(): string | false | 0;
-        messagesTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+        messagesTemplate(): import("lit").TemplateResult<1> | typeof nothing;
         render(): import("lit").TemplateResult<1>;
     }
 }

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

@@ -158,14 +158,14 @@ export declare namespace Input {
         get ariaExpandedValue(): "true" | "false" | undefined;
         get hasRightIcon(): boolean;
         inputTemplate(): import("lit").TemplateResult<1>;
-        inputLeftTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+        inputLeftTemplate(): import("lit").TemplateResult<1> | typeof nothing;
         private get inputRightTemplateClassMap();
         inputRightTemplate(): import("lit").TemplateResult<1> | undefined;
         private get comboBoxButtonTemplate();
-        secondaryLabelTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-        helpTextTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-        messagesTemplate(): typeof nothing | import("lit").TemplateResult<1>;
-        labelTemplate(): typeof nothing | import("lit").TemplateResult<1>;
+        secondaryLabelTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        helpTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        messagesTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        labelTemplate(): import("lit").TemplateResult<1> | typeof nothing;
         static get styles(): import("lit").CSSResult[];
         render(): import("lit").TemplateResult<1>;
     }

package/dist/types/components/taskitem/TaskItem.utils.d.ts

@@ -5,4 +5,4 @@ export declare const getChannelAvatar: (selected: boolean, status: string | null
 export declare const renderTaskType: (mediaType: string, selected: boolean, status: string | null, iconSrc: string) => TemplateResult<1>;
 export declare const renderStatus: (status: string) => TemplateResult<1>;
 export declare const renderLegacyTaskType: (mediaType: string, selected: boolean, iconSrc: string) => TemplateResult<1>;
-export declare const renderChatCount: (quantity: number, isRestyle: boolean, element: HTMLElement) => typeof nothing | TemplateResult<1>;
+export declare const renderChatCount: (quantity: number, isRestyle: boolean, element: HTMLElement) => TemplateResult<1> | typeof nothing;

package/dist/types/internal-components/color-table/ColorTable.d.ts

@@ -3,7 +3,7 @@ import { LitElement, nothing, PropertyValues } from "lit";
 export declare class ColorTableSandbox extends LitElement {
     private colorTokenTableData;
     firstUpdated(changedProperties: PropertyValues): void;
-    renderColorTable(): typeof nothing | import("lit").TemplateResult<1>;
+    renderColorTable(): import("lit").TemplateResult<1> | typeof nothing;
     static get styles(): import("lit").CSSResult[];
     render(): import("lit").TemplateResult<1>;
 }

package/package.json

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