@tylertech/forge 3.0.0-next.21 → 3.0.0-next.22

package/esm/floating-label/floating-label-foundation.js

@@ -1,74 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { FLOATING_LABEL_CONSTANTS } from './floating-label-constants';
-import { Platform } from '@tylertech/forge-core';
-export class FloatingLabelFoundation {
-    constructor(_adapter) {
-        this._adapter = _adapter;
-        this._floatAnimationEndHandler = () => this._handleFloatAnimationEnd();
-    }
-    initialize() {
-        this._adapter.addLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOATING_LABEL);
-        if (Platform.BLINK) {
-            // Chromium has a bug where the label renders blurry due to a scale transform
-            // so we only provide a fix for that when the Blink engine is used
-            this._adapter.addLabelListener('transitionend', this._floatAnimationEndHandler);
-        }
-    }
-    disconnect({ cancelFloat = false } = {}) {
-        if (cancelFloat && this._activeFrame) {
-            window.cancelAnimationFrame(this._activeFrame);
-        }
-        this._adapter.removeLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOATING_LABEL);
-        this._adapter.removeLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOAT_ABOVE);
-        this._adapter.removeLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOAT_ABOVE_END_KEYFRAME);
-        this._adapter.removeLabelClass(FLOATING_LABEL_CONSTANTS.classes.UNFLOAT_ABOVE_START_KEYFRAME);
-        if (this._floatAnimationEndHandler) {
-            this._adapter.removeLabelListener('transitionend', this._floatAnimationEndHandler);
-        }
-    }
-    float(shouldFloat, alwaysFloat = false) {
-        if (shouldFloat) {
-            if (this._adapter.hasLabelClass(FLOATING_LABEL_CONSTANTS.classes.UNFLOAT_ABOVE_START_KEYFRAME)) {
-                this._adapter.removeLabelClass(FLOATING_LABEL_CONSTANTS.classes.UNFLOAT_ABOVE_START_KEYFRAME);
-            }
-            this._activeFrame = window.requestAnimationFrame(() => {
-                this._activeFrame = window.requestAnimationFrame(() => {
-                    if (alwaysFloat || this.isFloating) {
-                        this._adapter.addLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOAT_ABOVE_END_KEYFRAME);
-                    }
-                    this._adapter.addLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOAT_ABOVE);
-                });
-            });
-        }
-        else {
-            this._adapter.removeLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOAT_ABOVE);
-            if (this._adapter.hasLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOAT_ABOVE_END_KEYFRAME)) {
-                this._adapter.removeLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOAT_ABOVE_END_KEYFRAME);
-                this._adapter.addLabelClass(FLOATING_LABEL_CONSTANTS.classes.UNFLOAT_ABOVE_START_KEYFRAME);
-                this._activeFrame = window.requestAnimationFrame(() => {
-                    this._activeFrame = window.requestAnimationFrame(() => {
-                        this._adapter.removeLabelClass(FLOATING_LABEL_CONSTANTS.classes.UNFLOAT_ABOVE_START_KEYFRAME);
-                    });
-                });
-            }
-        }
-    }
-    getWidth() {
-        return this._adapter.getWidth();
-    }
-    get isFloating() {
-        return this._adapter.hasLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOAT_ABOVE);
-    }
-    _handleFloatAnimationEnd() {
-        if (this._adapter.hasLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOAT_ABOVE) && !this._adapter.hasLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOAT_ABOVE_END_KEYFRAME)) {
-            this._adapter.addLabelClass(FLOATING_LABEL_CONSTANTS.classes.FLOAT_ABOVE_END_KEYFRAME);
-        }
-        else if (this._adapter.hasLabelClass(FLOATING_LABEL_CONSTANTS.classes.UNFLOAT_ABOVE_START_KEYFRAME)) {
-            this._adapter.removeLabelClass(FLOATING_LABEL_CONSTANTS.classes.UNFLOAT_ABOVE_START_KEYFRAME);
-        }
-    }
-}

