@tylertech/forge 2.5.0 → 2.6.0

package/dist/esm/table/index.js

@@ -13,21 +13,21 @@ import {
   TableFoundation,
   TableRow,
   defineTableComponent
-} from "../chunks/chunk.R4UKTXEK.js";
+} from "../chunks/chunk.C73AZRT4.js";
 import "../chunks/chunk.RV3E762Y.js";
-import "../chunks/chunk.KCK3G74Y.js";
-import "../chunks/chunk.YMWBTMB6.js";
-import "../chunks/chunk.AHBDISRG.js";
+import "../chunks/chunk.7UAH67PT.js";
+import "../chunks/chunk.KNR5DXE4.js";
+import "../chunks/chunk.S3UVF647.js";
 import "../chunks/chunk.EY57VTRF.js";
-import "../chunks/chunk.C2MR3RDF.js";
+import "../chunks/chunk.56BNM7F2.js";
 import "../chunks/chunk.4HQ5VELO.js";
 import "../chunks/chunk.5VKAVHLM.js";
 import "../chunks/chunk.GS2AXUCN.js";
-import "../chunks/chunk.2F6PST3N.js";
+import "../chunks/chunk.OXS2O7RG.js";
 import "../chunks/chunk.NX5SKZLU.js";
 import "../chunks/chunk.BYN27JXZ.js";
 import "../chunks/chunk.BKMWXPAS.js";
-import "../chunks/chunk.3MO6XU44.js";
+import "../chunks/chunk.WSH4S3GM.js";
 import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";

package/dist/esm/tabs/index.js

@@ -12,23 +12,23 @@ import {
   TabBarComponent,
   TabBarFoundation,
   defineTabBarComponent
-} from "../chunks/chunk.ID2ITG5T.js";
+} from "../chunks/chunk.ITQ55IPH.js";
 import {
   defineTabComponent
-} from "../chunks/chunk.KZ2QNQK2.js";
+} from "../chunks/chunk.4WLVFWKI.js";
 import {
   TAB_CONSTANTS,
   TabAdapter,
   TabComponent,
   TabFoundation
-} from "../chunks/chunk.EWQENJ4W.js";
-import "../chunks/chunk.XN65LPA3.js";
-import "../chunks/chunk.C2MR3RDF.js";
+} from "../chunks/chunk.HMM7PGGZ.js";
+import "../chunks/chunk.EBC2HGO3.js";
+import "../chunks/chunk.56BNM7F2.js";
 import "../chunks/chunk.4HQ5VELO.js";
 import "../chunks/chunk.5VKAVHLM.js";
 import "../chunks/chunk.GS2AXUCN.js";
 import "../chunks/chunk.BYN27JXZ.js";
-import "../chunks/chunk.3MO6XU44.js";
+import "../chunks/chunk.WSH4S3GM.js";
 import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";

package/dist/esm/tabs/tab/index.js

@@ -5,14 +5,14 @@
  */
 import {
   defineTabComponent
-} from "../../chunks/chunk.KZ2QNQK2.js";
+} from "../../chunks/chunk.4WLVFWKI.js";
 import {
   TAB_CONSTANTS,
   TabAdapter,
   TabComponent,
   TabFoundation
-} from "../../chunks/chunk.EWQENJ4W.js";
-import "../../chunks/chunk.C2MR3RDF.js";
+} from "../../chunks/chunk.HMM7PGGZ.js";
+import "../../chunks/chunk.56BNM7F2.js";
 import "../../chunks/chunk.4HQ5VELO.js";
 import "../../chunks/chunk.5VKAVHLM.js";
 import "../../chunks/chunk.KZATVOA6.js";

package/dist/esm/tabs/tab-bar/index.js

@@ -11,15 +11,15 @@ import {
   TabBarComponent,
   TabBarFoundation,
   defineTabBarComponent
-} from "../../chunks/chunk.ID2ITG5T.js";
-import "../../chunks/chunk.EWQENJ4W.js";
-import "../../chunks/chunk.XN65LPA3.js";
-import "../../chunks/chunk.C2MR3RDF.js";
+} from "../../chunks/chunk.ITQ55IPH.js";
+import "../../chunks/chunk.HMM7PGGZ.js";
+import "../../chunks/chunk.EBC2HGO3.js";
+import "../../chunks/chunk.56BNM7F2.js";
 import "../../chunks/chunk.4HQ5VELO.js";
 import "../../chunks/chunk.5VKAVHLM.js";
 import "../../chunks/chunk.GS2AXUCN.js";
 import "../../chunks/chunk.BYN27JXZ.js";
-import "../../chunks/chunk.3MO6XU44.js";
+import "../../chunks/chunk.WSH4S3GM.js";
 import "../../chunks/chunk.6KTLOA7V.js";
 import "../../chunks/chunk.SKLCDWYQ.js";
 import "../../chunks/chunk.HZISALRH.js";

package/dist/esm/text-field/index.js

