@tylertech/forge 3.13.1 → 3.14.0-dev.0

package/esm/core/keyboard/key-manager.js

@@ -1,46 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export const NAVIGATION_KEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'End', 'Home'];
-export class KeyManager {
-    constructor(_config) {
-        this._config = _config;
-    }
-    isNavigationKey({ key, ctrlKey, altKey, shiftKey, metaKey }) {
-        if (ctrlKey || altKey || shiftKey || metaKey) {
-            return false;
-        }
-        return NAVIGATION_KEYS.includes(key);
-    }
-    navigate(key, currentIndex, total) {
-        const nextIndex = currentIndex + this.calculateNextIndex(key, total);
-        if (!this.canNavigateAtIndex(nextIndex)) {
-            return this.navigate(key, nextIndex, total);
-        }
-        return nextIndex;
-    }
-    calculateNextIndex(key, total) {
-        switch (key) {
-            case 'ArrowUp':
-            case 'ArrowLeft':
-                return -1;
-            case 'ArrowDown':
-            case 'ArrowRight':
-                return 1;
-            case 'Home':
-                return 0;
-            case 'End':
-                return total - 1;
-            default:
-                return 0;
-        }
-    }
-    canNavigateAtIndex(index) {
-        if (typeof this._config?.canNavigateCallback === 'function') {
-            return this._config.canNavigateCallback.call(null, index);
-        }
-        return true;
-    }
-}

package/esm/core/testing/pointer.js

@@ -1,48 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { task } from '../utils/utils';
-export function simulateHover(targetEl, { pointerType = 'mouse', isPrimary = true } = {}) {
-    targetEl.dispatchEvent(new PointerEvent('pointerenter', { ...createMouseEventInit(targetEl), isPrimary, pointerType }));
-}
-export function simulateLeave(targetEl) {
-    targetEl.dispatchEvent(new PointerEvent('pointerleave', createMouseEventInit(targetEl)));
-}
-export async function simulatePressed(targetEl, { pointerType = 'mouse' } = {}) {
-    const evtInit = {
-        ...createMouseEventInit(targetEl),
-        pointerType
-    };
-    targetEl.dispatchEvent(new PointerEvent('pointerenter', evtInit));
-    await task();
-    targetEl.dispatchEvent(new PointerEvent('pointerdown', evtInit));
-    targetEl.dispatchEvent(new PointerEvent('pointerup', evtInit));
-    targetEl.dispatchEvent(new MouseEvent('click', evtInit));
-}
-export async function simulatePressAndHold(container, { pointerType = 'mouse' } = {}) {
-    const evtInit = {
-        ...createMouseEventInit(container),
-        pointerType
-    };
-    container.dispatchEvent(new PointerEvent('pointerenter', evtInit));
-    await task();
-    container.dispatchEvent(new PointerEvent('pointerdown', evtInit));
-}
-export function createMouseEventInit(element) {
-    const { top, right, left, bottom } = element.getBoundingClientRect();
-    return {
-        bubbles: true,
-        cancelable: true,
-        composed: true,
-        clientX: (left + right) / 2,
-        clientY: (top + bottom) / 2,
-        screenX: (left + right) / 2,
-        screenY: (top + bottom) / 2,
-        isPrimary: true,
-        pointerType: 'mouse',
-        button: 0,
-        buttons: 1
-    };
-}

package/esm/core/testing/test-harness.js

@@ -1,14 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export class TestHarness {
-    constructor(element) {
-        this.element = element;
-        this.initElementRefs();
-    }
-    invalidate() {
-        this.initElementRefs();
-    }
-}

package/esm/core/testing/utils.js

@@ -1,14 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export function tryCleanupPopovers() {
-    const popovers = Array.from(document.querySelectorAll('forge-popover'));
-    popovers.forEach(p => p.remove());
-}
-export function isVisibleInScrollContainer(scrollContainer, element) {
-    const elemTop = element.offsetTop - scrollContainer.offsetTop;
-    const elemBottom = elemTop + element.offsetHeight;
-    return elemTop >= scrollContainer.scrollTop && elemBottom <= scrollContainer.scrollTop + scrollContainer.offsetHeight;
-}

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

