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

package/esm/backdrop/backdrop-foundation.d.ts

@@ -1,38 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ICustomElementFoundation } from '@tylertech/forge-core';
-import { IBackdropAdapter } from './backdrop-adapter';
-import { BackdropAppearance } from './backdrop-constants';
-export interface IBackdropFoundation extends ICustomElementFoundation {
-    fadeOut(): Promise<void>;
-    fadeIn(): Promise<void>;
-    appearance: BackdropAppearance;
-}
-export declare class BackdropFoundation implements IBackdropFoundation {
-    private _adapter;
-    private _delay;
-    private _maxOpacity;
-    private _appearance;
-    constructor(_adapter: IBackdropAdapter);
-    initialize(): void;
-    /**
-     * Starts the fade-out animation to animate the backdrop to 0% opacity.
-     */
-    fadeOut(): Promise<void>;
-    /**
-     * Starts the fade-in animation to animate the backdrop to max opacity.
-     */
-    fadeIn(): Promise<void>;
-    private _onClick;
-    disconnect(): void;
-    private _applyAppearance;
-    set delay(value: number);
-    get delay(): number;
-    set maxOpacity(value: number);
-    get maxOpacity(): number;
-    get appearance(): BackdropAppearance;
-    set appearance(value: BackdropAppearance);
-}

package/esm/backdrop/backdrop-foundation.js

@@ -1,82 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BACKDROP_CONSTANTS } from './backdrop-constants';
-export class BackdropFoundation {
-    constructor(_adapter) {
-        this._adapter = _adapter;
-        this._delay = BACKDROP_CONSTANTS.numbers.DELAY;
-        this._maxOpacity = BACKDROP_CONSTANTS.numbers.OPACITY;
-        this._adapter.addBackdropEventListener('click', this._onClick.bind(this));
-    }
-    initialize() {
-        this._adapter.setBackdropOpacity(0);
-        this._applyAppearance();
-        this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.DELAY, this._delay.toString());
-        this.fadeIn();
-    }
-    /**
-     * Starts the fade-out animation to animate the backdrop to 0% opacity.
-     */
-    fadeOut() {
-        return new Promise(resolve => {
-            this._adapter.setBackdropOpacity(0);
-            setTimeout(() => resolve(), BACKDROP_CONSTANTS.numbers.TRANSITION_DURATION);
-        });
-    }
-    /**
-     * Starts the fade-in animation to animate the backdrop to max opacity.
-     */
-    fadeIn() {
-        return new Promise(resolve => {
-            setTimeout(() => {
-                this._adapter.setBackdropOpacity(this._maxOpacity);
-                setTimeout(() => resolve(), BACKDROP_CONSTANTS.numbers.TRANSITION_DURATION);
-            }, this.delay);
-        });
-    }
-    _onClick(evt) {
-        evt.stopPropagation();
-        this._adapter.emitHostEvent(BACKDROP_CONSTANTS.events.BACKDROP_CLICK, undefined, true, true);
-    }
-    disconnect() {
-        this._adapter.removeBackdropEventListener('click', this._onClick);
-    }
-    _applyAppearance() {
-        if (this._appearance) {
-            this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.APPEARANCE, String(this._appearance));
-        }
-        else {
-            this._adapter.removeHostAttribute(BACKDROP_CONSTANTS.attributes.APPEARANCE);
-        }
-    }
-    set delay(value) {
-        if (this._delay !== value) {
-            this._delay = value;
-            this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.DELAY, this._delay.toString());
-        }
-    }
-    get delay() {
-        return this._delay;
-    }
-    set maxOpacity(value) {
-        if (this._maxOpacity !== value) {
-            this._maxOpacity = value;
-            this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY, this._maxOpacity.toString());
-        }
-    }
-    get maxOpacity() {
-        return this._maxOpacity;
-    }
-    get appearance() {
-        return this._appearance;
-    }
-    set appearance(value) {
-        if (this._appearance !== value) {
-            this._appearance = value;
-            this._applyAppearance();
-        }
-    }
-}

package/esm/field-next/field-adapter.d.ts

