@momentum-ui/web-components 2.10.8-dev1.0 → 2.10.8-dev3

package/dist/chunks/md-36.js

@@ -50,13 +50,13 @@
         >
           <span><md-icon name=${e}></md-icon> </span>
         </button>
-      `}getSelectAllOption(){return c.html`
+      `}getSelectAllOption(){const t=this.checkForVirtualScroll()?", 1 of "+(this.options.length+1):"";return c.html`
         <div
           id="selectAll"
           part="combobox-option"
           class="md-combobox-option ${Object(h.classMap)(this.listItemOptionMap)}"
           @click=${this.handleSelectAll}
-          aria-label="${this.selectAllTextLocalization}, 1 of ${this.options.length+1}"
+          aria-label="${this.selectAllTextLocalization}${t}"
           aria-checked=${Object(p.ifDefined)(this.isSelectAllChecked?"true":void 0)}
           role="checkbox"
         >
@@ -91,14 +91,16 @@
               <span class="highlight-text">${t}</span>
             `:c.html`
               <span class="selected-label-text">${t}</span>
-            `)}addStyle(){const t=!this.expanded||this.options.length&&0===this.filteredOptions.length&&this.inputValue&&this.allowCustomValue;return this.checkForVirtualScroll()?Object(b.styleMap)({visibility:t?"hidden":"visible","z-index":t?"-1":"99",overflow:"hidden"}):Object(b.styleMap)({display:t?"none":"block","z-index":"99",overflow:"auto"})}renderItem(t,e){const i=this.allowSelectAll?e+2:e+1,o=this.allowSelectAll?this.options.length+1:this.options.length;return c.html`
+            `)}addStyle(){const t=!this.expanded||this.options.length&&0===this.filteredOptions.length&&this.inputValue&&this.allowCustomValue;return this.checkForVirtualScroll()?Object(b.styleMap)({visibility:t?"hidden":"visible","z-index":t?"-1":"99",overflow:"hidden"}):Object(b.styleMap)({display:t?"none":"block","z-index":"99",overflow:"auto"})}renderItem(t,e){const i=this.allowSelectAll?e+2:e+1,o=this.allowSelectAll?this.options.length+1:this.options.length,s=this.checkForVirtualScroll()?`, ${i} of ${o}`:"";return c.html`
         <div
           id=${this.getOptionId(t)}
           title="${this.getOptionValue(t)}"
           part="combobox-option"
           class="md-combobox-option"
-          role=${this.isMulti?"checkbox":void 0}
-          aria-label="${this.isCustomContent?this.getOptionId(t):this.getOptionValue(t)}, ${i} of ${o}"
+          aria-posinset=${i}
+          aria-setsize=${o}
+          role=${this.isMulti?"checkbox":"listitem"}
+          aria-label="${this.isCustomContent?this.getOptionId(t):this.getOptionValue(t)}${s}"
           tabindex="-1"
           @click=${this.handleListClick}
           aria-checked=${Object(p.ifDefined)(this.isMulti?this.isOptionChecked.call(this,t):void 0)}
@@ -155,8 +157,9 @@
                 <div
                   id="md-combobox-listbox"
                   part="combobox-options"
-                  aria-label=${this.ariaLabel||this.label}
+                  aria-label=${Object(p.ifDefined)(this.checkForVirtualScroll()?this.ariaLabel||this.label:void 0)}
                   style=${this.addStyle()}
+                  role=${Object(p.ifDefined)(this.checkForVirtualScroll()&&this.isMulti?void 0:"list")}
                 >
                   ${this.isMulti&&this.allowSelectAll&&this.expanded?this.getSelectAllOption():d.nothing}
                   ${this.checkForVirtualScroll()?0!==this.options.length&&this.filterOptions(this.trimSpace?this.inputValue.replace(/\s+/g,""):this.inputValue).length>0?c.html`

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

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

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.10.8-dev1.0",
+  "version": "2.10.8-dev3",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",