@@ -8,7 +8,7 @@ import {
   TextFieldComponent,
   TextFieldFoundation,
   defineTextFieldComponent
-} from "../chunks/chunk.YCW56AVX.js";
+} from "../chunks/chunk.FJJVIMZ2.js";
 import {
   TEXT_FIELD_CONSTANTS,
   TextFieldComponentDelegate

package/dist/esm/time-picker/index.js

@@ -23,36 +23,36 @@ import {
   secondsToMillis,
   stripSecondsFromMillis,
   timeStringToMillis
-} from "../chunks/chunk.L4N2DKAS.js";
-import "../chunks/chunk.EJHMX24S.js";
-import "../chunks/chunk.YCW56AVX.js";
+} from "../chunks/chunk.JUXKYUD4.js";
+import "../chunks/chunk.RL7ZFLMG.js";
+import "../chunks/chunk.FJJVIMZ2.js";
 import "../chunks/chunk.Q4YMHFRY.js";
 import "../chunks/chunk.7I2XNJBL.js";
 import "../chunks/chunk.RV3E762Y.js";
 import "../chunks/chunk.QD7EPCL6.js";
 import "../chunks/chunk.JKC5PU23.js";
-import "../chunks/chunk.7XGNGXLR.js";
-import "../chunks/chunk.VTXXZ5KT.js";
-import "../chunks/chunk.KCK3G74Y.js";
-import "../chunks/chunk.2NUAEZY7.js";
-import "../chunks/chunk.4FHBJXB7.js";
-import "../chunks/chunk.EL6B2ODN.js";
+import "../chunks/chunk.TYU4RLZG.js";
+import "../chunks/chunk.4PF7WRP4.js";
+import "../chunks/chunk.7UAH67PT.js";
+import "../chunks/chunk.GXTNND2M.js";
+import "../chunks/chunk.IGBDDH3J.js";
+import "../chunks/chunk.6ZBFCE2A.js";
 import "../chunks/chunk.FZQCBRPK.js";
-import "../chunks/chunk.4UKSUUTX.js";
-import "../chunks/chunk.G6FY472A.js";
+import "../chunks/chunk.5U6ZT6MC.js";
+import "../chunks/chunk.GWNR3UUX.js";
 import "../chunks/chunk.PBGL3BRX.js";
 import "../chunks/chunk.EY57VTRF.js";
-import "../chunks/chunk.RNPIV3BY.js";
+import "../chunks/chunk.WNVZQDNS.js";
 import "../chunks/chunk.LCWRP2UI.js";
-import "../chunks/chunk.5EEEKOOK.js";
-import "../chunks/chunk.XN65LPA3.js";
-import "../chunks/chunk.C2MR3RDF.js";
+import "../chunks/chunk.DLF5JAQO.js";
+import "../chunks/chunk.EBC2HGO3.js";
+import "../chunks/chunk.56BNM7F2.js";
 import "../chunks/chunk.4HQ5VELO.js";
 import "../chunks/chunk.5VKAVHLM.js";
 import "../chunks/chunk.GS2AXUCN.js";
 import "../chunks/chunk.BYN27JXZ.js";
 import "../chunks/chunk.BKMWXPAS.js";
-import "../chunks/chunk.3MO6XU44.js";
+import "../chunks/chunk.WSH4S3GM.js";
 import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";

package/dist/esm/toast/index.js

@@ -9,14 +9,14 @@ import {
   ToastComponent,
   ToastFoundation,
   defineToastComponent
-} from "../chunks/chunk.PSHHY3ER.js";
-import "../chunks/chunk.SSFSLBBM.js";
-import "../chunks/chunk.XN65LPA3.js";
-import "../chunks/chunk.C2MR3RDF.js";
+} from "../chunks/chunk.TM46MNYN.js";
+import "../chunks/chunk.QYWAZCBX.js";
+import "../chunks/chunk.EBC2HGO3.js";
+import "../chunks/chunk.56BNM7F2.js";
 import "../chunks/chunk.4HQ5VELO.js";
 import "../chunks/chunk.5VKAVHLM.js";
 import "../chunks/chunk.GS2AXUCN.js";
-import "../chunks/chunk.3MO6XU44.js";
+import "../chunks/chunk.WSH4S3GM.js";
 import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";

package/dist/esm/toolbar/index.js

@@ -7,7 +7,7 @@ import {
   TOOLBAR_CONSTANTS,
   ToolbarComponent,
   defineToolbarComponent
-} from "../chunks/chunk.YJ5X3WZ4.js";
+} from "../chunks/chunk.HASAPJMX.js";
 import "../chunks/chunk.35U3UPDV.js";
 import "../chunks/chunk.VK6LIH3B.js";
 import "../chunks/chunk.K2PCTUVN.js";

package/dist/esm/tooltip/index.js

@@ -9,7 +9,7 @@ import {
   TooltipFoundation,
   attachTooltip,
   defineTooltipComponent
-} from "../chunks/chunk.2F6PST3N.js";
+} from "../chunks/chunk.OXS2O7RG.js";
 import {
   TOOLTIP_CONSTANTS
 } from "../chunks/chunk.NX5SKZLU.js";

package/dist/esm/view-switcher/index.js