@@ -1,56 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core/base';
-import { FieldLabelPosition } from './base/base-field-constants';
-import { IFieldComponent } from './field';
-export interface IFieldAdapter extends IBaseAdapter {
-    addRootListener(name: keyof HTMLElementEventMap, listener: EventListener): void;
-    addPopoverIconClickListener(listener: EventListener): void;
-    removePopoverIconClickListener(listener: EventListener): void;
-    attachResizeContainer(): void;
-    removeResizeContainer(): void;
-    setLabelPosition(value: FieldLabelPosition): void;
-    setFloatingLabel(value: boolean, skipAnimation?: boolean): void;
-    handleSlotChange(slot: HTMLSlotElement): void;
-}
-export declare class FieldAdapter extends BaseAdapter<IFieldComponent> implements IFieldAdapter {
-    private readonly _rootElement;
-    private readonly _containerElement;
-    private readonly _labelElement;
-    private readonly _popoverIconElement;
-    private get _resizeContainerElement();
-    constructor(component: IFieldComponent);
-    addRootListener(name: keyof HTMLElementEventMap, listener: EventListener): void;
-    addPopoverIconClickListener(listener: EventListener): void;
-    removePopoverIconClickListener(listener: EventListener): void;
-    /**
-     * Wraps the container's children in a resizable div.
-     */
-    attachResizeContainer(): void;
-    /**
-     * Removes the resize container while retaining its children as direct children of the container.
-     */
-    removeResizeContainer(): void;
-    /**
-     * Moves the label to the start or end of the root element, ensuring that the DOM order matches
-     * the visual order.
-     */
-    setLabelPosition(value: FieldLabelPosition): void;
-    /**
-     * Adds or removes animation classes on the root element.
-     */
-    setFloatingLabel(value: boolean, skipAnimation?: boolean): void;
-    /**
-     * Adds or removes a class from the root element indicating whether the slot has any assigned
-     * nodes.
-     */
-    handleSlotChange(slot: HTMLSlotElement): void;
-    /**
-     * Gets `<label>` and `<forge-label>` elements from the default slot and assigns them to the
-     * 'label' slot.
-     */
-    private _trySlotLabel;
-}

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

