@tylertech/forge 3.9.1 → 3.9.2

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:ujzdjfx;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ujzdjfx{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:ujzdjg1;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ujzdjg1{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:ujzdjgi;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 ujzdjgi{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:ujzdjgn;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 ujzdjgn{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:ujzdjhj;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ujzdjhj{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:ujzdjhm;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ujzdjhm{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:ujzdjhx;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 ujzdjhx{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:ujzdjir;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 ujzdjir{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.js

@@ -15,7 +15,7 @@ import { WithDefaultAria } from '../core/mixins/internals/with-default-aria';
 import { WithElementInternals } from '../core/mixins/internals/with-element-internals';
 import { tryDismiss } from '../core/utils/dismissible-stack';
 const template = '<template><div class=\"forge-tooltip\" part=\"surface\"><slot></slot><div class=\"arrow\" part=\"arrow\"></div></div></template>';
-const styles = '@keyframes slidein{from{opacity:0;transform:translateX(var(--_tooltip-slidein-x)) translateY(var(--_tooltip-slidein-y))}to{opacity:1;transform:translateX(0) translateY(0)}}:host{display:contents;pointer-events:none}:host([hidden]){display:none}.forge-tooltip{--_tooltip-background:var(--forge-tooltip-background, var(--forge-theme-surface-inverse, #333333));--_tooltip-color:var(--forge-tooltip-color, var(--forge-theme-on-surface-inverse, #ffffff));--_tooltip-shape:var(--forge-tooltip-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_tooltip-padding:var(--forge-tooltip-padding, var(--forge-spacing-xsmall, 8px));--_tooltip-padding-block:var(--forge-tooltip-padding-block, var(--_tooltip-padding));--_tooltip-padding-inline:var(--forge-tooltip-padding-inline, var(--_tooltip-padding));--_tooltip-width:var(--forge-tooltip-width, max-content);--_tooltip-max-width:var(--forge-tooltip-max-width, 320px);--_tooltip-elevation:var(--forge-tooltip-elevation, var(--forge-theme-surface-bright-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)));--_tooltip-content-align:var(--forge-tooltip-content-align, center);--_tooltip-border-width:var(--forge-tooltip-border-width, 0);--_tooltip-border-style:var(--forge-tooltip-border-style, solid);--_tooltip-border-color:var(--forge-tooltip-border-color, var(--forge-theme-outline, #e0e0e0));--_tooltip-animation-timing:var(--forge-tooltip-animation-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_tooltip-animation-duration:var(--forge-tooltip-animation-duration, var(--forge-animation-duration-short3, 150ms));--_tooltip-animation-offset:var(--forge-tooltip-animation-offset, 24px);--_tooltip-arrow-size:var(--forge-tooltip-arrow-size, 8px);--_tooltip-arrow-height:var(--forge-tooltip-arrow-height, var(--_tooltip-arrow-size));--_tooltip-arrow-width:var(--forge-tooltip-arrow-width, var(--_tooltip-arrow-size));--_tooltip-arrow-shape:var(--forge-tooltip-arrow-shape, calc(var(--forge-shape-small, 2px) * var(--forge-shape-factor, 1)));--_tooltip-arrow-rotation:var(--forge-tooltip-arrow-rotation, 0deg);--_tooltip-arrow-top-rotation:var(--forge-tooltip-arrow-top-rotation, 315deg);--_tooltip-arrow-right-rotation:var(--forge-tooltip-arrow-right-rotation, 45deg);--_tooltip-arrow-bottom-rotation:var(--forge-tooltip-arrow-bottom-rotation, 135deg);--_tooltip-arrow-left-rotation:var(--forge-tooltip-arrow-left-rotation, 225deg)}.forge-tooltip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit);position:relative;background:var(--_tooltip-background);color:var(--_tooltip-color);border-radius:var(--_tooltip-shape);border-width:var(--_tooltip-border-width);border-style:var(--_tooltip-border-style);border-color:var(--_tooltip-border-color);padding-block:var(--_tooltip-padding-block);padding-inline:var(--_tooltip-padding-inline);box-shadow:var(--_tooltip-elevation);width:var(--_tooltip-width);max-width:var(--_tooltip-max-width);pointer-events:none;text-align:var(--_tooltip-content-align);line-height:normal;white-space:normal;animation-duration:var(--_tooltip-animation-duration);animation-timing-function:var(--_tooltip-animation-timing);animation-name:slidein;animation-fill-mode:forwards}:host(:not([open])) .forge-tooltip{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:fixed;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}.arrow{position:absolute;contain:strict;background-color:inherit;height:var(--_tooltip-arrow-height);width:var(--_tooltip-arrow-width);box-shadow:inherit;border:inherit;border-end-start-radius:var(--_tooltip-arrow-shape);rotate:var(--_tooltip-arrow-rotation);clip-path:var(--_tooltip-arrow-clip-path);--_tooltip-arrow-translate-x:0;--_tooltip-arrow-translate-y:0;--_tooltip-arrow-clip-path:polygon(0 0, 0 100%, 100% 100%)}.forge-tooltip{--_tooltip-slidein-x:0;--_tooltip-slidein-y:0}forge-overlay[open][position-placement^=top] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=top] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-top-rotation);margin-block-end:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=right] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=right] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-right-rotation);margin-inline-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=bottom] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=bottom] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-bottom-rotation);margin-block-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=left] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=left] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-left-rotation);margin-inline-end:var(--_tooltip-border-width)}';
+const styles = '@keyframes slidein{from{opacity:0;transform:translateX(var(--_tooltip-slidein-x)) translateY(var(--_tooltip-slidein-y))}to{opacity:1;transform:translateX(0) translateY(0)}}:host{display:contents;pointer-events:none}:host([hidden]){display:none}.forge-tooltip{--_tooltip-background:var(--forge-tooltip-background, var(--forge-theme-surface-inverse, #333333));--_tooltip-color:var(--forge-tooltip-color, var(--forge-theme-on-surface-inverse, #ffffff));--_tooltip-shape:var(--forge-tooltip-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_tooltip-padding:var(--forge-tooltip-padding, var(--forge-spacing-xsmall, 8px));--_tooltip-padding-block:var(--forge-tooltip-padding-block, var(--_tooltip-padding));--_tooltip-padding-inline:var(--forge-tooltip-padding-inline, var(--_tooltip-padding));--_tooltip-width:var(--forge-tooltip-width, max-content);--_tooltip-max-width:var(--forge-tooltip-max-width, 320px);--_tooltip-elevation:var(--forge-tooltip-elevation, var(--forge-theme-surface-bright-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)));--_tooltip-content-align:var(--forge-tooltip-content-align, center);--_tooltip-border-width:var(--forge-tooltip-border-width, 0);--_tooltip-border-style:var(--forge-tooltip-border-style, solid);--_tooltip-border-color:var(--forge-tooltip-border-color, var(--forge-theme-outline, #e0e0e0));--_tooltip-animation-timing:var(--forge-tooltip-animation-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_tooltip-animation-duration:var(--forge-tooltip-animation-duration, var(--forge-animation-duration-short3, 150ms));--_tooltip-animation-offset:var(--forge-tooltip-animation-offset, 24px);--_tooltip-arrow-size:var(--forge-tooltip-arrow-size, 8px);--_tooltip-arrow-height:var(--forge-tooltip-arrow-height, var(--_tooltip-arrow-size));--_tooltip-arrow-width:var(--forge-tooltip-arrow-width, var(--_tooltip-arrow-size));--_tooltip-arrow-shape:var(--forge-tooltip-arrow-shape, calc(var(--forge-shape-small, 2px) * var(--forge-shape-factor, 1)));--_tooltip-arrow-rotation:var(--forge-tooltip-arrow-rotation, 0deg);--_tooltip-arrow-top-rotation:var(--forge-tooltip-arrow-top-rotation, 315deg);--_tooltip-arrow-right-rotation:var(--forge-tooltip-arrow-right-rotation, 45deg);--_tooltip-arrow-bottom-rotation:var(--forge-tooltip-arrow-bottom-rotation, 135deg);--_tooltip-arrow-left-rotation:var(--forge-tooltip-arrow-left-rotation, 225deg)}.forge-tooltip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit);position:relative;background:var(--_tooltip-background);color:var(--_tooltip-color);border-radius:var(--_tooltip-shape);border-width:var(--_tooltip-border-width);border-style:var(--_tooltip-border-style);border-color:var(--_tooltip-border-color);padding-block:var(--_tooltip-padding-block);padding-inline:var(--_tooltip-padding-inline);box-shadow:var(--_tooltip-elevation);width:var(--_tooltip-width);max-width:var(--_tooltip-max-width);pointer-events:none;text-align:var(--_tooltip-content-align);line-height:normal;white-space:normal;animation-duration:var(--_tooltip-animation-duration);animation-timing-function:var(--_tooltip-animation-timing);animation-name:slidein;animation-fill-mode:forwards}:host(:not([open])) .forge-tooltip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.arrow{position:absolute;contain:strict;background-color:inherit;height:var(--_tooltip-arrow-height);width:var(--_tooltip-arrow-width);box-shadow:inherit;border:inherit;border-end-start-radius:var(--_tooltip-arrow-shape);rotate:var(--_tooltip-arrow-rotation);clip-path:var(--_tooltip-arrow-clip-path);--_tooltip-arrow-translate-x:0;--_tooltip-arrow-translate-y:0;--_tooltip-arrow-clip-path:polygon(0 0, 0 100%, 100% 100%)}.forge-tooltip{--_tooltip-slidein-x:0;--_tooltip-slidein-y:0}forge-overlay[open][position-placement^=top] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=top] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-top-rotation);margin-block-end:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=right] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=right] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-right-rotation);margin-inline-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=bottom] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=bottom] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-bottom-rotation);margin-block-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=left] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=left] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-left-rotation);margin-inline-end:var(--_tooltip-border-width)}';
 /**
  * @tag forge-tooltip
  *

package/esm/view-switcher/view-switcher-core.js

@@ -61,11 +61,12 @@ export class ViewSwitcherCore {
             return;
         }
         switch (this._animationType) {
-            case 'slide':
+            case 'slide': {
                 const animationDirection = this._viewIndex > fromIndex ? ViewAnimationDirection.Left : ViewAnimationDirection.Right;
                 await this._adapter.transitionToView(fromIndex, this._viewIndex, 'slide', animationDirection);
                 this._adapter.initializeSlideViews(this._viewIndex);
                 break;
+            }
             case 'fade':
                 await this._adapter.transitionToView(fromIndex, this._viewIndex, 'fade');
                 this._adapter.initializeFadeViews(this._viewIndex);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tylertech/forge",
   "description": "Tyler Forge™ Web Components library",
-  "version": "3.9.1",
+  "version": "3.9.2",
   "author": "Tyler Technologies, Inc.",
   "license": "Apache-2.0",
   "repository": {

package/sass/core/styles/tokens/badge/_tokens.scss

@@ -23,7 +23,7 @@ $tokens: (
   border-width: utils.module-val(badge, border-width, border.variable(thin)),
   border-style: utils.module-val(badge, border-style, none),
   border-color: utils.module-ref(badge, border-color, color),
-  gap: utils.module-val(badge, gap, spacing.variable(xsmall)),
+  gap: utils.module-val(badge, gap, spacing.variable(xxsmall)),
   font-weight: utils.module-val(badge, font-weight, bold),
   // Dot
   dot-size: utils.module-val(badge, dot-size, 8px),

package/sass/table/forge-table.scss

@@ -75,7 +75,6 @@ forge-table {
 
       .forge-table-head__cell {
         border: none;
-        vertical-align: bottom;
       }
     }
   }

package/sass/utils/_mixins.scss

@@ -31,15 +31,14 @@
 }
 
 @mixin visually-hidden() {
-  border: 0;
-  clip: rect(0 0 0 0);
+  position: absolute;
+  width: 1px;
   height: 1px;
+  padding: 0;
   margin: -1px;
   overflow: hidden;
-  padding: 0;
-  position: fixed;
-  width: 1px;
-  outline: 0;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border: 0;
 }