@tylertech/forge 3.10.4 → 3.11.0

package/sass/list/forge-list.scss

@@ -118,12 +118,12 @@
     }
 
     &:has(
-        button:not(:disabled),
-        a,
-        label,
-        .forge-list-item--interactive:not(.forge-list-item--disabled),
-        :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])
-      ) {
+      button:not(:disabled),
+      a,
+      label,
+      .forge-list-item--interactive:not(.forge-list-item--disabled),
+      :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])
+    ) {
       a,
       button,
       label,

package/sass/table/_core.scss

@@ -9,6 +9,7 @@
 @use '../core/styles/theme';
 @use '../core/styles/typography';
 @use '../core/styles/animation';
+@use '../focus-indicator';
 @use './variables';
 
 @mixin host {
@@ -239,7 +240,18 @@
   font: inherit;
   color: inherit;
   width: 100%;
-  outline-offset: #{spacing.variable(xxsmall)};
+  outline: none;
+  position: relative;
+
+  forge-focus-indicator {
+    border-radius: 4px;
+
+    @include focus-indicator.provide-theme(
+      (
+        'offset-inline': -4px
+      )
+    );
+  }
 }
 
 // The base table body row styles for row interactions.

package/sass/tooltip/_core.scss

@@ -11,7 +11,6 @@
 
 @mixin host {
   display: contents;
-  pointer-events: none;
 }
 
 @mixin base {
@@ -32,7 +31,6 @@
 
   width: #{token(width)};
   max-width: #{token(max-width)};
-  pointer-events: none;
   text-align: #{token(content-align)};
   line-height: normal;
   white-space: normal;

package/esm/focus-indicator/focus-indicator-adapter.d.ts

@@ -1,29 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core';
-import { IFocusIndicatorComponent } from './focus-indicator';
-export interface IFocusIndicatorAdapter extends IBaseAdapter {
-    destroy(): void;
-    hasTargetElement(): boolean;
-    addTargetListener(type: string, listener: EventListener): void;
-    removeTargetListener(type: string, listener: EventListener): void;
-    getTargetElement(): HTMLElement | null;
-    setTargetElement(el: HTMLElement | null): void;
-    trySetTarget(value: string | null): void;
-    isActive(selector: string, el?: HTMLElement | null): boolean;
-}
-export declare class FocusIndicatorAdapter extends BaseAdapter<IFocusIndicatorComponent> implements IFocusIndicatorAdapter {
-    private _targetElement;
-    constructor(component: IFocusIndicatorComponent);
-    destroy(): void;
-    hasTargetElement(): boolean;
-    addTargetListener(type: string, listener: EventListener): void;
-    removeTargetListener(type: string, listener: EventListener): void;
-    getTargetElement(): HTMLElement | null;
-    setTargetElement(el: HTMLElement | null): void;
-    trySetTarget(value: string | null): void;
-    isActive(selector: string, el?: HTMLElement | null): boolean;
-}

package/esm/focus-indicator/focus-indicator-adapter.js

@@ -1,37 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, locateTargetHeuristic } from '../core';
-export class FocusIndicatorAdapter extends BaseAdapter {
-    constructor(component) {
-        super(component);
-        this._targetElement = null;
-    }
-    destroy() {
-        this._targetElement = null;
-    }
-    hasTargetElement() {
-        return !!this._targetElement;
-    }
-    addTargetListener(type, listener) {
-        this._targetElement?.addEventListener(type, listener);
-    }
-    removeTargetListener(type, listener) {
-        this._targetElement?.removeEventListener(type, listener);
-    }
-    getTargetElement() {
-        return this._targetElement;
-    }
-    setTargetElement(el) {
-        this._targetElement = el;
-    }
-    trySetTarget(value) {
-        this._targetElement = locateTargetHeuristic(this._component, value);
-    }
-    isActive(selector, el) {
-        const targetedEl = el ?? this._targetElement;
-        return !!targetedEl?.matches(selector);
-    }
-}

package/esm/focus-indicator/focus-indicator-core.d.ts

@@ -1,48 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IFocusIndicatorAdapter } from './focus-indicator-adapter';
-import { FocusIndicatorFocusMode } from './focus-indicator-constants';
-export interface IFocusIndicatorCore {
-    targetElement: HTMLElement | null;
-    target: string | null;
-    active: boolean;
-    inward: boolean;
-    circular: boolean;
-    allowFocus: boolean;
-    focusMode: FocusIndicatorFocusMode;
-    initialize(): void;
-    destroy(): void;
-}
-export declare class FocusIndicatorCore implements IFocusIndicatorCore {
-    private _adapter;
-    private _target;
-    private _active;
-    private _inward;
-    private _circular;
-    private _allowFocus;
-    private _focusMode;
-    private _interactionListener;
-    constructor(_adapter: IFocusIndicatorAdapter);
-    initialize(): void;
-    destroy(): void;
-    private _addListeners;
-    private _removeListeners;
-    private _onInteraction;
-    get targetElement(): HTMLElement | null;
-    set targetElement(value: HTMLElement | null);
-    get target(): string | null;
-    set target(value: string | null);
-    get active(): boolean;
-    set active(value: boolean);
-    get inward(): boolean;
-    set inward(value: boolean);
-    get circular(): boolean;
-    set circular(value: boolean);
-    get allowFocus(): boolean;
-    set allowFocus(value: boolean);
-    get focusMode(): FocusIndicatorFocusMode;
-    set focusMode(value: FocusIndicatorFocusMode);
-}