@@ -1,15 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-/**
- * Combines multiple mixins into a single component class.
- *
- * @param base - The base mixin to start with.
- * @param mixins - The mixins to combine.
- * @returns The combined component class.
- */
-export function combineMixins(base, ...mixins) {
-    return mixins.reduce((acc, cur) => cur(acc), base);
-}

package/esm/deprecated/index.js

@@ -1,6 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './button';

package/esm/expansion-panel/expansion-panel-adapter.d.ts

@@ -1,72 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
-import { IOpenIconComponent } from '../open-icon';
-import { IExpansionPanelComponent } from './expansion-panel';
-export interface IExpansionPanelAdapter extends IBaseAdapter {
-    readonly triggerElement?: HTMLElement | null;
-    readonly openIcon?: IOpenIconComponent | null;
-    setAnimationCompleteListener(listener: () => void): void;
-    addContentSlotListener(listener: EventListener): void;
-    addHeaderListener(type: keyof HTMLElementEventMap, listener: EventListener): void;
-    removeTriggerListeners(options?: {
-        reset: boolean;
-    }): void;
-    addTriggerListener(type: keyof HTMLElementEventMap, listener: EventListener): void;
-    tryToggleOpenIcon(value: boolean): void;
-    setContentVisibility(visible: boolean): void;
-    animationStart(): void;
-    animationEnd(): void;
-    setTriggerElementById(id: string): void;
-    setTriggerElement(el?: HTMLElement | null): void;
-    setOpenIconById(id: string): void;
-    setOpenIcon(openIcon?: IOpenIconComponent | null): void;
-    setContentId(): void;
-    updateAriaControls(): void;
-    updateAriaExpanded(open: boolean): void;
-    detachTriggerAria(): void;
-}
-export declare class ExpansionPanelAdapter extends BaseAdapter<IExpansionPanelComponent> implements IExpansionPanelAdapter {
-    private _headerElement;
-    private _contentElement;
-    private _innerElement;
-    private _defaultSlotElement;
-    private _triggerListenerController;
-    private _triggerElement?;
-    private _openIcon?;
-    private _transitionStartListener;
-    private _transitionEndListener;
-    private _transitionCompleteListener;
-    constructor(component: IExpansionPanelComponent);
-    get triggerElement(): HTMLElement | null | undefined;
-    get openIcon(): IOpenIconComponent | null | undefined;
-    private get _slottedContentElement();
-    private set _slottedContentId(value);
-    private get _slottedContentId();
-    setTriggerElementById(id: string): void;
-    setOpenIconById(id: string): void;
-    setAnimationCompleteListener(listener: () => void): void;
-    addContentSlotListener(listener: EventListener): void;
-    addHeaderListener(type: keyof HTMLElementEventMap, listener: EventListener): void;
-    removeTriggerListeners(options?: {
-        reset: boolean;
-    }): void;
-    addTriggerListener(type: keyof HTMLElementEventMap, listener: EventListener): void;
-    tryToggleOpenIcon(value: boolean): void;
-    setContentVisibility(visible: boolean): void;
-    private _onTransitionStart;
-    private _onTransitionEnd;
-    animationStart(): void;
-    animationEnd(): void;
-    setTriggerElement(el: HTMLElement | null): void;
-    setOpenIcon(openIcon: IOpenIconComponent | null): void;
-    setContentId(): void;
-    updateAriaControls(): void;
-    updateAriaExpanded(open: boolean): void;
-    detachTriggerAria(): void;
-    private _getTriggerElementById;
-    private _getOpenIconElementById;
-}

package/esm/expansion-panel/expansion-panel-adapter.js