package/esm/floating-label/floating-label.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export interface IFloatingLabel {
-    isFloating: boolean;
-    float(float: boolean, alwaysFloat?: boolean): void;
-    getWidth(): number;
-    destroy(opts?: {
-        cancelFloat?: boolean;
-    }): void;
-}
-export declare class FloatingLabel implements IFloatingLabel {
-    private _labelElement;
-    private _foundation;
-    constructor(_labelElement: HTMLLabelElement);
-    /** Returns the current label floating state. */
-    get isFloating(): boolean;
-    destroy({ cancelFloat }?: {
-        cancelFloat?: boolean | undefined;
-    }): void;
-    /**
-     * Sets the floating state of the label element.
-     * @param shouldFloat If true, sets the label to float, otherwise un-float.
-     * @param alwaysFloat If true, sets the label to always float, defaults to: `false`.
-     */
-    float(shouldFloat: boolean, alwaysFloat?: boolean): void;
-    /** Returns the scroll width of the label element. */
-    getWidth(): number;
-}

package/esm/floating-label/floating-label.js

@@ -1,34 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { FloatingLabelAdapter } from './floating-label-adapter';
-import { FloatingLabelFoundation } from './floating-label-foundation';
-export class FloatingLabel {
-    constructor(_labelElement) {
-        this._labelElement = _labelElement;
-        this._foundation = new FloatingLabelFoundation(new FloatingLabelAdapter(this._labelElement));
-        this._foundation.initialize();
-    }
-    /** Returns the current label floating state. */
-    get isFloating() {
-        return this._foundation.isFloating;
-    }
-    destroy({ cancelFloat = false } = {}) {
-        this._foundation.disconnect({ cancelFloat });
-        this._labelElement = undefined;
-    }
-    /**
-     * Sets the floating state of the label element.
-     * @param shouldFloat If true, sets the label to float, otherwise un-float.
-     * @param alwaysFloat If true, sets the label to always float, defaults to: `false`.
-     */
-    float(shouldFloat, alwaysFloat = false) {
-        this._foundation.float(shouldFloat, alwaysFloat);
-    }
-    /** Returns the scroll width of the label element. */
-    getWidth() {
-        return this._foundation.getWidth();
-    }
-}

package/esm/floating-label/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './floating-label-adapter';
-export * from './floating-label-constants';
-export * from './floating-label-foundation';
-export * from './floating-label';

package/esm/floating-label/index.js

@@ -1,9 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './floating-label-adapter';
-export * from './floating-label-constants';
-export * from './floating-label-foundation';
-export * from './floating-label';

package/esm/label-value/label-value-adapter.d.ts

@@ -1,24 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
-import { ILabelValueComponent } from './label-value';
-import { LabelValueAlignment } from './label-value-constants';
-export interface ILabelValueAdapter extends IBaseAdapter {
-    setEmpty(isEmpty: boolean): void;
-    setEllipsis(ellipsis: boolean): void;
-    setRoomy(isRoomy: boolean): void;
-    setDense(isDense: boolean): void;
-    setAlignment(value: LabelValueAlignment): void;
-}
-export declare class LabelValueAdapter extends BaseAdapter<ILabelValueComponent> implements ILabelValueAdapter {
-    private _rootElement;
-    constructor(component: ILabelValueComponent);
-    setEmpty(isEmpty: boolean): void;
-    setEllipsis(ellipsis: boolean): void;
-    setRoomy(isRoomy: boolean): void;
-    setDense(isDense: boolean): void;
-    setAlignment(value: LabelValueAlignment): void;
-}

package/esm/label-value/label-value-adapter.js