package/esm/focus-indicator/focus-indicator-core.js

@@ -1,129 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { FOCUS_INDICATOR_CONSTANTS } from './focus-indicator-constants';
-export class FocusIndicatorCore {
-    constructor(_adapter) {
-        this._adapter = _adapter;
-        this._target = null;
-        this._active = false;
-        this._inward = false;
-        this._circular = false;
-        this._allowFocus = false;
-        this._focusMode = FOCUS_INDICATOR_CONSTANTS.defaults.FOCUS_MODE;
-        this._interactionListener = evt => this._onInteraction(evt);
-    }
-    initialize() {
-        if (!this._adapter.hasTargetElement()) {
-            this._adapter.trySetTarget(this._target);
-        }
-        this._addListeners();
-    }
-    destroy() {
-        this._removeListeners(); // Must be called before destroying adapter
-        this._adapter.destroy();
-    }
-    _addListeners() {
-        this._adapter.addTargetListener(this._focusMode, this._interactionListener);
-        this._adapter.addTargetListener('focusout', this._interactionListener);
-        this._adapter.addTargetListener('pointerdown', this._interactionListener);
-    }
-    _removeListeners() {
-        this._adapter.removeTargetListener(this._focusMode, this._interactionListener);
-        this._adapter.removeTargetListener('focusout', this._interactionListener);
-        this._adapter.removeTargetListener('pointerdown', this._interactionListener);
-    }
-    _onInteraction(evt) {
-        const target = evt.target;
-        switch (evt.type) {
-            case this._focusMode:
-                this.active = this._adapter.isActive(this._allowFocus ? ':focus' : ':focus-visible', target);
-                break;
-            case 'focusout':
-                this.active = false;
-                break;
-            case 'pointerdown':
-                this.active = this._allowFocus ? this._adapter.isActive(':focus', target) : this._adapter.isActive(':focus-visible', target);
-                break;
-        }
-    }
-    get targetElement() {
-        return this._adapter.getTargetElement();
-    }
-    set targetElement(value) {
-        this._removeListeners();
-        this._adapter.setTargetElement(value);
-        this._addListeners();
-    }
-    get target() {
-        return this._adapter.getHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.TARGET);
-    }
-    set target(value) {
-        if (this._target !== value) {
-            this._target = value;
-            if (this._adapter.isConnected) {
-                this._adapter.trySetTarget(value);
-            }
-            this._adapter.toggleHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.TARGET, Boolean(this._target), this._target);
-        }
-    }
-    get active() {
-        return this._active;
-    }
-    set active(value) {
-        value = Boolean(value);
-        if (this._active !== value) {
-            this._active = value;
-            this._adapter.toggleHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.ACTIVE, this._active);
-        }
-    }
-    get inward() {
-        return this._inward;
-    }
-    set inward(value) {
-        value = Boolean(value);
-        if (this._inward !== value) {
-            this._inward = value;
-            this._adapter.toggleHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.INWARD, this._inward);
-        }
-    }
-    get circular() {
-        return this._circular;
-    }
-    set circular(value) {
-        value = Boolean(value);
-        if (this._circular !== value) {
-            this._circular = value;
-            this._adapter.toggleHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.CIRCULAR, this._circular);
-        }
-    }
-    get allowFocus() {
-        return this._allowFocus;
-    }
-    set allowFocus(value) {
-        value = Boolean(value);
-        if (this._allowFocus !== value) {
-            this._allowFocus = value;
-            this._adapter.toggleHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.ALLOW_FOCUS, this._allowFocus);
-        }
-    }
-    get focusMode() {
-        return this._focusMode;
-    }
-    set focusMode(value) {
-        value ?? (value = FOCUS_INDICATOR_CONSTANTS.defaults.FOCUS_MODE);
-        if (this._focusMode !== value) {
-            if (this._adapter.isConnected) {
-                this._removeListeners();
-            }
-            this._focusMode = value;
-            if (this._adapter.isConnected) {
-                this._addListeners();
-            }
-            const hasFocusMode = this._focusMode !== FOCUS_INDICATOR_CONSTANTS.defaults.FOCUS_MODE;
-            this._adapter.toggleHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.FOCUS_MODE, hasFocusMode, this._focusMode);
-        }
-    }
-}