@@ -1,139 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { getShadowElement, randomChars, toggleAttribute } from '@tylertech/forge-core';
-import { BaseAdapter } from '../core/base/base-adapter';
-import { OPEN_ICON_CONSTANTS } from '../open-icon';
-import { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';
-export class ExpansionPanelAdapter extends BaseAdapter {
-    constructor(component) {
-        super(component);
-        this._transitionStartListener = this._onTransitionStart.bind(this);
-        this._transitionEndListener = this._onTransitionEnd.bind(this);
-        this._headerElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER);
-        this._contentElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.CONTENT);
-        this._innerElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.INNER);
-        this._defaultSlotElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.DEFAULT_SLOT);
-    }
-    get triggerElement() {
-        return this._triggerElement;
-    }
-    get openIcon() {
-        return this._openIcon;
-    }
-    get _slottedContentElement() {
-        return this._defaultSlotElement.assignedElements({ flatten: true })[0];
-    }
-    set _slottedContentId(id) {
-        this._slottedContentElement?.setAttribute('id', id);
-    }
-    get _slottedContentId() {
-        return this._slottedContentElement?.getAttribute('id') ?? '';
-    }
-    setTriggerElementById(id) {
-        this._triggerElement = this._getTriggerElementById(id);
-    }
-    setOpenIconById(id) {
-        this._openIcon = this._getOpenIconElementById(id);
-    }
-    setAnimationCompleteListener(listener) {
-        this._transitionCompleteListener = listener;
-        this._contentElement.addEventListener('transitionstart', this._transitionStartListener);
-        this._contentElement.addEventListener('transitionend', this._transitionEndListener);
-    }
-    addContentSlotListener(listener) {
-        this._defaultSlotElement.addEventListener('slotchange', listener);
-    }
-    addHeaderListener(type, listener) {
-        this._headerElement.addEventListener(type, listener);
-    }
-    removeTriggerListeners(options = { reset: false }) {
-        this._triggerListenerController?.abort();
-        if (options?.reset) {
-            this._triggerListenerController = new AbortController();
-        }
-    }
-    addTriggerListener(type, listener) {
-        this._triggerElement?.addEventListener(type, listener, { signal: this._triggerListenerController.signal });
-    }
-    tryToggleOpenIcon(value) {
-        const internalOpenIcon = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON);
-        const triggerOpenIcon = this._triggerElement?.querySelector(OPEN_ICON_CONSTANTS.elementName);
-        const externalOpenIcon = this._openIcon;
-        const openIcons = [internalOpenIcon, triggerOpenIcon, externalOpenIcon];
-        for (const openIcon of openIcons) {
-            if (openIcon) {
-                openIcon.open = value;
-            }
-        }
-    }
-    setContentVisibility(visible) {
-        this._contentElement.classList.toggle(EXPANSION_PANEL_CONSTANTS.classes.HIDDEN, !visible);
-    }
-    _onTransitionStart(evt) {
-        if (evt.propertyName.startsWith('grid-template')) {
-            this.toggleHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPENING, true);
-        }
-    }
-    _onTransitionEnd(evt) {
-        if (evt.propertyName.startsWith('grid-template')) {
-            this.toggleHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPENING, false);
-            this._transitionCompleteListener();
-        }
-    }
-    animationStart() {
-        this._innerElement.style.overflow = 'hidden';
-    }
-    animationEnd() {
-        this._innerElement.style.removeProperty('overflow');
-    }
-    setTriggerElement(el) {
-        this._triggerElement = el;
-    }
-    setOpenIcon(openIcon) {
-        this._openIcon = openIcon;
-    }
-    setContentId() {
-        if (!this._slottedContentId) {
-            this._slottedContentId = `forge-expansion-panel-content-${randomChars()}`;
-        }
-    }
-    updateAriaControls() {
-        if (this._triggerElement) {
-            toggleAttribute(this._triggerElement, !!this._slottedContentId, 'aria-controls', this._slottedContentId);
-        }
-    }
-    updateAriaExpanded(open) {
-        if (this._triggerElement) {
-            toggleAttribute(this._triggerElement, true, 'aria-expanded', open.toString());
-        }
-    }
-    detachTriggerAria() {
-        this._triggerElement?.removeAttribute('aria-controls');
-        this._triggerElement?.removeAttribute('aria-expanded');
-    }
-    _getTriggerElementById(id) {
-        if (id && this.isConnected) {
-            const rootNode = this._component.getRootNode();
-            return rootNode.getElementById(id);
-        }
-        else {
-            return null;
-        }
-    }
-    _getOpenIconElementById(id) {
-        if (id && this.isConnected) {
-            const rootNode = this._component.getRootNode();
-            const el = rootNode.getElementById(id);
-            if (el?.tagName.toLocaleLowerCase() === OPEN_ICON_CONSTANTS.elementName) {
-                return el;
-            }
-            return null;
-        }
-        else {
-            return null;
-        }
-    }
-}