@@ -11,12 +11,12 @@ import {
   ViewSwitcherComponent,
   ViewSwitcherFoundation,
   defineViewSwitcherComponent
-} from "../chunks/chunk.7G2S3DCM.js";
+} from "../chunks/chunk.LX2HDAIF.js";
 import {
   VIEW_CONSTANTS,
   ViewComponent,
   defineViewComponent
-} from "../chunks/chunk.RWCC6E4O.js";
+} from "../chunks/chunk.THKWQXBJ.js";
 import "../chunks/chunk.KZATVOA6.js";
 import "../chunks/chunk.MMIZOYAS.js";
 import "../chunks/chunk.35U3UPDV.js";

package/dist/esm/view-switcher/view/index.js

@@ -7,7 +7,7 @@ import {
   VIEW_CONSTANTS,
   ViewComponent,
   defineViewComponent
-} from "../../chunks/chunk.RWCC6E4O.js";
+} from "../../chunks/chunk.THKWQXBJ.js";
 import "../../chunks/chunk.35U3UPDV.js";
 import "../../chunks/chunk.VK6LIH3B.js";
 import "../../chunks/chunk.K2PCTUVN.js";

package/esm/accordion/accordion.d.ts

@@ -17,6 +17,8 @@ declare global {
  *
  * This component is intended to wrap and orchestrate child expansion panels
  * so that only one expansion panel is open at a time.
+ *
+ * @tag forge-accordion
  */
 export declare class AccordionComponent extends BaseComponent implements IAccordionComponent {
     static get observedAttributes(): string[];

package/esm/accordion/accordion.js

@@ -15,6 +15,8 @@ import { AccordionFoundation } from './accordion-foundation';
  *
  * This component is intended to wrap and orchestrate child expansion panels
  * so that only one expansion panel is open at a time.
+ *
+ * @tag forge-accordion
  */
 let AccordionComponent = class AccordionComponent extends BaseComponent {
     constructor() {

package/esm/app-bar/app-bar.d.ts

@@ -15,7 +15,11 @@ declare global {
         'forge-app-bar': IAppBarComponent;
     }
 }
-/** The web component class behind the <forge-app-bar> custom element. */
+/**
+ * The web component class behind the `<forge-app-bar>` custom element.
+ *
+ * @tag forge-app-bar
+ */
 export declare class AppBarComponent extends BaseComponent implements IAppBarComponent {
     static get observedAttributes(): string[];
     private _foundation;

package/esm/app-bar/app-bar.js

@@ -11,7 +11,11 @@ import { APP_BAR_CONSTANTS } from './app-bar-constants';
 import { BaseComponent } from '../core/base/base-component';
 const template = '<template><header class=\"forge-app-bar\" part=\"root\"><div class=\"forge-app-bar__row\" part=\"row\"><section class=\"forge-app-bar__section forge-app-bar__section--align-start\" part=\"section-start\"><slot name=\"start\"></slot><slot name=\"logo\"></slot><slot name=\"title\"><h1 class=\"forge-app-bar__title\" part=\"title\"></h1></slot></section><section id=\"center-section\" class=\"forge-app-bar__section forge-app-bar__section--align-center\" part=\"section-center\"><slot name=\"center\"></slot></section><section class=\"forge-app-bar__section forge-app-bar__section--align-end\" part=\"section-end\"><slot name=\"end\"></slot></section></div><div class=\"forge-app-bar__bottom\" part=\"bottom\"><slot name=\"bottom\"></slot></div></header></template>';
 const styles = '.forge-app-bar{color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);background-color:#283593;background-color:var(--forge-app-bar-theme-background,#283593);z-index:4;z-index:var(--forge-z-index-header,4);background-size:cover;background-position:center;display:grid;grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;-webkit-transition:-webkit-box-shadow .2s linear;transition:-webkit-box-shadow .2s linear;transition:box-shadow .2s linear;transition:box-shadow .2s linear,-webkit-box-shadow .2s linear}.forge-app-bar__row{display:grid;grid-template-columns:1fr 1fr 1fr;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:56px}.forge-app-bar--no-center .forge-app-bar__row{grid-template-columns:1fr auto}.forge-app-bar__section{display:-webkit-inline-box;display:inline-flex;-webkit-box-flex:1;flex:1 1 auto;-webkit-box-align:center;align-items:center;min-width:0;padding:0 4px;height:56px;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-app-bar__section--align-start{-webkit-box-pack:start;justify-content:flex-start;-webkit-box-ordinal-group:0;order:-1;grid-column:1}.forge-app-bar__section--align-center{grid-column:2;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar__section--align-end{-webkit-box-pack:end;justify-content:flex-end;-webkit-box-ordinal-group:2;order:1;grid-column:3}.forge-app-bar--no-center .forge-app-bar__section--align-end{grid-column:2}.forge-app-bar ::slotted([slot=logo]){color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 8px;font-size:3rem;overflow:visible}.forge-app-bar ::slotted([slot=profile]){margin-left:4px}.forge-app-bar ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}.forge-app-bar slot[name=user-action]{display:-webkit-inline-box;display:inline-flex;margin-right:24px}.forge-app-bar__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);color:#fff;color:var(--forge-app-bar-theme-on-background,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px}.forge-app-bar__title--interactable:hover{background-color:rgba(255,255,255,.12);border-radius:4px;cursor:pointer}.forge-app-bar__title--interactable:active{background-color:rgba(255,255,255,.24)}.forge-app-bar__bottom{padding:0 4px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:auto!important;overflow:hidden;grid-row:2}.forge-app-bar--fixed{-webkit-transition:-webkit-box-shadow .2s linear;transition:-webkit-box-shadow .2s linear;transition:box-shadow .2s linear;transition:box-shadow .2s linear,-webkit-box-shadow .2s linear}.forge-app-bar--raised{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}:host{z-index:4;z-index:var(--forge-z-index-header,4);position:relative;display:block;contain:layout style;--mdc-theme-text-secondary-on-background:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54));--mdc-theme-text-secondary-on-light:var(--forge-app-bar-theme-secondary-on-background, rgba(255, 255, 255, 0.54));--mdc-theme-text-disabled-on-background:var(--forge-app-bar-theme-disabled-on-background, rgba(255, 255, 255, 0.38));--mdc-theme-text-disabled-on-light:var(--forge-app-bar-theme-disabled-on-light, rgba(255, 255, 255, 0.12))}:host ::slotted(:not(forge-button)){--mdc-theme-on-primary:var(--forge-app-bar-theme-on-background, #ffffff);--mdc-theme-on-surface:var(--forge-app-bar-theme-on-background, #ffffff)}:host ::slotted(forge-tab-bar){--mdc-theme-primary:var(--forge-app-bar-theme-on-background, #ffffff)}:host ::slotted(forge-button:not([type])),:host ::slotted(forge-button[type=outlined]){--mdc-theme-primary:var(--forge-app-bar-theme-on-background, rgba(255, 255, 255, 0.87))}:host([hidden]){display:none}:host([theme=white]){--forge-app-bar-theme-background:#ffffff;--forge-app-bar-theme-on-background:rgba(0, 0, 0, 0.87);--forge-app-bar-theme-secondary-on-background:rgba(0, 0, 0, 0.54);--forge-app-bar-theme-disabled-on-background:rgba(0, 0, 0, 0.38);--forge-app-bar-theme-disabled-on-light:rgba(0, 0, 0, 0.12)}';
-/** The web component class behind the <forge-app-bar> custom element. */
+/**
+ * The web component class behind the `<forge-app-bar>` custom element.
+ *
+ * @tag forge-app-bar
+ */
 let AppBarComponent = class AppBarComponent extends BaseComponent {
     constructor() {
         super();

package/esm/app-bar/help-button/app-bar-help-button.d.ts

@@ -13,6 +13,11 @@ declare global {
         'forge-app-bar-help-button': IAppBarHelpButtonComponent;
     }
 }
+/**
+ * The web component class behind the `<forge-app-bar-help-button>` custom element.
+ *
+ * @tag forge-app-bar-help-button
+ */
 export declare class AppBarHelpButtonComponent extends BaseComponent implements IAppBarHelpButtonComponent {
     private _foundation;
     constructor();

package/esm/app-bar/help-button/app-bar-help-button.js

@@ -15,6 +15,11 @@ import { TooltipComponent } from '../../tooltip';
 import { IconComponent, IconRegistry } from '../../icon';
 import { BaseComponent } from '../../core/base/base-component';
 const template = '<template><forge-icon-button><forge-menu placement=\"bottom-end\"><button type=\"button\" aria-label=\"Open help menu\"><forge-icon name=\"help\"></forge-icon></button></forge-menu><forge-tooltip delay=\"500\" position=\"bottom\">Help</forge-tooltip></forge-icon-button></template>';
+/**
+ * The web component class behind the `<forge-app-bar-help-button>` custom element.
+ *
+ * @tag forge-app-bar-help-button
+ */
 let AppBarHelpButtonComponent = class AppBarHelpButtonComponent extends BaseComponent {
     constructor() {
         super();

package/esm/app-bar/menu-button/app-bar-menu-button.d.ts

@@ -11,6 +11,11 @@ declare global {
         'forge-app-bar-menu-button': IAppBarMenuButtonComponent;
     }
 }
+/**
+ * The web component class behind the `<forge-app-bar-menu-button>` custom element.
+ *
+ * @tag forge-app-bar-menu-button
+ */
 export declare class AppBarMenuButtonComponent extends BaseComponent implements IAppBarMenuButtonComponent {
     constructor();
     initializedCallback(): void;

package/esm/app-bar/menu-button/app-bar-menu-button.js

@@ -12,6 +12,11 @@ import { IconComponent, IconRegistry } from '../../icon';
 import { tylIconMenu } from '@tylertech/tyler-icons/standard';
 import { BaseComponent } from '../../core/base/base-component';
 const template = '<template><forge-icon-button style=\"width: 48px; height: 48px; display: flex; justify-content: center; align-items: center;\"><button type=\"button\" aria-label=\"Toggle navigation menu\"><forge-icon name=\"menu\"></forge-icon></button><forge-tooltip delay=\"500\" position=\"bottom\">Menu</forge-tooltip></forge-icon-button></template>';
+/**
+ * The web component class behind the `<forge-app-bar-menu-button>` custom element.
+ *
+ * @tag forge-app-bar-menu-button
+ */
 let AppBarMenuButtonComponent = class AppBarMenuButtonComponent extends BaseComponent {
     constructor() {
         super();

package/esm/app-bar/notification-button/app-bar-notification-button.d.ts

@@ -15,6 +15,11 @@ export interface IAppBarNotificationButtonComponent extends IBaseComponent {
     showBadge: boolean;
     theme: string;
 }
+/**
+ * The web component class behind the `<forge-app-bar-notification-button>` custom element.
+ *
+ * @tag forge-app-bar-notification-button
+ */
 export declare class AppBarNotificationButtonComponent extends BaseComponent implements IAppBarNotificationButtonComponent {
     static get observedAttributes(): string[];
     private _foundation;

package/esm/app-bar/notification-button/app-bar-notification-button.js

@@ -15,6 +15,11 @@ import { AppBarNotificationButtonAdapter } from './app-bar-notification-button-a
 import { APP_BAR_NOTIFICATION_BUTTON_CONSTANTS } from './app-bar-notification-button-constants';
 import { AppBarNotificationButtonFoundation } from './app-bar-notification-button-foundation';
 const template = '<template><forge-icon-button class=\"forge-icon-button--with-badge\"><button type=\"button\" aria-label=\"Show notifications\"><forge-icon name=\"notifications\"></forge-icon></button><forge-tooltip delay=\"500\" position=\"bottom\">Notifications</forge-tooltip><forge-badge positioned app-bar-context></forge-badge></forge-icon-button></template>';
+/**
+ * The web component class behind the `<forge-app-bar-notification-button>` custom element.
+ *
+ * @tag forge-app-bar-notification-button
+ */
 let AppBarNotificationButtonComponent = class AppBarNotificationButtonComponent extends BaseComponent {
     constructor() {
         super();

package/esm/app-bar/profile-button/app-bar-profile-button.d.ts

@@ -21,6 +21,11 @@ declare global {
         'forge-app-bar-profile-button': IAppBarProfileButtonComponent;
     }
 }
+/**
+ * The web component class behind the `<forge-app-bar-profile-button>` custom element.
+ *
+ * @tag forge-app-bar-profile-button
+ */
 export declare class AppBarProfileButtonComponent extends BaseComponent implements IAppBarProfileButtonComponent {
     static get observedAttributes(): string[];
     private _foundation;

package/esm/app-bar/profile-button/app-bar-profile-button.js

@@ -15,6 +15,11 @@ import { PopupComponent } from '../../popup';
 import { TooltipComponent } from '../../tooltip';
 import { BaseComponent } from '../../core/base/base-component';
 const template = '<template><forge-icon-button><button type=\"button\" aria-label=\"View profile card\"><forge-avatar aria-hidden=\"true\"></forge-avatar></button><forge-tooltip delay=\"500\" position=\"bottom\">View profile</forge-tooltip></forge-icon-button></template>';
+/**
+ * The web component class behind the `<forge-app-bar-profile-button>` custom element.
+ *
+ * @tag forge-app-bar-profile-button
+ */
 let AppBarProfileButtonComponent = class AppBarProfileButtonComponent extends BaseComponent {
     constructor() {
         super();

package/esm/app-bar/search/app-bar-search.d.ts

@@ -25,6 +25,32 @@ declare global {
 }
 /**
  * The web component class behind the `<forge-app-bar-search>` custom element.
+ *
+ * @tag forge-app-bar-search
+ *
+ * @slot - The default (unnamed) slot is where child `<input>` elements will be placed.
+ * @slot action - Places actions at the end of the input.
+ *
+ * @csspart root - The root element
+ * @csspart container - The input container element.
+ * @csspart icon-container - The icon container element.
+ * @csspart icon - The <forge-icon> element.
+ * @csspart context - The context container element.
+ * @csspart context-divider - The context divider element.
+ * @csspart context-button - The context button element.
+ * @csspart context-button-text - The context button text element.
+ * @csspart context-button-icon - The context button icon element.
+ * @csspart global-icon-container - The global icon container element.
+ * @csspart global-icon - The global icon <forge-icon> element.
+ * @csspart actions-container - The action container element around the slot.
+ *
+ * @cssproperty --mdc-theme-on-primary - Controls the border-color of the container outline, the font-color, and icon color.
+ * @cssproperty --mdc-theme-on-surface - Controls the font color of the buttons.
+ * @cssproperty --mdc-theme-text-secondary-on-background - Controls the placeholder font color.
+ * @cssproperty --forge-app-bar-search-theme-background - Controls the background-color of the container.
+ * @cssproperty --forge-app-bar-search-theme-background-focused - Controls the focused background-color of the container.
+ * @cssproperty --forge-app-bar-search-theme-hover-opacity - Controls the hover opacity of the outline.
+ * @cssproperty --forge-app-bar-search-theme-disabled-opacity - Controls the disabled opacity of the component.
  */
 export declare class AppBarSearchComponent extends BaseComponent implements IAppBarSearchComponent {
     static get observedAttributes(): string[];

package/esm/app-bar/search/app-bar-search.js

@@ -16,6 +16,32 @@ const template = '<template><div class=\"forge-app-bar-search\" part=\"root\"><d
 const styles = '::slotted([slot=action]){margin-left:8px}.forge-app-bar-search{display:-webkit-box;display:flex;height:2.25rem}.forge-app-bar-search__container{background-color:rgba(255,255,255,.08);background-color:var(--forge-app-bar-search-theme-background,rgba(255,255,255,.08));width:100%;-webkit-box-flex:1;flex:1 1 auto;margin:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.forge-app-bar-search__container::before{border-color:#fff;border-color:var(--mdc-theme-on-primary,#fff);content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border-width:1px;border-style:solid;z-index:-1;opacity:.54;-webkit-transition-property:border-color,opacity;transition-property:border-color,opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);will-change:border-color,border-width,opacity,top,left,bottom,right}.forge-app-bar-search__container:hover::before{opacity:.87;opacity:var(--forge-app-bar-search-theme-hover-opacity, .87)}.forge-app-bar-search__container ::slotted(input){color:#fff;color:var(--mdc-theme-on-primary,#fff);display:block;overflow:hidden;background:0 0;border:none;font-size:1rem;-webkit-box-flex:1;flex:1 1 auto;margin:0;margin-left:-8px;outline:0;pointer-events:auto;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2)}.forge-app-bar-search__container ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__global-icon-container{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 16px}.forge-app-bar-search__search-icon-container{width:56px;height:36px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:none}.forge-app-bar-search__icon{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-app-bar-search__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar-search__context{height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-app-bar-search__context-button{color:#000;color:var(--mdc-theme-on-surface,#000);outline:0;border:none;background:0 0;min-width:100px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:70%;margin-left:8px;margin-right:4px;border-radius:4px;background-color:transparent;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;will-change:background-color;padding:0;padding-left:8px}.forge-app-bar-search__context-button:hover{background-color:rgba(255,255,255,.12)}.forge-app-bar-search__context-button:focus{background-color:rgba(255,255,255,.2)}.forge-app-bar-search__context-button-text{-webkit-box-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.forge-app-bar-search__vertical-divider{border-left-color:#fff;border-left-color:var(--mdc-theme-on-primary,#fff);display:inline-block;position:absolute;top:8px;bottom:8px;border-left-width:1px;border-left-style:solid}.forge-app-bar-search--focused .forge-app-bar-search__container{background-color:rgba(255,255,255,.12);background-color:var(--forge-app-bar-search-theme-background-focused,rgba(255,255,255,.12))}.forge-app-bar-search--focused .forge-app-bar-search__container::before{opacity:.87;border-width:2px;top:-1px;right:-1px;bottom:-1px;left:-1px}.forge-app-bar-search--disabled{opacity:.26;opacity:var(--forge-app-bar-search-theme-disabled-opacity, .26);cursor:not-allowed}.forge-app-bar-search--disabled .forge-app-bar-search__container:hover::before{opacity:54%}.forge-app-bar-search--disabled ::slotted(input){cursor:not-allowed}:host{display:block;width:100%;contain:layout style}:host([hidden]){display:none}';
 /**
  * The web component class behind the `<forge-app-bar-search>` custom element.
+ *
+ * @tag forge-app-bar-search
+ *
+ * @slot - The default (unnamed) slot is where child `<input>` elements will be placed.
+ * @slot action - Places actions at the end of the input.
+ *
+ * @csspart root - The root element
+ * @csspart container - The input container element.
+ * @csspart icon-container - The icon container element.
+ * @csspart icon - The <forge-icon> element.
+ * @csspart context - The context container element.
+ * @csspart context-divider - The context divider element.
+ * @csspart context-button - The context button element.
+ * @csspart context-button-text - The context button text element.
+ * @csspart context-button-icon - The context button icon element.
+ * @csspart global-icon-container - The global icon container element.
+ * @csspart global-icon - The global icon <forge-icon> element.
+ * @csspart actions-container - The action container element around the slot.
+ *
+ * @cssproperty --mdc-theme-on-primary - Controls the border-color of the container outline, the font-color, and icon color.
+ * @cssproperty --mdc-theme-on-surface - Controls the font color of the buttons.
+ * @cssproperty --mdc-theme-text-secondary-on-background - Controls the placeholder font color.
+ * @cssproperty --forge-app-bar-search-theme-background - Controls the background-color of the container.
+ * @cssproperty --forge-app-bar-search-theme-background-focused - Controls the focused background-color of the container.
+ * @cssproperty --forge-app-bar-search-theme-hover-opacity - Controls the hover opacity of the outline.
+ * @cssproperty --forge-app-bar-search-theme-disabled-opacity - Controls the disabled opacity of the component.
  */
 let AppBarSearchComponent = class AppBarSearchComponent extends BaseComponent {
     constructor() {

package/esm/autocomplete/autocomplete.d.ts

@@ -38,6 +38,8 @@ declare global {
 }
 /**
  * The custom element class behind the `<forge-autocomplete>` element.
+ *
+ * @tag forge-autocomplete
  */
 export declare class AutocompleteComponent extends ListDropdownAware implements IAutocompleteComponent {
     static get observedAttributes(): string[];

package/esm/autocomplete/autocomplete.js

@@ -21,6 +21,8 @@ const template = '<template><slot></slot></template>';
 const styles = ':host{display:block}:host([hidden]){display:none}';
 /**
  * The custom element class behind the `<forge-autocomplete>` element.
+ *
+ * @tag forge-autocomplete
  */
 let AutocompleteComponent = class AutocompleteComponent extends ListDropdownAware {
     constructor() {

package/esm/avatar/avatar.d.ts

@@ -17,6 +17,8 @@ declare global {
 }
 /**
  * The custom element class behind the `<forge-avatar>` element.
+ *
+ * @tag forge-avatar
  */
 export declare class AvatarComponent extends BaseComponent implements IAvatarComponent {
     static get observedAttributes(): string[];

package/esm/avatar/avatar.js

@@ -13,6 +13,8 @@ const template = '<template><div class=\"forge-avatar\" aria-hidden=\"true\" par
 const styles = ':host{display:inline-block;contain:content}:host([hidden]){display:none}.forge-avatar{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;font-size:var(--forge-typography-title-font-size, 1.25rem);line-height:2rem;line-height:var(--forge-typography-title-line-height, 2rem);font-weight:400;font-weight:var(--forge-typography-title-font-weight,400);letter-spacing:.0125em;letter-spacing:var(--forge-typography-title-letter-spacing, .0125em);text-decoration:inherit;-webkit-text-decoration:var(--forge-typography-title-text-decoration,inherit);text-decoration:var(--forge-typography-title-text-decoration,inherit);text-transform:inherit;text-transform:var(--forge-typography-title-text-transform,inherit);font-size:1rem;font-size:var(--forge-avatar-font-size, 1rem);font-weight:400;font-weight:var(--forge-avatar-font-weight,400);background-color:none;background-color:var(--forge-avatar-theme-background,none);height:40px;height:var(--forge-avatar-size,40px);width:40px;width:var(--forge-avatar-size,40px);color:#fff;color:var(--forge-avatar-theme-on-background,#fff);border-radius:50%;border-radius:var(--forge-avatar-radius,50%);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;-webkit-transition:height .2s cubic-bezier(.4, 0, .2, 1),width .2s cubic-bezier(.4, 0, .2, 1);transition:height .2s cubic-bezier(.4, 0, .2, 1),width .2s cubic-bezier(.4, 0, .2, 1)}';
 /**
  * The custom element class behind the `<forge-avatar>` element.
+ *
+ * @tag forge-avatar
  */
 let AvatarComponent = class AvatarComponent extends BaseComponent {
     constructor() {

package/esm/backdrop/backdrop.d.ts

@@ -23,6 +23,8 @@ declare global {
 }
 /**
  * A web component that renders a backdrop covering its parent container with a semi-opaque element.
+ *
+ * @tag forge-backdrop
  */
 export declare class BackdropComponent extends BaseComponent {
     static get observedAttributes(): string[];

package/esm/backdrop/backdrop.js

@@ -13,6 +13,8 @@ const template = '<template><div class=\"forge-backdrop\" part=\"root\"></div></
 const styles = '.forge-backdrop{z-index:7;z-index:var(--forge-z-index-backdrop,7);background-color:rgba(0,0,0,.54);background-color:var(--forge-backdrop-theme-background,rgba(0,0,0,.54));position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);opacity:0}:host{display:block}:host([hidden]){display:none}:host([fixed]) .forge-backdrop{position:fixed}:host([appearance=light]){--forge-backdrop-theme-background:rgba(255, 255, 255, 0.54)}:host([appearance=dark]){--forge-backdrop-theme-background:rgba(0, 0, 0, 0.54)}';
 /**
  * A web component that renders a backdrop covering its parent container with a semi-opaque element.
+ *
+ * @tag forge-backdrop
  */
 let BackdropComponent = class BackdropComponent extends BaseComponent {
     constructor() {

package/esm/badge/badge.d.ts

@@ -13,6 +13,11 @@ declare global {
         'forge-badge': IBadgeComponent;
     }
 }
+/**
+ * The web component class behind the `<forge-badge>` custom element.
+ *
+ * @tag forge-badge
+ */
 export declare class BadgeComponent extends BaseComponent implements IBadgeComponent {
     static get observedAttributes(): string[];
     private _foundation;

package/esm/badge/badge.js

@@ -11,6 +11,11 @@ import { BADGE_CONSTANTS } from './badge-constants';
 import { BadgeFoundation } from './badge-foundation';
 const template = '<template><div class=\"forge-badge forge-badge--open\" part=\"root\"><slot></slot></div></template>';
 const styles = '.forge-badge{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1.25rem;height:var(--forge-badge-height,1.25rem);line-height:1.25rem;line-height:var(--forge-badge-line-height, 1.25rem);min-width:0;min-width:var(--forge-badge-min-width,0);max-width:auto;max-width:var(--forge-badge-max-width,auto);border:none;border:var(--forge-badge-border,none);display:inline-block;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;-webkit-transform:scale(0);transform:scale(0);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:16px;padding:0 8px;font-weight:700}.forge-badge--elevated{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.forge-badge--open{-webkit-transform:scale(1);transform:scale(1)}.forge-badge--dot{height:.5rem;width:.5rem;min-width:auto;padding:0}:host{display:-webkit-box;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([positioned]){position:absolute;top:0;left:100%;-webkit-transform:translateX(-1.25rem);transform:translateX(-1.25rem)}:host([dot]){top:.5rem}:host([dot]) .forge-badge>slot{display:none}:host([static]){position:static}:host(:not([theme])) .forge-badge,:host([theme=\"\"]) .forge-badge{background:#ffc107;background:var(--forge-badge-theme-default-muted-background,#ffc107);color:rgba(0,0,0,.87);color:var(--forge-badge-theme-default-muted-color,rgba(0,0,0,.87))}:host(:not([theme])[strong]) .forge-badge,:host([theme=\"\"][strong]) .forge-badge{background:#3d5afe;background:var(--forge-badge-theme-default-strong-background,#3d5afe);color:#fff;color:var(--forge-badge-theme-default-strong-color,#fff)}:host([theme=default]) .forge-badge{background:#ffc107;background:var(--forge-badge-theme-default-muted-background,#ffc107);color:rgba(0,0,0,.87);color:var(--forge-badge-theme-default-muted-color,rgba(0,0,0,.87))}:host([theme=default][strong]) .forge-badge{background:#3d5afe;background:var(--forge-badge-theme-default-strong-background,#3d5afe);color:#fff;color:var(--forge-badge-theme-default-strong-color,#fff)}:host([theme=danger]) .forge-badge{background:#ffcdd2;background:var(--forge-badge-theme-danger-muted-background,#ffcdd2);color:#a22d0e;color:var(--forge-badge-theme-danger-muted-color,#a22d0e)}:host([theme=danger][strong]) .forge-badge{background:#b00020;background:var(--forge-badge-theme-danger-strong-background,#b00020);color:#fff;color:var(--forge-badge-theme-danger-strong-color,#fff)}:host([theme=warning]) .forge-badge{background:#ffdba6;background:var(--forge-badge-theme-warning-muted-background,#ffdba6);color:#a03a03;color:var(--forge-badge-theme-warning-muted-color,#a03a03)}:host([theme=warning][strong]) .forge-badge{background:#d14900;background:var(--forge-badge-theme-warning-strong-background,#d14900);color:#fff;color:var(--forge-badge-theme-warning-strong-color,#fff)}:host([theme=success]) .forge-badge{background:#a5d6a7;background:var(--forge-badge-theme-success-muted-background,#a5d6a7);color:#1b5e20;color:var(--forge-badge-theme-success-muted-color,#1b5e20)}:host([theme=success][strong]) .forge-badge{background:#2e7d32;background:var(--forge-badge-theme-success-strong-background,#2e7d32);color:#fff;color:var(--forge-badge-theme-success-strong-color,#fff)}:host([theme=info-primary]) .forge-badge{background:#bbdefb;background:var(--forge-badge-theme-info-primary-muted-background,#bbdefb);color:#1a237e;color:var(--forge-badge-theme-info-primary-muted-color,#1a237e)}:host([theme=info-primary][strong]) .forge-badge{background:#1a237e;background:var(--forge-badge-theme-info-primary-strong-background,#1a237e);color:#fff;color:var(--forge-badge-theme-info-primary-strong-color,#fff)}:host([theme=info-secondary]) .forge-badge{background:#e0e0e0;background:var(--forge-badge-theme-info-secondary-muted-background,#e0e0e0);color:#000;color:var(--forge-badge-theme-info-secondary-muted-color,#000)}:host([theme=info-secondary][strong]) .forge-badge{background:#000;background:var(--forge-badge-theme-info-secondary-strong-background,#000);color:#fff;color:var(--forge-badge-theme-info-secondary-strong-color,#fff)}';
+/**
+ * The web component class behind the `<forge-badge>` custom element.
+ *
+ * @tag forge-badge
+ */
 let BadgeComponent = class BadgeComponent extends BaseComponent {
     constructor() {
         super();

package/esm/banner/banner.d.ts

@@ -20,6 +20,8 @@ declare global {
 }
 /**
  * The custom element class behind the `<forge-banner>` element.
+ *
+ * @tag forge-banner
  */
 export declare class BannerComponent extends BaseComponent implements IBannerComponent {
     static get observedAttributes(): string[];