@@ -1,132 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { addClass, getShadowElement, removeClass, toggleClass } from '@tylertech/forge-core';
-import { unwrapElements, wrapElements } from '../core';
-import { BaseAdapter } from '../core/base';
-import { FOCUS_INDICATOR_CONSTANTS } from '../focus-indicator';
-import { FIELD_CONSTANTS } from './field-constants';
-export class FieldAdapter extends BaseAdapter {
-    get _resizeContainerElement() {
-        return this._containerElement.querySelector(FIELD_CONSTANTS.selectors.RESIZE_CONTAINER);
-    }
-    constructor(component) {
-        super(component);
-        this._rootElement = getShadowElement(component, FIELD_CONSTANTS.selectors.ROOT);
-        this._containerElement = getShadowElement(component, FIELD_CONSTANTS.selectors.CONTAINER);
-        this._labelElement = getShadowElement(component, FIELD_CONSTANTS.selectors.LABEL);
-        this._popoverIconElement = getShadowElement(component, FIELD_CONSTANTS.selectors.POPOVER_ICON);
-    }
-    addRootListener(name, listener) {
-        this._rootElement.addEventListener(name, listener);
-    }
-    addPopoverIconClickListener(listener) {
-        this._popoverIconElement.addEventListener('click', listener);
-    }
-    removePopoverIconClickListener(listener) {
-        this._popoverIconElement.removeEventListener('click', listener);
-    }
-    /**
-     * Wraps the container's children in a resizable div.
-     */
-    attachResizeContainer() {
-        // Return if a resize container is already attached
-        if (this._resizeContainerElement) {
-            return;
-        }
-        const resizeContainer = document.createElement('div');
-        resizeContainer.classList.add(FIELD_CONSTANTS.classes.RESIZE_CONTAINER);
-        const childElements = Array.from(this._containerElement.children);
-        wrapElements(childElements, resizeContainer, [FOCUS_INDICATOR_CONSTANTS.elementName]);
-    }
-    /**
-     * Removes the resize container while retaining its children as direct children of the container.
-     */
-    removeResizeContainer() {
-        const resizeContainerElement = this._resizeContainerElement;
-        if (resizeContainerElement) {
-            unwrapElements(resizeContainerElement);
-        }
-    }
-    /**
-     * Moves the label to the start or end of the root element, ensuring that the DOM order matches
-     * the visual order.
-     */
-    setLabelPosition(value) {
-        this._labelElement.remove();
-        if (value === 'inline-end') {
-            this._rootElement.append(this._labelElement);
-        }
-        else if (value === 'inset') {
-            const resizeContainerElement = this._resizeContainerElement;
-            if (resizeContainerElement) {
-                resizeContainerElement.prepend(this._labelElement);
-                return;
-            }
-            this._containerElement.prepend(this._labelElement);
-        }
-        else {
-            this._rootElement.prepend(this._labelElement);
-        }
-    }
-    /**
-     * Adds or removes animation classes on the root element.
-     */
-    setFloatingLabel(value, skipAnimation = false) {
-        if (skipAnimation) {
-            return;
-        }
-        const className = value ? FIELD_CONSTANTS.classes.FLOATING_IN : FIELD_CONSTANTS.classes.FLOATING_OUT;
-        const animationName = value ? FIELD_CONSTANTS.animations.FLOAT_IN_LABEL : FIELD_CONSTANTS.animations.FLOAT_OUT_LABEL;
-        const animationEndListener = (evt) => {
-            if (evt.animationName === animationName) {
-                removeClass(className, this._rootElement);
-                this._rootElement.removeEventListener('animationend', animationEndListener);
-            }
-        };
-        addClass(className, this._rootElement);
-        this._rootElement.addEventListener('animationend', animationEndListener);
-    }
-    /**
-     * Adds or removes a class from the root element indicating whether the slot has any assigned
-     * nodes.
-     */
-    handleSlotChange(slot) {
-        if (slot.name === '') {
-            this._trySlotLabel(slot);
-            return;
-        }
-        // Ensure that the slot belongs to the field
-        const slotElement = getShadowElement(this._component, `slot[name=${slot.name}]`);
-        if (!slotElement) {
-            return;
-        }
-        const classMap = {
-            label: FIELD_CONSTANTS.classes.HAS_LABEL,
-            start: FIELD_CONSTANTS.classes.HAS_START,
-            end: FIELD_CONSTANTS.classes.HAS_END,
-            accessory: FIELD_CONSTANTS.classes.HAS_ACCESSORY,
-            'support-text-start': FIELD_CONSTANTS.classes.HAS_SUPPORT_START,
-            'support-text-end': FIELD_CONSTANTS.classes.HAS_SUPPORT_END
-        };
-        if (slot.name in classMap) {
-            toggleClass(this._rootElement, !!slotElement.assignedNodes({ flatten: true }).length, classMap[slot.name]);
-        }
-    }
-    /**
-     * Gets `<label>` and `<forge-label>` elements from the default slot and assigns them to the
-     * 'label' slot.
-     */
-    _trySlotLabel(slot) {
-        const elements = slot.assignedElements({ flatten: true });
-        const labels = elements.filter(el => el.matches(FIELD_CONSTANTS.selectors.LABEL_ELEMENTS));
-        labels.forEach(label => {
-            if (label.slot) {
-                return;
-            }
-            label.slot = 'label';
-        });
-    }
-}

package/esm/field-next/field-constants.d.ts