package/esm/expansion-panel/expansion-panel-core.d.ts

@@ -1,59 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IOpenIconComponent } from '../open-icon';
-import { IExpansionPanelAdapter } from './expansion-panel-adapter';
-import { ExpansionPanelAnimationType, ExpansionPanelOrientation } from './expansion-panel-constants';
-export interface IExpansionPanelCore {
-    open: boolean;
-    orientation: ExpansionPanelOrientation;
-    animationType: ExpansionPanelAnimationType;
-    trigger: string;
-    triggerElement?: HTMLElement | null;
-    dispatchToggleEvent(): void;
-}
-export declare class ExpansionPanelCore implements IExpansionPanelCore {
-    private _adapter;
-    private _open;
-    private _orientation;
-    private _animationType;
-    private _trigger;
-    private _openIcon;
-    private _clickListener;
-    private _keydownListener;
-    private _keyupListener;
-    private _animationCompleteListener;
-    private _slotListener;
-    constructor(_adapter: IExpansionPanelAdapter);
-    initialize(): Promise<void>;
-    destroy(): void;
-    private _handleContentSlotChange;
-    private _clearTrigger;
-    private _syncTrigger;
-    private _syncOpenIcon;
-    private _onClick;
-    private _onKeydown;
-    private _onKeyup;
-    private _tryToggle;
-    private _canIgnoreEvent;
-    private _onAnimationComplete;
-    private _togglePanel;
-    dispatchToggleEvent(): void;
-    private _toggle;
-    get open(): boolean;
-    set open(value: boolean);
-    get orientation(): ExpansionPanelOrientation;
-    set orientation(value: ExpansionPanelOrientation);
-    get animationType(): ExpansionPanelAnimationType;
-    set animationType(value: ExpansionPanelAnimationType);
-    get trigger(): string;
-    set trigger(value: string);
-    get triggerElement(): HTMLElement | null | undefined;
-    set triggerElement(el: HTMLElement | null | undefined);
-    get openIcon(): string;
-    set openIcon(value: string);
-    get openIconElement(): IOpenIconComponent | null | undefined;
-    set openIconElement(openIcon: IOpenIconComponent | null | undefined);
-}

package/esm/expansion-panel/expansion-panel-core.js

