@tylertech/forge 2.13.1 → 2.14.0-dev.0

package/esm/menu/menu.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { IListDropdownAware, ListDropdownAware } from '../list-dropdown/list-dropdown-aware';
@@ -12,6 +12,7 @@ export interface IMenuComponent extends IListDropdownAware {
     selectedIndex: number;
     selectedValue: number;
     placement: PopupPlacement;
+    fallbackPlacements: PopupPlacement[];
     dense: boolean;
     iconClass: string;
     persistSelection: boolean;
@@ -20,6 +21,7 @@ export interface IMenuComponent extends IListDropdownAware {
     optionBuilder: MenuOptionBuilder | undefined;
     popupElement: HTMLElement | undefined;
     propagateKeyEvent(evt: KeyboardEvent): void;
+    activateFirstOption(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -54,6 +56,8 @@ export declare class MenuComponent extends ListDropdownAware implements IMenuCom
     selectedValue: any;
     /** Gets/sets the menu placement (default is bottom-left). */
     placement: `${PopupPlacement}`;
+    /** Gets/sets the fallback menu placement for overriding the default of any side. */
+    fallbackPlacements: `${PopupPlacement}`[];
     /** Gets/sets dense state of the list options used in the menu popup. */
     dense: boolean;
     /** Gets/sets the class name to use for option icons. */
@@ -65,7 +69,7 @@ export declare class MenuComponent extends ListDropdownAware implements IMenuCom
     persistSelection: boolean;
     /** Gets/sets the mode that this menu is using. */
     mode: MenuMode;
-    /** Sets the position adustment on the internal popup element. */
+    /** Sets the position adjustment on the internal popup element. */
     popupOffset: IPopupPosition;
     /** Sets the callback that will be executed for each option in the dropdown for producing custom option templates. */
     optionBuilder: MenuOptionBuilder;
@@ -73,4 +77,5 @@ export declare class MenuComponent extends ListDropdownAware implements IMenuCom
     popupElement: HTMLElement | undefined;
     /** Force propagates the key event from another element this component. */
     propagateKeyEvent(evt: KeyboardEvent): void;
+    activateFirstOption(): void;
 }

package/esm/menu/menu.js

@@ -1,10 +1,10 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { __decorate } from "tslib";
-import { attachShadowTemplate, coerceBoolean, CustomElement, ensureChildren, FoundationProperty, isDefined } from '@tylertech/forge-core';
+import { attachShadowTemplate, coerceBoolean, CustomElement, ensureChild, FoundationProperty, isDefined } from '@tylertech/forge-core';
 import { tylIconArrowRight } from '@tylertech/tyler-icons/standard';
 import { CircularProgressComponent } from '../circular-progress';
 import { IconRegistry } from '../icon';
@@ -47,11 +47,11 @@ let MenuComponent = class MenuComponent extends ListDropdownAware {
         ];
     }
     connectedCallback() {
-        if (this.children.length) {
+        if (this.querySelector(MENU_CONSTANTS.selectors.TOGGLE)) {
             this._foundation.initialize();
         }
         else {
-            ensureChildren(this).then(() => this._foundation.initialize());
+            ensureChild(this, MENU_CONSTANTS.selectors.TOGGLE).then(() => this._foundation.initialize());
         }
     }
     attributeChangedCallback(name, oldValue, newValue) {
@@ -90,6 +90,9 @@ let MenuComponent = class MenuComponent extends ListDropdownAware {
     propagateKeyEvent(evt) {
         this._foundation.onKeydown(evt);
     }
+    activateFirstOption() {
+        this._foundation.activateFirstOption();
+    }
 };
 __decorate([
     FoundationProperty()
@@ -106,6 +109,9 @@ __decorate([
 __decorate([
     FoundationProperty()
 ], MenuComponent.prototype, "placement", void 0);
+__decorate([
+    FoundationProperty()
+], MenuComponent.prototype, "fallbackPlacements", void 0);
 __decorate([
     FoundationProperty()
 ], MenuComponent.prototype, "dense", void 0);

package/esm/open-icon/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 export * from './open-icon-adapter';

package/esm/open-icon/index.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { defineCustomElement } from '@tylertech/forge-core';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';

package/esm/open-icon/open-icon-adapter.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { getShadowElement, toggleClass } from '@tylertech/forge-core';

package/esm/open-icon/open-icon-constants.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 export declare const OPEN_ICON_CONSTANTS: {

package/esm/open-icon/open-icon-constants.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { COMPONENT_NAME_PREFIX } from '../constants';

package/esm/open-icon/open-icon-foundation.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { ICustomElementFoundation } from '@tylertech/forge-core';

package/esm/open-icon/open-icon-foundation.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { OPEN_ICON_CONSTANTS } from './open-icon-constants';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { BaseComponent, IBaseComponent } from '../core/base/base-component';

package/esm/open-icon/open-icon.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { __decorate } from "tslib";

package/esm/page-state/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 export * from './page-state-constants';

package/esm/page-state/index.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { defineCustomElement } from '@tylertech/forge-core';

package/esm/page-state/page-state-constants.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 export declare const PAGE_STATE_CONSTANTS: {

package/esm/page-state/page-state-constants.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { COMPONENT_NAME_PREFIX } from '../constants';

package/esm/page-state/page-state.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { BaseComponent, IBaseComponent } from '../core/base/base-component';

package/esm/page-state/page-state.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { __decorate } from "tslib";

package/esm/paginator/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 export * from './paginator-adapter';

package/esm/paginator/index.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { defineCustomElement } from '@tylertech/forge-core';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';

package/esm/paginator/paginator-adapter.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { addClass, getShadowElement, removeAllChildren, removeClass, toggleElementPlaceholder, toggleClass } from '@tylertech/forge-core';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 export declare const PAGINATOR_CONSTANTS: {

package/esm/paginator/paginator-constants.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { COMPONENT_NAME_PREFIX } from '../constants';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { ICustomElementFoundation } from '@tylertech/forge-core';

package/esm/paginator/paginator-foundation.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { coerceNumber, isArray, isDefined } from '@tylertech/forge-core';

package/esm/paginator/paginator.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { PaginatorAlternativeAlignment, IPaginatorChangeEvent } from './paginator-constants';

package/esm/paginator/paginator.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { __decorate } from "tslib";

package/esm/popup/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 export * from './popup-adapter';

package/esm/popup/index.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { defineCustomElement } from '@tylertech/forge-core';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';

package/esm/popup/popup-adapter.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { addClass, closestElement, emitEvent, getShadowElement, notChildEventListener, positionElementAsync, removeClass, removeElement, deepQuerySelectorAll, getActiveElement } from '@tylertech/forge-core';
@@ -32,8 +32,16 @@ export class PopupAdapter extends BaseAdapter {
             element: this._component,
             targetElement: this._component.targetElement,
             placement: this._component.placement,
-            hide: this._component.hideWhenClipped
+            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;
         }

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { PositionPlacement } from '@tylertech/forge-core';
@@ -27,6 +27,7 @@ export declare const POPUP_CONSTANTS: {
         HIDE_WHEN_CLIPPED: string;
         HOST: string;
         INITIAL_FOCUS: string;
+        CONSTRAIN_VIEWPORT_WIDTH: string;
     };
     events: {
         OPEN: string;

package/esm/popup/popup-constants.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { COMPONENT_NAME_PREFIX } from '../constants';
@@ -14,7 +14,8 @@ const attributes = {
     STATIC: 'static',
     HIDE_WHEN_CLIPPED: 'hide-when-clipped',
     HOST: 'forge-popup-host',
-    INITIAL_FOCUS: 'forge-popup-focus'
+    INITIAL_FOCUS: 'forge-popup-focus',
+    CONSTRAIN_VIEWPORT_WIDTH: 'constrain-viewport-width'
 };
 const classes = {
     OPEN: 'forge-popup--open',

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { ICustomElementFoundation } from '@tylertech/forge-core';
@@ -9,6 +9,7 @@ import { IPopupPosition, PopupAnimationType, PopupPlacement, PopupStateCallback
 export interface IPopupFoundation extends ICustomElementFoundation {
     targetElement: HTMLElement;
     placement: PopupPlacement;
+    fallbackPlacements: PopupPlacement[];
     open: boolean;
     manageFocus: boolean;
     animationType: PopupAnimationType;
@@ -23,6 +24,7 @@ export declare class PopupFoundation implements IPopupFoundation {
     private _adapter;
     private _targetElement;
     private _placement;
+    private _fallbackPlacements;
     private _open;
     private _manageFocus;
     private _animationType;
@@ -48,6 +50,8 @@ export declare class PopupFoundation implements IPopupFoundation {
     set targetElement(element: HTMLElement);
     get placement(): PopupPlacement;
     set placement(value: PopupPlacement);
+    get fallbackPlacements(): PopupPlacement[];
+    set fallbackPlacements(value: PopupPlacement[]);
     get open(): boolean;
     set open(value: boolean);
     get manageFocus(): boolean;

package/esm/popup/popup-foundation.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { isElement } from '@tylertech/forge-core';
@@ -9,6 +9,7 @@ export class PopupFoundation {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._placement = 'bottom-start';
+        this._fallbackPlacements = [];
         this._open = false;
         this._manageFocus = false;
         this._animationType = PopupAnimationType.None;
@@ -166,6 +167,12 @@ export class PopupFoundation {
             this._adapter.setAttribute(POPUP_CONSTANTS.attributes.PLACEMENT, this._placement);
         }
     }
+    get fallbackPlacements() {
+        return this._fallbackPlacements;
+    }
+    set fallbackPlacements(value) {
+        this._fallbackPlacements = Array.isArray(value) ? value : [];
+    }
     get open() {
         return this._open;
     }

package/esm/popup/popup.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { BaseComponent, IBaseComponent } from '../core/base/base-component';
@@ -8,6 +8,7 @@ import { IPopupPosition, IPopupPositionEventData, PopupAnimationType, PopupPlace
 export interface IPopupComponent extends IBaseComponent {
     targetElement: HTMLElement;
     placement: PopupPlacement;
+    fallbackPlacements: PopupPlacement[];
     open: boolean;
     manageFocus: boolean;
     animationType: `${PopupAnimationType}`;
@@ -42,6 +43,7 @@ export declare class PopupComponent extends BaseComponent implements IPopupCompo
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     targetElement: HTMLElement;
     placement: `${PopupPlacement}`;
+    fallbackPlacements: `${PopupPlacement}`[];
     open: boolean;
     manageFocus: boolean;
     animationType: `${PopupAnimationType}`;

package/esm/popup/popup.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { __decorate } from "tslib";
@@ -10,7 +10,7 @@ import { PopupAdapter } from './popup-adapter';
 import { POPUP_CONSTANTS } from './popup-constants';
 import { PopupFoundation } from './popup-foundation';
 const template = '<template><div class=\"forge-popup\" part=\"root\"><slot></slot></div></template>';
-const styles = '.forge-popup{min-width:112px;min-width:var(--min-width,112px);background-color:#fff;background-color:var(--forge-theme-elevated-surface,#fff);-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--forge-theme-popup-elevation,0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12));box-shadow:var(--forge-theme-popup-elevation,0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12));color:#000;color:var(--mdc-theme-on-surface,#000);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);display:none;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:100%;margin:0;padding:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 24px 0;transform-origin:50% 24px 0;opacity:0;will-change:transform,opacity;-webkit-transition:opacity 120ms linear,-webkit-transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,-webkit-transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,transform 120ms cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms cubic-bezier(0, 0, .2, 1)}.forge-popup::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-popup::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-popup::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-popup::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-popup::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-popup::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-popup--opening{display:block;-webkit-transform:scale(.8);transform:scale(.8);opacity:0}.forge-popup--closed{display:block;opacity:0;-webkit-transition:opacity 120ms linear;transition:opacity 120ms linear}.forge-popup--open{display:block;-webkit-transform:scale(1);transform:scale(1);opacity:1}.forge-popup--select{border-top-left-radius:0;border-top-right-radius:0;max-height:256px;overflow-y:auto}:host{z-index:10;z-index:var(--forge-z-index-popup,10);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;position:absolute;overflow:visible}:host([hidden]){display:none}';
+const styles = '.forge-popup{min-width:112px;min-width:var(--min-width,112px);background-color:#fff;background-color:var(--forge-theme-elevated-surface,#fff);-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-box-shadow:var(--forge-theme-popup-elevation,0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12));box-shadow:var(--forge-theme-popup-elevation,0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12));color:#000;color:var(--mdc-theme-on-surface,#000);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);display:none;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:100%;margin:0;padding:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 24px 0;transform-origin:50% 24px 0;opacity:0;will-change:transform,opacity;-webkit-transition:opacity 120ms linear,-webkit-transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,-webkit-transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,transform 120ms cubic-bezier(0, 0, .2, 1);transition:opacity 120ms linear,transform 120ms cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms cubic-bezier(0, 0, .2, 1)}.forge-popup::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-popup::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-popup::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-popup::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-popup::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-popup::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-popup--opening{display:block;-webkit-transform:scale(.8);transform:scale(.8);opacity:0}.forge-popup--closed{display:block;opacity:0;-webkit-transition:opacity 120ms linear;transition:opacity 120ms linear}.forge-popup--open{display:block;-webkit-transform:scale(1);transform:scale(1);opacity:1}.forge-popup--select{border-top-left-radius:0;border-top-right-radius:0;max-height:256px;overflow-y:auto}:host{z-index:10;z-index:var(--forge-z-index-popup,10);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;position:absolute;overflow:visible}:host([hidden]){display:none}:host([constrain-viewport-width]){max-width:100vw}';
 /**
  * The web component class behind the `<forge-popup>` custom element.
  *
@@ -67,6 +67,9 @@ __decorate([
 __decorate([
     FoundationProperty()
 ], PopupComponent.prototype, "placement", void 0);
+__decorate([
+    FoundationProperty()
+], PopupComponent.prototype, "fallbackPlacements", void 0);
 __decorate([
     FoundationProperty()
 ], PopupComponent.prototype, "open", void 0);

package/esm/product-icon/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 export * from './product-icon-adapter';

package/esm/product-icon/index.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { defineCustomElement } from '@tylertech/forge-core';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';

package/esm/product-icon/product-icon-adapter.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { generateTextShadow, getShadowElement, removeClass } from '@tylertech/forge-core';

package/esm/product-icon/product-icon-constants.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 export declare const PRODUCT_ICON_CONSTANTS: {

package/esm/product-icon/product-icon-constants.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { COMPONENT_NAME_PREFIX } from '../constants';

package/esm/product-icon/product-icon-foundation.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { ICustomElementFoundation } from '@tylertech/forge-core';

package/esm/product-icon/product-icon-foundation.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { coerceNumber } from '@tylertech/forge-core';

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { BaseComponent, IBaseComponent } from '../core/base/base-component';

package/esm/product-icon/product-icon.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 import { __decorate } from "tslib";

package/esm/profile-card/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2022 Tyler Technologies, Inc. 
+ * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
 export * from './profile-card-adapter';