@@ -1,95 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export declare const FIELD_CONSTANTS: {
-    elementName: "forge-field";
-    observedAttributes: {
-        POPOVER_EXPANDED: string;
-        MULTILINE: string;
-        LABEL_POSITION: string;
-        LABEL_ALIGNMENT: string;
-        INVALID: string;
-        REQUIRED: string;
-        OPTIONAL: string;
-        DISABLED: string;
-        FLOAT_LABEL: string;
-        VARIANT: string;
-        THEME: string;
-        SHAPE: string;
-        DENSITY: string;
-        DENSE: string;
-        POPOVER_ICON: string;
-        SUPPORT_TEXT_INSET: string;
-    };
-    attributes: {
-        MULTI_INPUT_SEPARATOR: string;
-        POPOVER_EXPANDED: string;
-        MULTILINE: string;
-        LABEL_POSITION: string;
-        LABEL_ALIGNMENT: string;
-        INVALID: string;
-        REQUIRED: string;
-        OPTIONAL: string;
-        DISABLED: string;
-        FLOAT_LABEL: string;
-        VARIANT: string;
-        THEME: string;
-        SHAPE: string;
-        DENSITY: string;
-        DENSE: string;
-        POPOVER_ICON: string;
-        SUPPORT_TEXT_INSET: string;
-    };
-    classes: {
-        FLOATING_IN: string;
-        FLOATING_OUT: string;
-        HAS_LABEL: string;
-        HAS_START: string;
-        HAS_END: string;
-        HAS_ACCESSORY: string;
-        HAS_SUPPORT_START: string;
-        HAS_SUPPORT_END: string;
-        RESIZE_CONTAINER: string;
-    };
-    selectors: {
-        ROOT: string;
-        CONTAINER: string;
-        LABEL: string;
-        POPOVER_ICON: string;
-        RESIZE_CONTAINER: string;
-        LABEL_ELEMENTS: string;
-        POPOVER_TARGET: string;
-    };
-    parts: {
-        ROOT: string;
-        LABEL: string;
-        CONTAINER: string;
-        START: string;
-        INPUT: string;
-        POPOVER_ICON: string;
-        END: string;
-        ACCESSORY: string;
-        SUPPORT_TEXT: string;
-        SUPPORT_TEXT_START: string;
-        SUPPORT_TEXT_END: string;
-        FOCUS_INDICATOR: string;
-    };
-    events: {
-        POPOVER_ICON_CLICK: string;
-    };
-    defaults: {
-        DEFAULT_VARIANT: import("./base/base-field-constants").FieldVariant;
-        DEFAULT_THEME: import("./base/base-field-constants").FieldTheme;
-        DEFAULT_SHAPE: import("./base/base-field-constants").FieldShape;
-        DEFAULT_DENSITY: import("./base/base-field-constants").FieldDensity;
-        DEFAULT_LABEL_POSITION: import("./base/base-field-constants").FieldLabelPosition;
-        DEFAULT_LABEL_ALIGNMENT: import("./base/base-field-constants").FieldLabelAlignment;
-        DEFAULT_SUPPORT_TEXT_INSET: import("./base/base-field-constants").FieldSupportTextInset;
-    };
-    animations: {
-        FLOAT_IN_LABEL: string;
-        FLOAT_OUT_LABEL: string;
-    };
-};

package/esm/field-next/field-constants.js