@@ -1,195 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { frame } from '../core';
-import { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';
-export class ExpansionPanelCore {
-    constructor(_adapter) {
-        this._adapter = _adapter;
-        this._open = false;
-        this._orientation = 'vertical';
-        this._animationType = 'default';
-        this._trigger = '';
-        this._openIcon = '';
-        this._clickListener = this._onClick.bind(this);
-        this._keydownListener = this._onKeydown.bind(this);
-        this._keyupListener = this._onKeyup.bind(this);
-        this._animationCompleteListener = this._onAnimationComplete.bind(this);
-        this._slotListener = this._handleContentSlotChange.bind(this);
-    }
-    async initialize() {
-        this._adapter.addHeaderListener('click', this._clickListener);
-        this._adapter.addHeaderListener('keydown', this._keydownListener);
-        this._adapter.addHeaderListener('keyup', this._keyupListener);
-        this._adapter.setAnimationCompleteListener(this._animationCompleteListener);
-        this._adapter.addContentSlotListener(this._slotListener);
-        this._adapter.setContentId();
-        await frame();
-        this._syncTrigger();
-        this._syncOpenIcon();
-    }
-    destroy() {
-        this._adapter.detachTriggerAria();
-        this._adapter.removeTriggerListeners();
-        this._adapter.setTriggerElement(undefined);
-        this._adapter.setOpenIcon(undefined);
-    }
-    _handleContentSlotChange() {
-        this._adapter.setContentId();
-        this._syncTrigger();
-    }
-    _clearTrigger() {
-        this._adapter.removeTriggerListeners({ reset: true });
-        this._adapter.detachTriggerAria();
-    }
-    _syncTrigger() {
-        if (!this._adapter.triggerElement?.isConnected) {
-            this._clearTrigger();
-            if (this._trigger) {
-                this._adapter.setTriggerElementById(this._trigger);
-            }
-            else {
-                this._adapter.setTriggerElement(undefined);
-            }
-        }
-        this._adapter.updateAriaControls();
-        this._adapter.updateAriaExpanded(this._open);
-        this._adapter.removeTriggerListeners({ reset: true });
-        this._adapter.addTriggerListener('click', this._clickListener);
-        this._adapter.addTriggerListener('keydown', this._keydownListener);
-        this._adapter.addTriggerListener('keyup', this._keyupListener);
-    }
-    _syncOpenIcon() {
-        if (!this._adapter.openIcon?.isConnected) {
-            if (this._openIcon) {
-                this._adapter.setOpenIconById(this._openIcon);
-            }
-            else {
-                this._adapter.setOpenIcon(undefined);
-            }
-        }
-    }
-    _onClick(evt) {
-        this._tryToggle(evt);
-    }
-    _onKeydown(evt) {
-        if (evt.key === ' ' || evt.key === 'Enter') {
-            evt.preventDefault();
-        }
-    }
-    _onKeyup(evt) {
-        if (evt.key === ' ' || evt.key === 'Enter') {
-            this._tryToggle(evt);
-        }
-    }
-    _tryToggle(evt) {
-        if (this._canIgnoreEvent(evt)) {
-            return;
-        }
-        evt.stopPropagation();
-        this._toggle();
-        this.dispatchToggleEvent();
-    }
-    _canIgnoreEvent(evt) {
-        return evt.composedPath().some((el) => el.nodeType === Node.ELEMENT_NODE && el.matches(EXPANSION_PANEL_CONSTANTS.selectors.IGNORE));
-    }
-    _onAnimationComplete() {
-        if (!this._open) {
-            this._adapter.setContentVisibility(false);
-        }
-        else if (this._animationType !== 'none') {
-            this._adapter.animationEnd();
-        }
-        this._adapter.dispatchHostEvent(new CustomEvent(EXPANSION_PANEL_CONSTANTS.events.ANIMATION_COMPLETE, { detail: this._open }));
-    }
-    _togglePanel() {
-        this._adapter.toggleHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN, this._open);
-        this._adapter.tryToggleOpenIcon(this._open);
-        this._adapter.updateAriaExpanded(this._open);
-        if (this._open) {
-            if (this._animationType !== 'none') {
-                this._adapter.animationStart();
-            }
-            this._adapter.setContentVisibility(true);
-        }
-    }
-    dispatchToggleEvent() {
-        const evt = new CustomEvent(EXPANSION_PANEL_CONSTANTS.events.TOGGLE, {
-            detail: this._open,
-            bubbles: true,
-            composed: true
-        });
-        this._adapter.dispatchHostEvent(evt);
-    }
-    _toggle() {
-        this.open = !this.open;
-    }
-    get open() {
-        return this._open;
-    }
-    set open(value) {
-        value = Boolean(value);
-        if (this._open !== value) {
-            this._open = value;
-            this._togglePanel();
-        }
-    }
-    get orientation() {
-        return this._orientation;
-    }
-    set orientation(value) {
-        if (this._orientation !== value) {
-            this._orientation = value;
-            this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION, this._orientation);
-        }
-    }
-    get animationType() {
-        return this._animationType;
-    }
-    set animationType(value) {
-        if (this._animationType !== value) {
-            this._animationType = value;
-            this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.ANIMATION_TYPE, this._animationType);
-        }
-    }
-    get trigger() {
-        return this._trigger;
-    }
-    set trigger(value) {
-        if (this._trigger !== value) {
-            this._clearTrigger();
-            this._trigger = value;
-            this._adapter.setTriggerElementById(this._trigger);
-            this._syncTrigger();
-        }
-    }
-    get triggerElement() {
-        return this._adapter.triggerElement;
-    }
-    set triggerElement(el) {
-        if (this._adapter.triggerElement !== el) {
-            this._clearTrigger();
-            this._adapter.setTriggerElement(el);
-            this._syncTrigger();
-        }
-    }
-    get openIcon() {
-        return this._openIcon;
-    }
-    set openIcon(value) {
-        if (this._openIcon !== value) {
-            this._openIcon = value;
-            this._syncOpenIcon();
-        }
-    }
-    get openIconElement() {
-        return this._adapter.openIcon;
-    }
-    set openIconElement(openIcon) {
-        if (this._adapter.openIcon !== openIcon) {
-            this._adapter.setOpenIcon(openIcon);
-        }
-    }
-}

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