@@ -1,47 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { getShadowElement, removeClass, toggleClass } from '@tylertech/forge-core';
-import { BaseAdapter } from '../core/base/base-adapter';
-import { LABEL_VALUE_CONSTANTS } from './label-value-constants';
-export class LabelValueAdapter extends BaseAdapter {
-    constructor(component) {
-        super(component);
-        this._rootElement = getShadowElement(component, LABEL_VALUE_CONSTANTS.selectors.ROOT);
-    }
-    setEmpty(isEmpty) {
-        if (isEmpty) {
-            this._rootElement.classList.add(LABEL_VALUE_CONSTANTS.classes.EMPTY);
-        }
-        else {
-            this._rootElement.classList.remove(LABEL_VALUE_CONSTANTS.classes.EMPTY);
-        }
-    }
-    setEllipsis(ellipsis) {
-        if (ellipsis) {
-            this._rootElement.classList.add(LABEL_VALUE_CONSTANTS.classes.ELLIPSIS);
-        }
-        else {
-            this._rootElement.classList.remove(LABEL_VALUE_CONSTANTS.classes.ELLIPSIS);
-        }
-    }
-    setRoomy(isRoomy) {
-        toggleClass(this._rootElement, isRoomy, LABEL_VALUE_CONSTANTS.classes.ROOMY);
-    }
-    setDense(isDense) {
-        toggleClass(this._rootElement, isDense, LABEL_VALUE_CONSTANTS.classes.DENSE);
-    }
-    setAlignment(value) {
-        removeClass([LABEL_VALUE_CONSTANTS.classes.ALIGN_CENTER, LABEL_VALUE_CONSTANTS.classes.ALIGN_RIGHT], this._rootElement);
-        switch (value) {
-            case 'center':
-                this._rootElement.classList.add(LABEL_VALUE_CONSTANTS.classes.ALIGN_CENTER);
-                break;
-            case 'right':
-                this._rootElement.classList.add(LABEL_VALUE_CONSTANTS.classes.ALIGN_RIGHT);
-                break;
-        }
-    }
-}

package/esm/label-value/label-value-foundation.d.ts

@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ICustomElementFoundation } from '@tylertech/forge-core';
-import { FieldDensityType } from '../field/field-constants';
-import { ILabelValueAdapter } from './label-value-adapter';
-import { LabelValueAlignment } from './label-value-constants';
-export interface ILabelValueFoundation extends ICustomElementFoundation {
-    empty: boolean;
-    ellipsis: boolean;
-    density: FieldDensityType;
-    align: LabelValueAlignment;
-}
-export declare class LabelValueFoundation implements ILabelValueFoundation {
-    private _adapter;
-    private _empty;
-    private _ellipsis;
-    private _density;
-    private _align;
-    constructor(_adapter: ILabelValueAdapter);
-    initialize(): void;
-    private _applyDensity;
-    get empty(): boolean;
-    set empty(value: boolean);
-    get ellipsis(): boolean;
-    set ellipsis(value: boolean);
-    get density(): FieldDensityType;
-    set density(value: FieldDensityType);
-    get align(): LabelValueAlignment;
-    set align(value: LabelValueAlignment);
-}

package/esm/label-value/label-value-foundation.js

@@ -1,80 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { LABEL_VALUE_CONSTANTS } from './label-value-constants';
-export class LabelValueFoundation {
-    constructor(_adapter) {
-        this._adapter = _adapter;
-        this._empty = false;
-        this._ellipsis = false;
-        this._density = 'default';
-        this._align = 'left';
-    }
-    initialize() {
-        this._adapter.setEmpty(this._empty);
-        this._adapter.setEllipsis(this._ellipsis);
-        this._applyDensity();
-        this._adapter.setAlignment(this._align);
-    }
-    _applyDensity() {
-        this._adapter.setRoomy(this._density === 'roomy');
-        this._adapter.setDense(this._density === 'dense');
-    }
-    get empty() {
-        return this._empty;
-    }
-    set empty(value) {
-        if (this._empty !== value) {
-            this._empty = value;
-            this._adapter.setEmpty(this._empty);
-            if (this._empty) {
-                this._adapter.setHostAttribute(LABEL_VALUE_CONSTANTS.attributes.EMPTY, '');
-            }
-            else {
-                this._adapter.removeHostAttribute(LABEL_VALUE_CONSTANTS.attributes.EMPTY);
-            }
-        }
-    }
-    get ellipsis() {
-        return this._ellipsis;
-    }
-    set ellipsis(value) {
-        if (this._ellipsis !== value) {
-            this._ellipsis = value;
-            this._adapter.setEllipsis(this._ellipsis);
-            if (this._ellipsis) {
-                this._adapter.setHostAttribute(LABEL_VALUE_CONSTANTS.attributes.ELLIPSIS, '');
-            }
-            else {
-                this._adapter.removeHostAttribute(LABEL_VALUE_CONSTANTS.attributes.ELLIPSIS);
-            }
-        }
-    }
-    get density() {
-        return this._density;
-    }
-    set density(value) {
-        if (this._density !== value) {
-            this._density = value;
-            this._applyDensity();
-            this._adapter.setHostAttribute(LABEL_VALUE_CONSTANTS.attributes.DENSITY, this._density.toString());
-        }
-    }
-    get align() {
-        return this._align;
-    }
-    set align(value) {
-        if (this._align !== value) {
-            this._align = value;
-            this._adapter.setAlignment(this._align);
-            if (this._align) {
-                this._adapter.setHostAttribute(LABEL_VALUE_CONSTANTS.attributes.ALIGN, this._align);
-            }
-            else {
-                this._adapter.removeHostAttribute(LABEL_VALUE_CONSTANTS.attributes.ALIGN);
-            }
-        }
-    }
-}