@@ -1,64 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { COMPONENT_NAME_PREFIX } from '../constants';
-import { LABEL_CONSTANTS } from '../label';
-import { BASE_FIELD_CONSTANTS } from './base/base-field-constants';
-const elementName = `${COMPONENT_NAME_PREFIX}field`;
-const observedAttributes = Object.assign(Object.assign({}, BASE_FIELD_CONSTANTS.observedAttributes), { POPOVER_EXPANDED: 'popover-expanded', MULTILINE: 'multiline' });
-const attributes = Object.assign(Object.assign({}, observedAttributes), { MULTI_INPUT_SEPARATOR: 'data-forge-multi-input-separator' });
-const classes = {
-    FLOATING_IN: 'forge-field--floating-in',
-    FLOATING_OUT: 'forge-field--floating-out',
-    HAS_LABEL: 'forge-field--has-label',
-    HAS_START: 'forge-field--has-start',
-    HAS_END: 'forge-field--has-end',
-    HAS_ACCESSORY: 'forge-field--has-accessory',
-    HAS_SUPPORT_START: 'forge-field--has-support-text-start',
-    HAS_SUPPORT_END: 'forge-field--has-support-text-end',
-    RESIZE_CONTAINER: 'resize-container'
-};
-const selectors = {
-    ROOT: '#root',
-    CONTAINER: '#container',
-    LABEL: '#label',
-    POPOVER_ICON: '#popover-icon',
-    RESIZE_CONTAINER: `.${classes.RESIZE_CONTAINER}`,
-    LABEL_ELEMENTS: `:where(label, ${LABEL_CONSTANTS.elementName})`,
-    POPOVER_TARGET: '.popover-target'
-};
-const parts = {
-    ROOT: 'root',
-    LABEL: 'label',
-    CONTAINER: 'container',
-    START: 'start',
-    INPUT: 'input',
-    POPOVER_ICON: 'popover-icon',
-    END: 'end',
-    ACCESSORY: 'accessory',
-    SUPPORT_TEXT: 'support-text',
-    SUPPORT_TEXT_START: 'support-text-start',
-    SUPPORT_TEXT_END: 'support-text-end',
-    FOCUS_INDICATOR: 'focus-indicator'
-};
-const events = {
-    POPOVER_ICON_CLICK: `${elementName}-popover-icon-click`
-};
-const defaults = Object.assign({}, BASE_FIELD_CONSTANTS.defaults);
-const animations = {
-    FLOAT_IN_LABEL: 'float-in-label-animation',
-    FLOAT_OUT_LABEL: 'float-out-label-animation'
-};
-export const FIELD_CONSTANTS = {
-    elementName,
-    observedAttributes,
-    attributes,
-    classes,
-    selectors,
-    parts,
-    events,
-    defaults,
-    animations
-};

package/esm/field-next/field-foundation.js