@@ -1,23 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IIconComponent } from './icon';
-import { BaseAdapter, IBaseAdapter } from '../core';
-export interface IIconAdapter extends IBaseAdapter {
-    canLazyLoad(): boolean;
-    observeVisibility(listener: () => void): void;
-    destroyVisibilityObserver(): void;
-    setContent(content: Node | null): void;
-    setViewBox(viewBox: string): void;
-}
-export declare class IconAdapter extends BaseAdapter<IIconComponent> implements IIconAdapter {
-    private _observer;
-    constructor(component: IIconComponent);
-    canLazyLoad(): boolean;
-    observeVisibility(listener: () => void): void;
-    destroyVisibilityObserver(): void;
-    setContent(element: Element | null): void;
-    setViewBox(viewBox: string): void;
-}

package/esm/icon/icon-adapter.js

@@ -1,45 +0,0 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter } from '../core';
-import { ICON_CONSTANTS } from './icon-constants';
-export class IconAdapter extends BaseAdapter {
-    constructor(component) {
-        super(component);
-    }
-    canLazyLoad() {
-        return !!window.IntersectionObserver;
-    }
-    observeVisibility(listener) {
-        this._observer = new IntersectionObserver(entries => {
-            if (entries.some(entry => entry.isIntersecting)) {
-                this.destroyVisibilityObserver();
-                listener();
-            }
-        }, { rootMargin: `${ICON_CONSTANTS.numbers.LAZY_ROOT_MARGIN}px` });
-        this._observer.observe(this._component);
-    }
-    destroyVisibilityObserver() {
-        if (this._observer) {
-            this._observer.disconnect();
-            this._observer = undefined;
-        }
-    }
-    setContent(element) {
-        const shadowRoot = this._component.shadowRoot;
-        shadowRoot.querySelectorAll(':not(style)').forEach(child => child.remove());
-        if (element) {
-            if (this._component.viewbox) {
-                element.setAttribute('viewBox', this._component.viewbox);
-            }
-            element.setAttribute('aria-hidden', 'true');
-            shadowRoot.appendChild(element);
-        }
-    }
-    setViewBox(viewBox) {
-        const svgEl = this._component.shadowRoot?.querySelector('svg');
-        svgEl?.setAttribute('viewBox', viewBox);
-    }
-}