package/esm/popup/index.d.ts

@@ -1,10 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './popup-adapter';
-export * from './popup-constants';
-export * from './popup-foundation';
-export * from './popup';
-export declare function definePopupComponent(): void;

package/esm/popup/index.js

@@ -1,14 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { defineCustomElement } from '@tylertech/forge-core';
-import { PopupComponent } from './popup';
-export * from './popup-adapter';
-export * from './popup-constants';
-export * from './popup-foundation';
-export * from './popup';
-export function definePopupComponent() {
-    defineCustomElement(PopupComponent);
-}

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

@@ -1,45 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
-import { IPopupComponent, IPopupCloseEventData } from './popup';
-export interface IPopupAdapter extends IBaseAdapter {
-    setAttribute(attribute: string, value: string, element?: HTMLElement): void;
-    removeAttribute(attribute: string, element?: HTMLElement): void;
-    positionPopup(): void;
-    addPopup(targetElement: HTMLElement, manageFocus: boolean): void;
-    removePopup(manageFocus: boolean): void;
-    manageWindowEvents(add: boolean): void;
-    dispatchEvent(type: string, data?: any, bubbles?: boolean, cancellable?: boolean): boolean;
-    addClass(classes: string | string[]): void;
-    removeClass(classes: string | string[]): void;
-    setAnimationEndListener(listener: (evt: TransitionEvent) => void, classes?: string | string[]): void;
-    removeEventListener(type: string, listener: (evt: Event) => void): void;
-    setBlurListener(listener: () => void): () => void;
-    trySetInitialFocus(): void;
-    getCloseEventData(): IPopupCloseEventData;
-}
-export declare class PopupAdapter extends BaseAdapter<IPopupComponent> implements IPopupAdapter {
-    private _windowEventCallback?;
-    private _previouslyFocusedElement?;
-    private _hostElement?;
-    private _rootElement;
-    constructor(component: IPopupComponent);
-    setAttribute(attribute: string, value: string, element?: HTMLElement): void;
-    removeAttribute(attribute: string, element?: HTMLElement): void;
-    positionPopup(): Promise<void>;
-    addPopup(targetElement: HTMLElement, manageFocus: boolean): void;
-    removePopup(manageFocus: boolean): void;
-    manageWindowEvents(add?: boolean): void;
-    dispatchEvent(type: string, data?: any, bubbles?: boolean, cancelable?: boolean): boolean;
-    getCloseEventData(): IPopupCloseEventData;
-    addClass(classes: string | string[]): void;
-    removeClass(classes: string | string[]): void;
-    setAnimationEndListener(listener: (evt: TransitionEvent) => void, classes?: string | string[]): void;
-    removeEventListener(type: string, listener: (evt: Event) => void): void;
-    setBlurListener(listener: () => void): () => void;
-    trySetInitialFocus(): void;
-    private _windowInteraction;
-}

package/esm/popup/popup-adapter.js