@@ -1,221 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { FIELD_CONSTANTS } from './field-constants';
-export class FieldFoundation {
-    constructor(_adapter) {
-        this._adapter = _adapter;
-        this._labelPosition = FIELD_CONSTANTS.defaults.DEFAULT_LABEL_POSITION;
-        this._labelAlignment = FIELD_CONSTANTS.defaults.DEFAULT_LABEL_ALIGNMENT;
-        this._floatLabel = false;
-        this._invalid = false;
-        this._required = false;
-        this._optional = false;
-        this._disabled = false;
-        this._variant = FIELD_CONSTANTS.defaults.DEFAULT_VARIANT;
-        this._theme = FIELD_CONSTANTS.defaults.DEFAULT_THEME;
-        this._shape = FIELD_CONSTANTS.defaults.DEFAULT_SHAPE;
-        this._density = FIELD_CONSTANTS.defaults.DEFAULT_DENSITY;
-        this._dense = false;
-        this._popoverIcon = false;
-        this._popoverExpanded = false;
-        this._multiline = false;
-        this._supportTextInset = FIELD_CONSTANTS.defaults.DEFAULT_SUPPORT_TEXT_INSET;
-        this._slotChangeListener = this._onSlotChange.bind(this);
-        this._popoverIconClickListener = this._onPopoverIconClick.bind(this);
-    }
-    initialize() {
-        this._adapter.addRootListener('slotchange', this._slotChangeListener);
-        this._adapter.setLabelPosition(this._labelPosition);
-        if (this._popoverIcon) {
-            this._adapter.addPopoverIconClickListener(this._popoverIconClickListener);
-        }
-        if (this._multiline) {
-            this._adapter.attachResizeContainer();
-        }
-    }
-    _onSlotChange(evt) {
-        this._adapter.handleSlotChange(evt.target);
-    }
-    _onPopoverIconClick() {
-        this._adapter.emitHostEvent(FIELD_CONSTANTS.events.POPOVER_ICON_CLICK);
-    }
-    floatLabelWithoutAnimation(value) {
-        if (this._floatLabel !== value) {
-            this._floatLabel = value;
-            this._adapter.setFloatingLabel(this._floatLabel, true);
-            this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.FLOAT_LABEL, this._floatLabel);
-        }
-    }
-    ;
-    get labelPosition() {
-        return this._labelPosition;
-    }
-    set labelPosition(value) {
-        if (this._labelPosition !== value) {
-            this._labelPosition = value;
-            this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.LABEL_POSITION, this._labelPosition);
-            if (!this._adapter.isConnected) {
-                return;
-            }
-            this._adapter.setLabelPosition(this._labelPosition);
-        }
-    }
-    get labelAlignment() {
-        return this._labelAlignment;
-    }
-    set labelAlignment(value) {
-        if (this._labelAlignment !== value) {
-            this._labelAlignment = value;
-            this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.LABEL_ALIGNMENT, this._labelAlignment);
-        }
-    }
-    get floatLabel() {
-        return this._floatLabel;
-    }
-    set floatLabel(value) {
-        if (this._floatLabel !== value) {
-            this._floatLabel = value;
-            this._adapter.setFloatingLabel(this._floatLabel);
-            this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.FLOAT_LABEL, this._floatLabel);
-        }
-    }
-    get invalid() {
-        return this._invalid;
-    }
-    set invalid(value) {
-        if (this._invalid !== value) {
-            this._invalid = value;
-            this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.INVALID, this._invalid);
-        }
-    }
-    get required() {
-        return this._required;
-    }
-    set required(value) {
-        if (this._required !== value) {
-            this._required = value;
-            this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.REQUIRED, this._required);
-        }
-    }
-    get optional() {
-        return this._optional;
-    }
-    set optional(value) {
-        if (this._optional !== value) {
-            this._optional = value;
-            this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.OPTIONAL, this._optional);
-        }
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        if (this._disabled !== value) {
-            this._disabled = value;
-            this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.DISABLED, this._disabled);
-        }
-    }
-    get variant() {
-        return this._variant;
-    }
-    set variant(value) {
-        if (this._variant !== value) {
-            this._variant = value;
-            this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.VARIANT, this._variant);
-        }
-    }
-    get theme() {
-        return this._theme;
-    }
-    set theme(value) {
-        if (this._theme !== value) {
-            this._theme = value;
-            this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.THEME, this._theme);
-        }
-    }
-    get shape() {
-        return this._shape;
-    }
-    set shape(value) {
-        if (this._shape !== value) {
-            this._shape = value;
-            this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.SHAPE, this._shape);
-        }
-    }
-    get density() {
-        return this._density;
-    }
-    set density(value) {
-        if (this._density !== value) {
-            this._density = value;
-            this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.DENSITY, this._density);
-        }
-    }
-    // `dense` takes precedence over `density`
-    get dense() {
-        return this._dense;
-    }
-    set dense(value) {
-        if (this._dense !== value) {
-            this._dense = value;
-            this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.DENSE, this._dense);
-        }
-    }
-    get popoverIcon() {
-        return this._popoverIcon;
-    }
-    set popoverIcon(value) {
-        if (this._popoverIcon !== value) {
-            this._popoverIcon = value;
-            this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.POPOVER_ICON, this._popoverIcon);
-            if (!this._adapter.isConnected) {
-                return;
-            }
-            if (this._popoverIcon) {
-                this._adapter.addPopoverIconClickListener(this._popoverIconClickListener);
-            }
-            else {
-                this._adapter.removePopoverIconClickListener(this._popoverIconClickListener);
-            }
-        }
-    }
-    get popoverExpanded() {
-        return this._popoverExpanded;
-    }
-    set popoverExpanded(value) {
-        if (this._popoverExpanded !== value) {
-            this._popoverExpanded = value;
-            this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.POPOVER_EXPANDED, this._popoverExpanded);
-        }
-    }
-    get multiline() {
-        return this._multiline;
-    }
-    set multiline(value) {
-        if (this._multiline !== value) {
-            this._multiline = value;
-            this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.MULTILINE, this._multiline);
-            if (!this._adapter.isConnected) {
-                return;
-            }
-            if (this._multiline) {
-                this._adapter.attachResizeContainer();
-            }
-            else {
-                this._adapter.removeResizeContainer();
-            }
-        }
-    }
-    get supportTextInset() {
-        return this._supportTextInset;
-    }
-    set supportTextInset(value) {
-        if (this._supportTextInset !== value) {
-            this._supportTextInset = value;
-            this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.SUPPORT_TEXT_INSET, this._supportTextInset);
-        }
-    }
-}