@tylertech/forge 3.9.0 → 3.9.2

package/esm/list-dropdown/list-dropdown-core.js

@@ -157,7 +157,7 @@ export class ListDropdownCore {
     handleKey(key) {
         switch (key) {
             case 'Enter':
-            case 'NumpadEnter':
+            case 'NumpadEnter': {
                 const activeOptionIndex = this.getActiveOptionIndex();
                 const activeOption = this._nonDividerOptions[activeOptionIndex];
                 if (this._canSelectOption(activeOption)) {
@@ -167,10 +167,11 @@ export class ListDropdownCore {
                     }
                 }
                 break;
+            }
             case 'Up':
             case 'ArrowUp':
             case 'Down':
-            case 'ArrowDown':
+            case 'ArrowDown': {
                 const options = this._nonDividerOptions;
                 if (options.length && options.every(o => !this._canSelectOption(o))) {
                     return;
@@ -178,6 +179,7 @@ export class ListDropdownCore {
                 const index = this._getNextActiveOptionIndex(key);
                 this.activateOption(index);
                 break;
+            }
             case 'Home':
                 this.activateFirstOption();
                 break;

package/esm/list-dropdown/list-dropdown-utils.js

@@ -285,7 +285,7 @@ export function createListItems(config, listElement, options, startIndex = 0, re
             if (!option.disabled && typeof config.cascadingElementFactory === 'function' && Array.isArray(option.options) && option.options.length) {
                 // Create the trailing indicator icon to show that a child menu exists for this option.
                 const optionIconElement = document.createElement('forge-icon');
-                optionIconElement.name = 'arrow_right';
+                optionIconElement.name = 'arrow_right_alt';
                 optionIconElement.slot = 'trailing';
                 listItemElement.appendChild(optionIconElement);
                 const nonDividerOptions = flatOptions.filter(o => !o.divider);
@@ -387,8 +387,11 @@ function getOptionsByGroup(options) {
  * @param type The type of option to detect.
  */
 export function isListDropdownOptionType(options, type) {
-    const isOptionGroups = options.some((o) => isDefined(o) && isObject(o) && o.hasOwnProperty('options') && (o.hasOwnProperty('text') || o.hasOwnProperty('builder')));
-    const isOptionTypes = options.some((o) => isDefined(o) && isObject(o) && o.hasOwnProperty('label') && o.hasOwnProperty('value'));
+    const isOptionGroups = options.some((o) => isDefined(o) &&
+        isObject(o) &&
+        Object.prototype.hasOwnProperty.call(o, 'options') &&
+        (Object.prototype.hasOwnProperty.call(o, 'text') || Object.prototype.hasOwnProperty.call(o, 'builder')));
+    const isOptionTypes = options.some((o) => isDefined(o) && isObject(o) && Object.prototype.hasOwnProperty.call(o, 'label') && Object.prototype.hasOwnProperty.call(o, 'value'));
     return (isOptionGroups && type === ListDropdownOptionType.Group) || (isOptionTypes && type === ListDropdownOptionType.Option);
 }
 export function getFlattenedOptions(options) {

package/esm/menu/menu-core.js

@@ -88,9 +88,7 @@ export class MenuCore extends CascadingListDropdownAwareCore {
     }
     _flattenOptions(options) {
         if (isListDropdownOptionType(options, ListDropdownOptionType.Group)) {
-            return options.reduce((previousValue, currentValue) => {
-                return currentValue.options ? previousValue.concat(currentValue.options) : previousValue;
-            }, []);
+            return options.reduce((previousValue, currentValue) => (currentValue.options ? previousValue.concat(currentValue.options) : previousValue), []);
         }
         return options;
     }
@@ -147,7 +145,7 @@ export class MenuCore extends CascadingListDropdownAwareCore {
                     this._adapter.propagateKey(evt.code);
                 }
                 break;
-            case 'Enter':
+            case 'Enter': {
                 evt.preventDefault();
                 if (!this._open) {
                     evt.preventDefault();
@@ -163,6 +161,7 @@ export class MenuCore extends CascadingListDropdownAwareCore {
                     this._adapter.toggleChildMenu(activeIndex);
                 }
                 break;
+            }
             case 'ArrowUp':
             case 'ArrowDown':
                 if (this._open) {
@@ -184,7 +183,7 @@ export class MenuCore extends CascadingListDropdownAwareCore {
                     this._closeDropdown();
                 }
                 break;
-            case 'ArrowRight':
+            case 'ArrowRight': {
                 if (this._open) {
                     evt.stopImmediatePropagation();
                 }
@@ -198,6 +197,7 @@ export class MenuCore extends CascadingListDropdownAwareCore {
                     return;
                 }
                 break;
+            }
         }
     }
     async _openMenu({ fromKeyboard } = {}) {
@@ -220,7 +220,6 @@ export class MenuCore extends CascadingListDropdownAwareCore {
         const selectedValues = this._persistSelection ? this._getSelectedValues() : [];
         const config = {
             id: this._identifier,
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             referenceElement: this._adapter.targetElement,
             type: ListDropdownType.Menu,
             options: this._options,

package/esm/menu/menu.js

@@ -5,7 +5,7 @@
  */
 import { __decorate } from "tslib";
 import { attachShadowTemplate, coerceBoolean, customElement, ensureChild, coreProperty, isDefined } from '@tylertech/forge-core';
-import { tylIconArrowRight } from '@tylertech/tyler-icons';
+import { tylIconArrowRightAlt } from '@tylertech/tyler-icons';
 import { IconRegistry } from '../icon';
 import { ListComponent } from '../list';
 import { ListDropdownAware } from '../list-dropdown/list-dropdown-aware';
@@ -43,7 +43,7 @@ let MenuComponent = class MenuComponent extends ListDropdownAware {
     }
     constructor() {
         super();
-        IconRegistry.define(tylIconArrowRight);
+        IconRegistry.define(tylIconArrowRightAlt);
         this._core = new MenuCore(new MenuAdapter(this));
         attachShadowTemplate(this, template, styles);
     }

package/esm/overlay/overlay-constants.d.ts

@@ -48,7 +48,7 @@ export declare const OVERLAY_CONSTANTS: {
         readonly DESCENDANT_TEST: "forge-overlay-descendant-test";
     };
     defaults: {
-        readonly HIDE: "anchor-hidden";
+        readonly HIDE: "never";
         readonly FLIP: "auto";
         readonly SHIFT: "auto";
     };

package/esm/overlay/overlay-constants.js

@@ -37,7 +37,7 @@ const events = {
     DESCENDANT_TEST: `${elementName}-descendant-test`
 };
 const defaults = {
-    HIDE: 'anchor-hidden',
+    HIDE: 'never',
     FLIP: 'auto',
     SHIFT: 'auto'
 };

package/esm/overlay/overlay.d.ts

@@ -40,7 +40,7 @@ declare global {
  * @property {OverlayPositionStrategy} [positionStrategy="fixed"] - The positioning strategy to use for the overlay. Valid values are `'fixed'` and `'absolute'`.
  * @property {IOverlayPosition} offset - The offset to apply to the overlay position relative to the anchor element.
  * @property {OverlayShiftState} [shift="auto"] - Whether or not the anchor element should shift along the side of the overlay when scrolling.
- * @property {OverlayHideState} [hide="anchor-hidden"] - Whether or not the overlay should hide itself when the anchor element is out of view.
+ * @property {OverlayHideState} [hide="never"] - Whether or not the overlay should hide itself when the anchor element is out of view.
  * @property {boolean} persistent - Whether or not the overlay handles light dismiss itself or not.
  * @property {OverlayFlipState} [flip="auto"] - Whether or not the overlay should flip to the opposite placement when not enough room.
  * @property {string} boundary - The id of the element to use as the boundary for the overlay.
@@ -62,7 +62,7 @@ declare global {
  * @attribute {string} [inline=false] - Whether or not the overlay should be rendered inline (not in the :top-layer).
  * @attribute {string} [placement="bottom"] - The placement of the overlay relative to the anchor element.
  * @attribute {string} [position-strategy="fixed"] - The positioning strategy to use for the overlay. Valid values are `'fixed'` and `'absolute'`.
- * @attribute {string} [hide="anchor-hidden"] - Whether or not the overlay should hide itself when the anchor element is out of view.
+ * @attribute {string} [hide="never"] - Whether or not the overlay should hide itself when the anchor element is out of view.
  * @attribute {string} persistent - Whether or not the overlay handles light dismiss itself or not.
  * @attribute {OverlayShiftState} [shift="auto"] - Whether or not the anchor element should shift along the side of the overlay when scrolling.
  * @attribute {OverlayFlipState} [flip="auto"] - Tells the overlay not to flip to the opposite placement when not enough room.

package/esm/overlay/overlay.js

@@ -34,7 +34,7 @@ const styles = ':host{display:contents}:host([hidden]){display:none}.forge-overl
  * @property {OverlayPositionStrategy} [positionStrategy="fixed"] - The positioning strategy to use for the overlay. Valid values are `'fixed'` and `'absolute'`.
  * @property {IOverlayPosition} offset - The offset to apply to the overlay position relative to the anchor element.
  * @property {OverlayShiftState} [shift="auto"] - Whether or not the anchor element should shift along the side of the overlay when scrolling.
- * @property {OverlayHideState} [hide="anchor-hidden"] - Whether or not the overlay should hide itself when the anchor element is out of view.
+ * @property {OverlayHideState} [hide="never"] - Whether or not the overlay should hide itself when the anchor element is out of view.
  * @property {boolean} persistent - Whether or not the overlay handles light dismiss itself or not.
  * @property {OverlayFlipState} [flip="auto"] - Whether or not the overlay should flip to the opposite placement when not enough room.
  * @property {string} boundary - The id of the element to use as the boundary for the overlay.
@@ -56,7 +56,7 @@ const styles = ':host{display:contents}:host([hidden]){display:none}.forge-overl
  * @attribute {string} [inline=false] - Whether or not the overlay should be rendered inline (not in the :top-layer).
  * @attribute {string} [placement="bottom"] - The placement of the overlay relative to the anchor element.
  * @attribute {string} [position-strategy="fixed"] - The positioning strategy to use for the overlay. Valid values are `'fixed'` and `'absolute'`.
- * @attribute {string} [hide="anchor-hidden"] - Whether or not the overlay should hide itself when the anchor element is out of view.
+ * @attribute {string} [hide="never"] - Whether or not the overlay should hide itself when the anchor element is out of view.
  * @attribute {string} persistent - Whether or not the overlay handles light dismiss itself or not.
  * @attribute {OverlayShiftState} [shift="auto"] - Whether or not the anchor element should shift along the side of the overlay when scrolling.
  * @attribute {OverlayFlipState} [flip="auto"] - Tells the overlay not to flip to the opposite placement when not enough room.

package/esm/select/core/base-select-adapter.js

@@ -45,7 +45,6 @@ export class BaseSelectAdapter extends BaseAdapter {
                 optionClass = optionClass.split(' ');
             }
             return {
-                // eslint-disable-next-line @typescript-eslint/no-extra-parens
                 label: o.hasAttribute(OPTION_CONSTANTS.attributes.LABEL)
                     ? o.getAttribute(OPTION_CONSTANTS.attributes.LABEL)
                     : isDefined(o.label)

package/esm/select/core/base-select-core.js

@@ -73,7 +73,7 @@ export class BaseSelectCore extends ListDropdownAwareCore {
     }
     get _flatOptions() {
         if (isSelectOptionType(this._options, SelectOptionType.Group)) {
-            return [].concat.apply([], this._options.map(g => g.options));
+            return this._options.flatMap(g => g.options);
         }
         return this._options;
     }
@@ -162,84 +162,82 @@ export class BaseSelectCore extends ListDropdownAwareCore {
      * @param {number} optionIndex The index of the selected option.
      */
     async _onSelect(option, optionIndex, closeDropdown = true) {
-        return new Promise(async (resolve) => {
-            if (this._valueChanging) {
-                return Promise.resolve(false);
-            }
-            const value = option ? option.value : '';
-            const label = option ? option.label : '';
-            // Store the current selections in case we need to rollback (if the event was cancelled)
-            const prevValues = [...this._value];
-            const prevSelectedValues = [...this._selectedValues];
-            const prevSelectedLabels = [...this._selectedLabels];
-            const prevSelectedIndexes = [...this._selectedIndexes];
-            if (this._multiple) {
-                if (this._selectedValues.includes(value)) {
-                    const index = this._selectedValues.indexOf(value);
-                    this._selectedValues.splice(index, 1);
-                    this._selectedLabels.splice(index, 1);
-                    this._selectedIndexes.splice(index, 1);
-                }
-                else {
-                    this._selectedValues.push(value);
-                    this._selectedLabels.push(label);
-                    this._selectedIndexes.push(optionIndex);
-                }
+        if (this._valueChanging) {
+            return false;
+        }
+        const value = option ? option.value : '';
+        const label = option ? option.label : '';
+        // Store the current selections in case we need to rollback (if the event was cancelled)
+        const prevValues = [...this._value];
+        const prevSelectedValues = [...this._selectedValues];
+        const prevSelectedLabels = [...this._selectedLabels];
+        const prevSelectedIndexes = [...this._selectedIndexes];
+        if (this._multiple) {
+            if (this._selectedValues.includes(value)) {
+                const index = this._selectedValues.indexOf(value);
+                this._selectedValues.splice(index, 1);
+                this._selectedLabels.splice(index, 1);
+                this._selectedIndexes.splice(index, 1);
             }
             else {
-                if (isDefined(value)) {
-                    this._selectedValues[0] = value;
-                    this._selectedLabels[0] = label;
-                    this._selectedIndexes[0] = optionIndex;
-                }
-                else {
-                    this._selectedValues = [];
-                    this._selectedLabels = [];
-                    this._selectedIndexes = [];
-                }
+                this._selectedValues.push(value);
+                this._selectedLabels.push(label);
+                this._selectedIndexes.push(optionIndex);
             }
-            this._value = [...this._selectedValues];
-            const rollbackValue = () => {
-                this._selectedValues = [...prevSelectedValues];
-                this._selectedLabels = [...prevSelectedLabels];
-                this._selectedIndexes = [...prevSelectedIndexes];
-                this._value = [...prevValues];
-            };
-            const applyValue = () => {
-                // If we're in multiselect mode, we need to toggle the selected option
-                if (this._multiple) {
-                    const isSelected = this._selectedIndexes.includes(optionIndex);
-                    this._adapter.toggleOptionMultiple(optionIndex, isSelected);
-                }
-                this._applySelection();
-            };
-            const data = this.multiple ? [...this._selectedValues] : this._selectedValues[0];
-            // We close the dropdown immediately if in single selection mode
-            if (this._open && closeDropdown && !this._multiple) {
-                this._closeDropdown();
+        }
+        else {
+            if (isDefined(value)) {
+                this._selectedValues[0] = value;
+                this._selectedLabels[0] = label;
+                this._selectedIndexes[0] = optionIndex;
             }
-            // First we check to see if there is an before change callback and execute that
-            if (typeof this._beforeValueChange === 'function') {
-                this._valueChanging = Promise.resolve(this._beforeValueChange.call(null, data));
-                const shouldContinue = await this._valueChanging;
-                this._valueChanging = undefined;
-                if (!shouldContinue) {
-                    rollbackValue();
-                    this._tryUpdateDropdownPosition();
-                    return resolve(false);
-                }
+            else {
+                this._selectedValues = [];
+                this._selectedLabels = [];
+                this._selectedIndexes = [];
             }
-            // Now we can emit the change event AFTER the before change callback has been executed and returned true
-            const cancelled = !this._adapter.emitHostEvent(BASE_SELECT_CONSTANTS.events.CHANGE, data, true, true);
-            if (!cancelled) {
-                applyValue();
+        }
+        this._value = [...this._selectedValues];
+        const rollbackValue = () => {
+            this._selectedValues = [...prevSelectedValues];
+            this._selectedLabels = [...prevSelectedLabels];
+            this._selectedIndexes = [...prevSelectedIndexes];
+            this._value = [...prevValues];
+        };
+        const applyValue = () => {
+            // If we're in multiselect mode, we need to toggle the selected option
+            if (this._multiple) {
+                const isSelected = this._selectedIndexes.includes(optionIndex);
+                this._adapter.toggleOptionMultiple(optionIndex, isSelected);
             }
-            else {
+            this._applySelection();
+        };
+        const data = this.multiple ? [...this._selectedValues] : this._selectedValues[0];
+        // We close the dropdown immediately if in single selection mode
+        if (this._open && closeDropdown && !this._multiple) {
+            this._closeDropdown();
+        }
+        // First we check to see if there is an before change callback and execute that
+        if (typeof this._beforeValueChange === 'function') {
+            this._valueChanging = Promise.resolve(this._beforeValueChange.call(null, data));
+            const shouldContinue = await this._valueChanging;
+            this._valueChanging = undefined;
+            if (!shouldContinue) {
                 rollbackValue();
+                this._tryUpdateDropdownPosition();
+                return false;
             }
-            this._tryUpdateDropdownPosition();
-            resolve(!cancelled);
-        });
+        }
+        // Now we can emit the change event AFTER the before change callback has been executed and returned true
+        const cancelled = !this._adapter.emitHostEvent(BASE_SELECT_CONSTANTS.events.CHANGE, data, true, true);
+        if (!cancelled) {
+            applyValue();
+        }
+        else {
+            rollbackValue();
+        }
+        this._tryUpdateDropdownPosition();
+        return !cancelled;
     }
     _selectActiveOption() {
         const activeOptionIndex = this._adapter.getActiveOptionIndex();
@@ -450,9 +448,7 @@ export class BaseSelectCore extends ListDropdownAwareCore {
         }, 300);
         this._options = this._adapter.getOptions();
         // TODO: Enhance this to cycle through closest matches (see the native select)
-        const matchedOption = this._flatOptions.find(({ disabled, label }) => {
-            return !disabled && label.trim().toLowerCase().startsWith(this._filterString.trim().toLowerCase());
-        });
+        const matchedOption = this._flatOptions.find(({ disabled, label }) => !disabled && label.trim().toLowerCase().startsWith(this._filterString.trim().toLowerCase()));
         if (matchedOption) {
             const optionIndex = this._flatOptions.indexOf(matchedOption);
             if (this._open) {

package/esm/select/core/select-utils.d.ts

@@ -13,6 +13,6 @@ export declare enum SelectOptionType {
  * @param options The options either grouped or individual.
  * @param type The type of option to detect.
  */
-export declare function isSelectOptionType(options: ISelectOption[] | ISelectOptionGroup[], type: SelectOptionType): boolean;
+export declare function isSelectOptionType(options: ISelectOption[] | ISelectOptionGroup[], type: SelectOptionType): options is ISelectOptionGroup[];
 export declare function isOptionGroupObject(o: ISelectOption | ISelectOptionGroup): o is ISelectOptionGroup;
 export declare function isOptionObject(o: ISelectOption | ISelectOptionGroup): o is ISelectOption;

package/esm/select/core/select-utils.js

@@ -20,8 +20,8 @@ export function isSelectOptionType(options, type) {
     return (isOptionGroups && type === SelectOptionType.Group) || (isOptionTypes && type === SelectOptionType.Option);
 }
 export function isOptionGroupObject(o) {
-    return isDefined(o) && isObject(o) && o.hasOwnProperty('options');
+    return isDefined(o) && isObject(o) && Object.prototype.hasOwnProperty.call(o, 'options');
 }
 export function isOptionObject(o) {
-    return isDefined(o) && isObject(o) && o.hasOwnProperty('label') && o.hasOwnProperty('value');
+    return isDefined(o) && isObject(o) && Object.prototype.hasOwnProperty.call(o, 'label') && Object.prototype.hasOwnProperty.call(o, 'value');
 }

package/esm/select/select-dropdown/select-dropdown-adapter.js

@@ -75,9 +75,7 @@ export class SelectDropdownAdapter extends BaseSelectAdapter {
             return () => { };
         }
         const observer = new MutationObserver(mutations => {
-            const isTargetRemoved = mutations.some(mutation => {
-                return Array.from(mutation.removedNodes).some(node => node === this._targetElement);
-            });
+            const isTargetRemoved = mutations.some(mutation => Array.from(mutation.removedNodes).some(node => node === this._targetElement));
             if (isTargetRemoved) {
                 observer.disconnect();
                 cb();

package/esm/split-view/split-view-panel/split-view-panel.js

@@ -14,7 +14,7 @@ import { IconComponent, IconRegistry } from '../../icon';
 import { StateLayerComponent } from '../../state-layer';
 import { FocusIndicatorComponent } from '../../focus-indicator';
 const template = '<template><div class=\"forge-split-view-panel\" id=\"root\" part=\"root\"><div class=\"forge-split-view-panel__handle\" id=\"handle\" part=\"handle\" role=\"separator\" aria-controls=\"content\" aria-grabbed=\"false\" tabindex=\"0\"><forge-icon class=\"forge-split-view-panel__icon\" id=\"icon\" part=\"icon\"></forge-icon><forge-state-layer target=\"handle\" id=\"state-layer\" exportparts=\"surface:state-layer\"></forge-state-layer><forge-focus-indicator inward target=\"handle\" part=\"focus-indicator\"></forge-focus-indicator></div><div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\"><slot></slot></div></div></template>';
-const styles = '.forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium,rgba(0,0,0,.6));background-color:var(--forge-theme-outline,#e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:0}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:ukmfbnr;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ukmfbnr{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:ukmfbop;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ukmfbop{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:ukmfbow;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes ukmfbow{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:ukmfbp9;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes ukmfbp9{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:ukmfbpk;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ukmfbpk{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:ukmfbqd;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ukmfbqd{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:ukmfbqg;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes ukmfbqg{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:ukmfbqp;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes ukmfbqp{from{transform:none}to{transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width:2px}';
+const styles = '.forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium,rgba(0,0,0,.6));background-color:var(--forge-theme-outline,#e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:0}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:udxwkwm;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes udxwkwm{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:udxwkxa;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes udxwkxa{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:udxwky1;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes udxwky1{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:udxwkyf;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes udxwkyf{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:udxwkyt;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes udxwkyt{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:udxwkz2;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes udxwkz2{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:udxwkz5;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes udxwkz5{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:udxwkzb;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes udxwkzb{from{transform:none}to{transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width:2px}';
 /**
  * @tag forge-split-view-panel
  *

package/esm/table/table-utils.js

@@ -424,18 +424,16 @@ export class TableUtils {
      * @param {IColumnData[]} data The row data.
      */
     static _createColumnDataMap(columnConfigurations, data) {
-        return columnConfigurations.map(columnConfig => {
-            return {
-                config: columnConfig,
-                data: data.map(item => {
-                    if (columnConfig.property) {
-                        const value = getPropertyValue(item.data, columnConfig.property);
-                        return isDefined(value) ? value : null;
-                    }
-                    return null;
-                })
-            };
-        });
+        return columnConfigurations.map(columnConfig => ({
+            config: columnConfig,
+            data: data.map(item => {
+                if (columnConfig.property) {
+                    const value = getPropertyValue(item.data, columnConfig.property);
+                    return isDefined(value) ? value : null;
+                }
+                return null;
+            })
+        }));
     }
     /**
      * Returns the row data in a column ordered fashion.

package/esm/tabs/tab-bar/tab-bar-core.js

@@ -142,8 +142,9 @@ export class TabBarCore {
     _syncTabState() {
         this._tabs.forEach((tab, index) => {
             tab.selected = index === this._activeTab;
-            if (this._disabled)
+            if (this._disabled) {
                 tab.disabled = this._disabled;
+            }
             tab.vertical = this._vertical;
             tab.stacked = this._stacked;
             tab.secondary = this._secondary;

package/esm/text-field/text-field-adapter.js

@@ -92,9 +92,7 @@ export class TextFieldAdapter extends BaseFieldAdapter {
         // Destroy the previous value change listeners
         this._destroyValueChangerListeners.forEach(callback => callback());
         // Add a new value change listener to each input
-        this._destroyValueChangerListeners = this._inputElements.map(el => {
-            return listenOwnProperty(context, el, 'value', listener);
-        });
+        this._destroyValueChangerListeners = this._inputElements.map(el => listenOwnProperty(context, el, 'value', listener));
     }
     removeValueChangeListener() {
         this._destroyValueChangerListeners.forEach(callback => callback());

package/esm/time-picker/time-picker-core.js

@@ -95,13 +95,14 @@ export class TimePickerCore {
         if (evt.shiftKey) {
             switch (evt.code) {
                 case 'Backspace':
-                case 'Delete':
+                case 'Delete': {
                     evt.preventDefault();
                     const result = this._trySetValue(null);
                     if (result) {
                         this._formatInputValue();
                     }
                     return;
+                }
             }
         }
         switch (evt.code) {
@@ -170,7 +171,7 @@ export class TimePickerCore {
                     this._adapter.propagateKey(evt.code);
                 }
                 break;
-            case 'KeyN':
+            case 'KeyN': {
                 evt.preventDefault();
                 const nowMillis = getCurrentTimeOfDayMillis(this._allowSeconds);
                 if (this._value !== nowMillis) {
@@ -182,6 +183,7 @@ export class TimePickerCore {
                     }
                 }
                 break;
+            }
         }
     }
     _trySetActiveOption() {
@@ -523,9 +525,7 @@ export class TimePickerCore {
         return this._findClosestOptionIndex(currentTimeMillis, options);
     }
     _findClosestOptionIndex(value, options) {
-        const closestItem = options.reduce((prev, curr) => {
-            return Math.abs((curr.value.time || 0) - value) < Math.abs((prev.value.time || 0) - value) ? curr : prev;
-        });
+        const closestItem = options.reduce((prev, curr) => (Math.abs((curr.value.time || 0) - value) < Math.abs((prev.value.time || 0) - value) ? curr : prev));
         return options.indexOf(closestItem);
     }
     _formatInputValue(emitEvents = true) {

package/esm/toast/toast-adapter.js

@@ -39,7 +39,7 @@ export class ToastAdapter extends BaseAdapter {
     }
     setActionText(text) {
         this._actionButtonElement.textContent = text;
-        if (!!text) {
+        if (text) {
             this._actionButtonElement.removeAttribute('hidden');
         }
         else {

package/esm/toast/toast-core.js

@@ -103,7 +103,7 @@ export class ToastCore {
         if (this._actionText !== value) {
             this._actionText = value;
             this._adapter.setActionText(this._actionText);
-            if (!!this._actionText) {
+            if (this._actionText) {
                 this._adapter.addActionListener(this._actionListener);
             }
             else {

package/esm/toast/toast.js

@@ -103,10 +103,11 @@ let ToastComponent = class ToastComponent extends WithElementInternals(WithDefau
             case TOAST_CONSTANTS.attributes.OPEN:
                 this.open = coerceBoolean(newValue);
                 break;
-            case TOAST_CONSTANTS.attributes.DURATION:
+            case TOAST_CONSTANTS.attributes.DURATION: {
                 const value = Number(newValue);
                 this.duration = value && value > 0 ? value : TOAST_CONSTANTS.defaults.DURATION;
                 break;
+            }
             case TOAST_CONSTANTS.attributes.PLACEMENT:
                 this.placement = newValue || TOAST_CONSTANTS.defaults.PLACEMENT;
                 break;

package/esm/tooltip/tooltip-adapter.d.ts

@@ -8,6 +8,7 @@ import { ITooltipComponent } from './tooltip';
 export interface ITooltipAdapter extends IBaseAdapter<ITooltipComponent> {
     readonly hostElement: ITooltipComponent;
     readonly anchorElement: HTMLElement | null;
+    readonly hasContent: boolean;
     syncAria(): void;
     detachAria(): void;
     setAnchorElement(element: HTMLElement | null): void;
@@ -22,10 +23,16 @@ export interface ITooltipAdapter extends IBaseAdapter<ITooltipComponent> {
 export declare class TooltipAdapter extends BaseAdapter<ITooltipComponent> implements ITooltipAdapter {
     private _contentElement;
     private _arrowElement;
+    private _defaultSlotElement;
     private _anchorElement;
     private _overlayElement;
     constructor(component: ITooltipComponent);
     get anchorElement(): HTMLElement | null;
+    /**
+     * Tooltips are considered to have content if the default slot has assigned nodes that
+     * are either elements, or text nodes with non-whitespace content.
+     */
+    get hasContent(): boolean;
     syncAria(): void;
     detachAria(): void;
     setAnchorElement(element: HTMLElement | null): void;

package/esm/tooltip/tooltip-adapter.js

@@ -16,10 +16,20 @@ export class TooltipAdapter extends BaseAdapter {
         this._overlayElement = null;
         this._contentElement = getShadowElement(this._component, TOOLTIP_CONSTANTS.selectors.CONTENT);
         this._arrowElement = getShadowElement(this._component, TOOLTIP_CONSTANTS.selectors.ARROW);
+        this._defaultSlotElement = getShadowElement(this._component, TOOLTIP_CONSTANTS.selectors.DEFAULT_SLOT);
     }
     get anchorElement() {
         return this._anchorElement;
     }
+    /**
+     * Tooltips are considered to have content if the default slot has assigned nodes that
+     * are either elements, or text nodes with non-whitespace content.
+     */
+    get hasContent() {
+        return this._defaultSlotElement
+            .assignedNodes({ flatten: true })
+            .some(node => node.nodeType === Node.ELEMENT_NODE || (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()));
+    }
     syncAria() {
         const role = this._component.type === 'description' ? 'tooltip' : null;
         this._component[setDefaultAria]({ role });

package/esm/tooltip/tooltip-constants.d.ts

@@ -51,6 +51,7 @@ export declare const TOOLTIP_CONSTANTS: {
     selectors: {
         readonly CONTENT: ".forge-tooltip";
         readonly ARROW: ".arrow";
+        readonly DEFAULT_SLOT: "slot:not([name])";
     };
 };
 export type TooltipType = 'presentation' | 'label' | 'description';

package/esm/tooltip/tooltip-constants.js

@@ -36,7 +36,8 @@ const defaults = {
 };
 const selectors = {
     CONTENT: '.forge-tooltip',
-    ARROW: '.arrow'
+    ARROW: '.arrow',
+    DEFAULT_SLOT: 'slot:not([name])'
 };
 export const TOOLTIP_CONSTANTS = {
     elementName,