@@ -1,152 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { addClass, closestElement, emitEvent, getShadowElement, notChildEventListener, positionElementAsync, removeClass, removeElement, deepQuerySelectorAll, getActiveElement } from '@tylertech/forge-core';
-import { BaseAdapter } from '../core/base/base-adapter';
-import { POPUP_CONSTANTS } from './popup-constants';
-export class PopupAdapter extends BaseAdapter {
-    constructor(component) {
-        super(component);
-        this._rootElement = getShadowElement(component, POPUP_CONSTANTS.selectors.CONTAINER);
-    }
-    setAttribute(attribute, value, element) {
-        if (element) {
-            element.setAttribute(attribute, value);
-        }
-        else {
-            this._component.setAttribute(attribute, value);
-        }
-    }
-    removeAttribute(attribute, element) {
-        if (element) {
-            element.removeAttribute(attribute);
-        }
-        else {
-            this._component.removeAttribute(attribute);
-        }
-    }
-    async positionPopup() {
-        const config = {
-            element: this._component,
-            targetElement: this._component.targetElement,
-            placement: this._component.placement,
-            hide: this._component.hideWhenClipped,
-            flipOptions: {
-                fallbackPlacements: ['top-start', 'top', 'top-end', 'left-start', 'left', 'left-end', 'right-start', 'right', 'right-end'],
-                fallbackStrategy: 'initialPlacement'
-            }
-        };
-        const fallbackPlacements = this._component.fallbackPlacements;
-        if (fallbackPlacements === null || fallbackPlacements === void 0 ? void 0 : fallbackPlacements.length) {
-            config.flipOptions = Object.assign(Object.assign({}, config.flipOptions), { fallbackPlacements });
-        }
-        if (this._component.offset) {
-            config.offset = this._component.offset;
-        }
-        const data = await positionElementAsync(config);
-        emitEvent(this._component, POPUP_CONSTANTS.events.POSITION, data);
-    }
-    addPopup(targetElement, manageFocus) {
-        this._component.setAttribute('tabindex', '-1');
-        this._component.setAttribute(POPUP_CONSTANTS.attributes.HOST, '');
-        // Set initial position to top-left of the host element while we wait for positioning.
-        // This ensures that the element is not visible, nor does it affect layouts before it
-        // is properly moved into its expected location.
-        this._component.style.top = '0';
-        this._component.style.left = '0';
-        const hostDocument = targetElement.ownerDocument || document;
-        this._hostElement = closestElement(POPUP_CONSTANTS.selectors.HOST, targetElement) || hostDocument.body;
-        this._hostElement.appendChild(this._component);
-        this.positionPopup();
-        if (manageFocus) {
-            this._previouslyFocusedElement = getActiveElement(this._component.ownerDocument);
-            this._component.focus();
-        }
-    }
-    removePopup(manageFocus) {
-        removeElement(this._component);
-        if (manageFocus) {
-            window.requestAnimationFrame(() => {
-                if (this._previouslyFocusedElement) {
-                    const activeElement = getActiveElement(this._component.ownerDocument);
-                    if (!activeElement || activeElement === document.body) {
-                        this._previouslyFocusedElement.focus();
-                    }
-                    this._previouslyFocusedElement = undefined;
-                }
-            });
-        }
-        this._hostElement = undefined;
-    }
-    manageWindowEvents(add = false) {
-        if (add) {
-            this._windowEventCallback = evt => this._windowInteraction(evt);
-            window.addEventListener('scroll', this._windowEventCallback, true);
-            window.addEventListener('resize', this._windowEventCallback, true);
-        }
-        else {
-            if (this._windowEventCallback) {
-                window.removeEventListener('scroll', this._windowEventCallback, true);
-                window.removeEventListener('resize', this._windowEventCallback, true);
-                this._windowEventCallback = undefined;
-            }
-        }
-    }
-    dispatchEvent(type, data, bubbles, cancelable) {
-        if (this._component.targetElement) {
-            return !emitEvent(this._component.targetElement, type, data, bubbles, cancelable);
-        }
-        return false;
-    }
-    getCloseEventData() {
-        return { popup: this._component };
-    }
-    addClass(classes) {
-        addClass(classes, this._rootElement);
-    }
-    removeClass(classes) {
-        removeClass(classes, this._rootElement);
-    }
-    setAnimationEndListener(listener, classes) {
-        window.requestAnimationFrame(() => {
-            if (classes && classes.length) {
-                addClass(classes, this._rootElement);
-            }
-            this._rootElement.addEventListener('transitionend', listener);
-        });
-    }
-    removeEventListener(type, listener) {
-        this._rootElement.removeEventListener(type, listener);
-    }
-    setBlurListener(listener) {
-        return notChildEventListener(this._component, activeElement => {
-            if (!this._component.contains(activeElement)) {
-                listener();
-            }
-        }, true);
-    }
-    trySetInitialFocus() {
-        window.requestAnimationFrame(() => {
-            const elements = deepQuerySelectorAll(this._component, POPUP_CONSTANTS.selectors.INITIAL_FOCUS);
-            if (elements && elements.length) {
-                const initialElement = elements[elements.length - 1];
-                initialElement.focus();
-            }
-        });
-    }
-    _windowInteraction(evt) {
-        if (!this._component.open) {
-            return;
-        }
-        switch (evt.type) {
-            case 'scroll':
-            case 'resize':
-                this.positionPopup();
-                break;
-            default:
-                break;
-        }
-    }
-}

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

@@ -1,55 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { PositionPlacement } from '../core/utils/position-utils';
-export declare const POPUP_CONSTANTS: {
-    elementName: "forge-popup";
-    classes: {
-        OPEN: string;
-        OPENING: string;
-        CLOSED: string;
-        SELECT: string;
-    };
-    selectors: {
-        HOST: string;
-        CONTAINER: string;
-        INITIAL_FOCUS: string;
-    };
-    attributes: {
-        CONTAINER: string;
-        OPEN: string;
-        PLACEMENT: string;
-        MANAGE_FOCUS: string;
-        ANIMATION_TYPE: string;
-        STATIC: string;
-        HIDE_WHEN_CLIPPED: string;
-        HOST: string;
-        INITIAL_FOCUS: string;
-        CONSTRAIN_VIEWPORT_WIDTH: string;
-    };
-    events: {
-        OPEN: string;
-        CLOSE: string;
-        POSITION: string;
-        BLUR: string;
-    };
-    numbers: {
-        ANIMATION_DURATION: number;
-    };
-};
-export interface IPopupPosition {
-    x: number;
-    y: number;
-}
-export type PopupPlacement = PositionPlacement;
-export declare enum PopupAnimationType {
-    None = "none",
-    Menu = "menu",
-    Dropdown = "dropdown"
-}
-export interface IPopupPositionEventData extends IPopupPosition {
-    visibility: 'visible' | 'hidden';
-}
-export type PopupStateCallback = () => boolean | void | Promise<boolean | void>;

package/esm/popup/popup-constants.js

@@ -1,53 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { COMPONENT_NAME_PREFIX } from '../constants';
-const elementName = `${COMPONENT_NAME_PREFIX}popup`;
-const attributes = {
-    CONTAINER: 'forge-popup',
-    OPEN: 'open',
-    PLACEMENT: 'placement',
-    MANAGE_FOCUS: 'manage-focus',
-    ANIMATION_TYPE: 'animation-type',
-    STATIC: 'static',
-    HIDE_WHEN_CLIPPED: 'hide-when-clipped',
-    HOST: 'forge-popup-host',
-    INITIAL_FOCUS: 'forge-popup-focus',
-    CONSTRAIN_VIEWPORT_WIDTH: 'constrain-viewport-width'
-};
-const classes = {
-    OPEN: 'forge-popup--open',
-    OPENING: 'forge-popup--opening',
-    CLOSED: 'forge-popup--closed',
-    SELECT: 'forge-popup--select'
-};
-const selectors = {
-    HOST: `.forge-popup-host, [${attributes.HOST}]`,
-    CONTAINER: '.forge-popup',
-    INITIAL_FOCUS: `[${attributes.INITIAL_FOCUS}]`
-};
-const events = {
-    OPEN: `${elementName}-open`,
-    CLOSE: `${elementName}-close`,
-    POSITION: `${elementName}-position`,
-    BLUR: `${elementName}-blur`
-};
-const numbers = {
-    ANIMATION_DURATION: 120
-};
-export const POPUP_CONSTANTS = {
-    elementName,
-    classes,
-    selectors,
-    attributes,
-    events,
-    numbers
-};
-export var PopupAnimationType;
-(function (PopupAnimationType) {
-    PopupAnimationType["None"] = "none";
-    PopupAnimationType["Menu"] = "menu";
-    PopupAnimationType["Dropdown"] = "dropdown";
-})(PopupAnimationType || (PopupAnimationType = {}));