@tylertech/forge 3.0.0-next.10 → 3.0.0-next.12

package/dist/typography/forge-typography.css

@@ -3,4 +3,4 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-.forge-typography{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-font-family, Roboto, sans-serif);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-typography--headline1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:6rem;font-size:var(--mdc-typography-headline1-font-size, 6rem);line-height:6rem;line-height:var(--mdc-typography-headline1-line-height, 6rem);font-weight:300;font-weight:var(--mdc-typography-headline1-font-weight,300);letter-spacing:-.015625em;letter-spacing:var(--mdc-typography-headline1-letter-spacing, -.015625em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline1-text-decoration,inherit);text-decoration:var(--mdc-typography-headline1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline1-text-transform,inherit)}.forge-typography--headline2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3.75rem;font-size:var(--mdc-typography-headline2-font-size, 3.75rem);line-height:3.75rem;line-height:var(--mdc-typography-headline2-line-height, 3.75rem);font-weight:300;font-weight:var(--mdc-typography-headline2-font-weight,300);letter-spacing:-.0083333333em;letter-spacing:var(--mdc-typography-headline2-letter-spacing, -.0083333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline2-text-decoration,inherit);text-decoration:var(--mdc-typography-headline2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline2-text-transform,inherit)}.forge-typography--headline3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3rem;font-size:var(--mdc-typography-headline3-font-size, 3rem);line-height:3.125rem;line-height:var(--mdc-typography-headline3-line-height, 3.125rem);font-weight:400;font-weight:var(--mdc-typography-headline3-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline3-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline3-text-decoration,inherit);text-decoration:var(--mdc-typography-headline3-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline3-text-transform,inherit)}.forge-typography--headline4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:2.125rem;font-size:var(--mdc-typography-headline4-font-size, 2.125rem);line-height:2.5rem;line-height:var(--mdc-typography-headline4-line-height, 2.5rem);font-weight:400;font-weight:var(--mdc-typography-headline4-font-weight,400);letter-spacing:.0073529412em;letter-spacing:var(--mdc-typography-headline4-letter-spacing, .0073529412em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline4-text-decoration,inherit);text-decoration:var(--mdc-typography-headline4-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline4-text-transform,inherit)}.forge-typography--headline5{-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)}.forge-typography--headline6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight,500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline6-text-decoration,inherit);text-decoration:var(--mdc-typography-headline6-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform,inherit)}.forge-typography--subtitle1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);color:var(--mdc-theme-text-secondary-on-background)}.forge-typography--subtitle2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight,500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform,inherit);color:var(--mdc-theme-text-secondary-on-background)}.forge-typography--body1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit)}.forge-typography--body2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit)}.forge-typography--caption{-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)}.forge-typography--button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase)}.forge-typography--overline{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-overline-font-size, .75rem);line-height:2rem;line-height:var(--mdc-typography-overline-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-overline-font-weight,500);letter-spacing:.1666666667em;letter-spacing:var(--mdc-typography-overline-letter-spacing, .1666666667em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-overline-text-decoration,none);text-decoration:var(--mdc-typography-overline-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-overline-text-transform,uppercase)}.forge-typography--headline5-secondary{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1.25rem;font-size:var(--forge-typography-headline5-secondary-font-size, 1.25rem);line-height:2rem;line-height:var(--forge-typography-headline5-secondary-line-height, 2rem);font-weight:400;font-weight:var(--forge-typography-headline5-secondary-font-weight,400);letter-spacing:.0125em;letter-spacing:var(--forge-typography-headline5-secondary-letter-spacing, .0125em);text-decoration:inherit;-webkit-text-decoration:var(--forge-typography-headline5-secondary-text-decoration,inherit);text-decoration:var(--forge-typography-headline5-secondary-text-decoration,inherit);text-transform:inherit;text-transform:var(--forge-typography-headline5-secondary-text-transform,inherit)}.forge-typography--title{-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)}.forge-typography--subtitle1-secondary{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:1rem;font-size:var(--forge-typography-subtitle1-secondary-font-size, 1rem);line-height:1.75rem;line-height:var(--forge-typography-subtitle1-secondary-line-height, 1.75rem);font-weight:500;font-weight:var(--forge-typography-subtitle1-secondary-font-weight,500);letter-spacing:.01em;letter-spacing:var(--forge-typography-subtitle1-secondary-letter-spacing, .01em);text-decoration:inherit;-webkit-text-decoration:var(--forge-typography-subtitle1-secondary-text-decoration,inherit);text-decoration:var(--forge-typography-subtitle1-secondary-text-decoration,inherit);text-transform:inherit;text-transform:var(--forge-typography-subtitle1-secondary-text-transform,inherit)}.forge-typography--subtitle2-secondary{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;font-size:var(--forge-typography-subtitle2-secondary-font-size, .875rem);line-height:1.375rem;line-height:var(--forge-typography-subtitle2-secondary-line-height, 1.375rem);font-weight:400;font-weight:var(--forge-typography-subtitle2-secondary-font-weight,400);letter-spacing:.0087500001em;letter-spacing:var(--forge-typography-subtitle2-secondary-letter-spacing, .0087500001em);text-decoration:inherit;-webkit-text-decoration:var(--forge-typography-subtitle2-secondary-text-decoration,inherit);text-decoration:var(--forge-typography-subtitle2-secondary-text-decoration,inherit);text-transform:inherit;text-transform:var(--forge-typography-subtitle2-secondary-text-transform,inherit);color:var(--mdc-theme-text-secondary-on-background);color:var(--forge-typography-subtitle2-secondary-color,var(--mdc-theme-text-secondary-on-background))}:root{--mdc-typography-headline1-font-size:3rem;--mdc-typography-headline1-line-height:3rem;--mdc-typography-headline1-letter-spacing:-0.03125em;--mdc-typography-headline2-font-size:3rem;--mdc-typography-headline2-line-height:3rem;--mdc-typography-headline2-font-weight:400;--mdc-typography-headline2-letter-spacing:-0.03125em;--mdc-typography-headline3-font-size:2.125rem;--mdc-typography-headline3-line-height:2.125rem;--mdc-typography-headline3-letter-spacing:-0.0441176471em;--mdc-typography-headline4-font-size:1.5rem;--mdc-typography-headline4-line-height:1.5rem;--mdc-typography-headline4-letter-spacing:0.0104166667em;--mdc-typography-headline5-font-size:1.25rem;--mdc-typography-headline5-line-height:2rem;--mdc-typography-headline5-font-weight:500;--mdc-typography-headline5-letter-spacing:0.0078125em;--mdc-typography-headline6-font-size:1rem;--mdc-typography-headline6-line-height:normal;--mdc-typography-headline6-font-weight:400;--mdc-typography-headline6-letter-spacing:normal;--mdc-typography-subtitle1-letter-spacing:0.01em;--mdc-typography-subtitle2-letter-spacing:0.0087500001em;--mdc-typography-overline-text-transform:none;--mdc-typography-button-text-transform:none}
+:root{--mdc-typography-headline1-font-size:3rem;--mdc-typography-headline1-line-height:3rem;--mdc-typography-headline1-letter-spacing:-0.03125em;--mdc-typography-headline2-font-size:3rem;--mdc-typography-headline2-line-height:3rem;--mdc-typography-headline2-font-weight:400;--mdc-typography-headline2-letter-spacing:-0.03125em;--mdc-typography-headline3-font-size:2.125rem;--mdc-typography-headline3-line-height:2.125rem;--mdc-typography-headline3-letter-spacing:-0.0441176471em;--mdc-typography-headline4-font-size:1.5rem;--mdc-typography-headline4-line-height:1.5rem;--mdc-typography-headline4-letter-spacing:0.0104166667em;--mdc-typography-headline5-font-size:1.25rem;--mdc-typography-headline5-line-height:2rem;--mdc-typography-headline5-font-weight:500;--mdc-typography-headline5-letter-spacing:0.0078125em;--mdc-typography-headline6-font-size:1rem;--mdc-typography-headline6-line-height:normal;--mdc-typography-headline6-font-weight:400;--mdc-typography-headline6-letter-spacing:normal;--mdc-typography-subtitle1-letter-spacing:0.01em;--mdc-typography-subtitle2-letter-spacing:0.0087500001em;--mdc-typography-overline-text-transform:none;--mdc-typography-button-text-transform:none}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-font-family, "Roboto", sans-serif);color:var(--forge-theme-text-high,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit)}.forge-typography--display1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display1-font-size-scale, 1.5)));font-weight:var(--forge-typography-display1-font-weight,300);line-height:var(--forge-typography-display1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display1-line-height-scale, 2.25)));letter-spacing:var(--forge-typography-display1-letter-spacing, normal);text-transform:var(--forge-typography-display1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display1-text-decoration,inherit);text-decoration:var(--forge-typography-display1-text-decoration,inherit)}.forge-typography--display2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display2-font-size-scale, 1.75)));font-weight:var(--forge-typography-display2-font-weight,300);line-height:var(--forge-typography-display2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display2-line-height-scale, 2.25)));letter-spacing:var(--forge-typography-display2-letter-spacing, normal);text-transform:var(--forge-typography-display2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display2-text-decoration,inherit);text-decoration:var(--forge-typography-display2-text-decoration,inherit)}.forge-typography--display3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display3-font-size-scale, 2)));font-weight:var(--forge-typography-display3-font-weight,300);line-height:var(--forge-typography-display3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display3-line-height-scale, 2.5)));letter-spacing:var(--forge-typography-display3-letter-spacing, normal);text-transform:var(--forge-typography-display3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display3-text-decoration,inherit);text-decoration:var(--forge-typography-display3-text-decoration,inherit)}.forge-typography--display4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display4-font-size-scale, 2.25)));font-weight:var(--forge-typography-display4-font-weight,300);line-height:var(--forge-typography-display4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display4-line-height-scale, 2.75)));letter-spacing:var(--forge-typography-display4-letter-spacing, -.0069444444em);text-transform:var(--forge-typography-display4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display4-text-decoration,inherit);text-decoration:var(--forge-typography-display4-text-decoration,inherit)}.forge-typography--display5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display5-font-size-scale, 2.5)));font-weight:var(--forge-typography-display5-font-weight,300);line-height:var(--forge-typography-display5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display5-line-height-scale, 3)));letter-spacing:var(--forge-typography-display5-letter-spacing, -.0125em);text-transform:var(--forge-typography-display5-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display5-text-decoration,inherit);text-decoration:var(--forge-typography-display5-text-decoration,inherit)}.forge-typography--display6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display6-font-size-scale, 3)));font-weight:var(--forge-typography-display6-font-weight,300);line-height:var(--forge-typography-display6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display6-line-height-scale, 4)));letter-spacing:var(--forge-typography-display6-letter-spacing, -.0208333333em);text-transform:var(--forge-typography-display6-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display6-text-decoration,inherit);text-decoration:var(--forge-typography-display6-text-decoration,inherit)}.forge-typography--display7{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display7-font-size-scale, 3.5)));font-weight:var(--forge-typography-display7-font-weight,300);line-height:var(--forge-typography-display7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display7-line-height-scale, 4.5)));letter-spacing:var(--forge-typography-display7-letter-spacing, -.0267857143em);text-transform:var(--forge-typography-display7-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display7-text-decoration,inherit);text-decoration:var(--forge-typography-display7-text-decoration,inherit)}.forge-typography--display8{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-display8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-display8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display8-font-size-scale, 4)));font-weight:var(--forge-typography-display8-font-weight,300);line-height:var(--forge-typography-display8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-display8-line-height-scale, 4.75)));letter-spacing:var(--forge-typography-display8-letter-spacing, -.03125em);text-transform:var(--forge-typography-display8-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-display8-text-decoration,inherit);text-decoration:var(--forge-typography-display8-text-decoration,inherit)}.forge-typography--heading1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-font-size-scale, .875)));font-weight:var(--forge-typography-heading1-font-weight,500);line-height:var(--forge-typography-heading1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-heading1-letter-spacing, .0178571429em);text-transform:var(--forge-typography-heading1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading1-text-decoration,inherit);text-decoration:var(--forge-typography-heading1-text-decoration,inherit)}.forge-typography--heading2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading2-font-size-scale, 1)));font-weight:var(--forge-typography-heading2-font-weight,500);line-height:var(--forge-typography-heading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading2-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-heading2-letter-spacing, .0125em);text-transform:var(--forge-typography-heading2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading2-text-decoration,inherit);text-decoration:var(--forge-typography-heading2-text-decoration,inherit)}.forge-typography--heading3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading3-font-size-scale, 1.125)));font-weight:var(--forge-typography-heading3-font-weight,500);line-height:var(--forge-typography-heading3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading3-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-heading3-letter-spacing, .0083333333em);text-transform:var(--forge-typography-heading3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading3-text-decoration,inherit);text-decoration:var(--forge-typography-heading3-text-decoration,inherit)}.forge-typography--heading4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading4-font-size-scale, 1.25)));font-weight:var(--forge-typography-heading4-font-weight,500);line-height:var(--forge-typography-heading4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading4-line-height-scale, 1.5)));letter-spacing:var(--forge-typography-heading4-letter-spacing, .005em);text-transform:var(--forge-typography-heading4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading4-text-decoration,inherit);text-decoration:var(--forge-typography-heading4-text-decoration,inherit)}.forge-typography--heading5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading5-font-size-scale, 1.5)));font-weight:var(--forge-typography-heading5-font-weight,500);line-height:var(--forge-typography-heading5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading5-line-height-scale, 1.75)));letter-spacing:var(--forge-typography-heading5-letter-spacing, 0);text-transform:var(--forge-typography-heading5-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading5-text-decoration,inherit);text-decoration:var(--forge-typography-heading5-text-decoration,inherit)}.forge-typography--heading6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading6-font-size-scale, 1.75)));font-weight:var(--forge-typography-heading6-font-weight,500);line-height:var(--forge-typography-heading6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading6-line-height-scale, 2.125)));letter-spacing:var(--forge-typography-heading6-letter-spacing, 0);text-transform:var(--forge-typography-heading6-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading6-text-decoration,inherit);text-decoration:var(--forge-typography-heading6-text-decoration,inherit)}.forge-typography--heading7{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading7-font-size-scale, 2)));font-weight:var(--forge-typography-heading7-font-weight,500);line-height:var(--forge-typography-heading7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading7-line-height-scale, 2.5)));letter-spacing:var(--forge-typography-heading7-letter-spacing, -.0015625em);text-transform:var(--forge-typography-heading7-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading7-text-decoration,inherit);text-decoration:var(--forge-typography-heading7-text-decoration,inherit)}.forge-typography--heading8{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-heading8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading8-font-size-scale, 2.25)));font-weight:var(--forge-typography-heading8-font-weight,500);line-height:var(--forge-typography-heading8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading8-line-height-scale, 2.625)));letter-spacing:var(--forge-typography-heading8-letter-spacing, -.0027777778em);text-transform:var(--forge-typography-heading8-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading8-text-decoration,inherit);text-decoration:var(--forge-typography-heading8-text-decoration,inherit)}.forge-typography--subheading1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading1-font-size-scale, .875)));font-weight:var(--forge-typography-subheading1-font-weight,400);line-height:var(--forge-typography-subheading1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading1-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-subheading1-letter-spacing, normal);text-transform:var(--forge-typography-subheading1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading1-text-decoration,inherit);text-decoration:var(--forge-typography-subheading1-text-decoration,inherit)}.forge-typography--subheading2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-font-size-scale, 1)));font-weight:var(--forge-typography-subheading2-font-weight,400);line-height:var(--forge-typography-subheading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-subheading2-letter-spacing, normal);text-transform:var(--forge-typography-subheading2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading2-text-decoration,inherit);text-decoration:var(--forge-typography-subheading2-text-decoration,inherit)}.forge-typography--subheading3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading3-font-size-scale, 1.125)));font-weight:var(--forge-typography-subheading3-font-weight,400);line-height:var(--forge-typography-subheading3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading3-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-subheading3-letter-spacing, normal);text-transform:var(--forge-typography-subheading3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading3-text-decoration,inherit);text-decoration:var(--forge-typography-subheading3-text-decoration,inherit)}.forge-typography--subheading4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading4-font-size-scale, 1.25)));font-weight:var(--forge-typography-subheading4-font-weight,400);line-height:var(--forge-typography-subheading4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading4-line-height-scale, 1.5)));letter-spacing:var(--forge-typography-subheading4-letter-spacing, normal);text-transform:var(--forge-typography-subheading4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading4-text-decoration,inherit);text-decoration:var(--forge-typography-subheading4-text-decoration,inherit)}.forge-typography--subheading5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading5-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading5-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading5-font-size-scale, 1.5)));font-weight:var(--forge-typography-subheading5-font-weight,400);line-height:var(--forge-typography-subheading5-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading5-line-height-scale, 1.75)));letter-spacing:var(--forge-typography-subheading5-letter-spacing, 0);text-transform:var(--forge-typography-subheading5-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading5-text-decoration,inherit);text-decoration:var(--forge-typography-subheading5-text-decoration,inherit)}.forge-typography--subheading6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading6-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading6-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading6-font-size-scale, 1.75)));font-weight:var(--forge-typography-subheading6-font-weight,400);line-height:var(--forge-typography-subheading6-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading6-line-height-scale, 2.125)));letter-spacing:var(--forge-typography-subheading6-letter-spacing, 0);text-transform:var(--forge-typography-subheading6-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading6-text-decoration,inherit);text-decoration:var(--forge-typography-subheading6-text-decoration,inherit)}.forge-typography--subheading7{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading7-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading7-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading7-font-size-scale, 2)));font-weight:var(--forge-typography-subheading7-font-weight,400);line-height:var(--forge-typography-subheading7-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading7-line-height-scale, 2.5)));letter-spacing:var(--forge-typography-subheading7-letter-spacing, -.0015625em);text-transform:var(--forge-typography-subheading7-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading7-text-decoration,inherit);text-decoration:var(--forge-typography-subheading7-text-decoration,inherit)}.forge-typography--subheading8{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading8-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-subheading8-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading8-font-size-scale, 2.25)));font-weight:var(--forge-typography-subheading8-font-weight,400);line-height:var(--forge-typography-subheading8-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading8-line-height-scale, 2.625)));letter-spacing:var(--forge-typography-subheading8-letter-spacing, -.0027777778em);text-transform:var(--forge-typography-subheading8-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-subheading8-text-decoration,inherit);text-decoration:var(--forge-typography-subheading8-text-decoration,inherit)}.forge-typography--body1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body1-text-decoration,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit)}.forge-typography--body2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit)}.forge-typography--body3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body3-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body3-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1.125)));font-weight:var(--forge-typography-body3-font-weight,400);line-height:var(--forge-typography-body3-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.5)));letter-spacing:var(--forge-typography-body3-letter-spacing, .0083333333em);text-transform:var(--forge-typography-body3-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body3-text-decoration,inherit);text-decoration:var(--forge-typography-body3-text-decoration,inherit)}.forge-typography--body4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body4-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-body4-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1.25)));font-weight:var(--forge-typography-body4-font-weight,400);line-height:var(--forge-typography-body4-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.75)));letter-spacing:var(--forge-typography-body4-letter-spacing, .005em);text-transform:var(--forge-typography-body4-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body4-text-decoration,inherit);text-decoration:var(--forge-typography-body4-text-decoration,inherit)}.forge-typography--label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-label-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label-font-weight,400);line-height:var(--forge-typography-label-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label-text-decoration,inherit);text-decoration:var(--forge-typography-label-text-decoration,inherit)}.forge-typography--button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, .875)));font-weight:var(--forge-typography-button-font-weight,500);line-height:var(--forge-typography-button-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-line-height-scale, 2.25)));letter-spacing:var(--forge-typography-button-letter-spacing, .0714285714em);text-transform:var(--forge-typography-button-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-button-text-decoration,inherit);text-decoration:var(--forge-typography-button-text-decoration,inherit)}.forge-typography--overline{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-overline-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-overline-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-overline-font-size-scale, .75)));font-weight:var(--forge-typography-overline-font-weight,500);line-height:var(--forge-typography-overline-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-overline-line-height-scale, 2)));letter-spacing:var(--forge-typography-overline-letter-spacing, .1666666667em);text-transform:var(--forge-typography-overline-text-transform,uppercase);-webkit-text-decoration:var(--forge-typography-overline-text-decoration,inherit);text-decoration:var(--forge-typography-overline-text-decoration,inherit)}

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

@@ -51,7 +51,7 @@ export class AppBarProfileButtonAdapter extends BaseAdapter {
             if (!this._popupElement) {
                 return;
             }
-            if (!this._component.contains(getActiveElement())) {
+            if (!this._component.contains(getActiveElement(this._component.ownerDocument))) {
                 dismissListener();
             }
         }, true);

package/esm/autocomplete/autocomplete-adapter.js

@@ -114,7 +114,7 @@ export class AutocompleteAdapter extends BaseAdapter {
         return this._listDropdown.dropdownElement.contains(target);
     }
     hasFocus() {
-        const activeElement = getActiveElement();
+        const activeElement = getActiveElement(this._component.ownerDocument);
         return activeElement === this._inputElement || this.isFocusWithinPopup(activeElement);
     }
     hasInputElement() {

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

@@ -66,3 +66,6 @@ export interface IAutocompletePopupConfiguration {
 export interface IAutocompleteSelectEventData<T = any> {
     value: T;
 }
+export interface IAutocompleteForceFilterOptions {
+    preserveValue: boolean;
+}

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

@@ -6,7 +6,7 @@
 import { ListDropdownFooterBuilder, ListDropdownHeaderBuilder } from '../list-dropdown';
 import { IListDropdownAwareFoundation, ListDropdownAwareFoundation } from '../list-dropdown/list-dropdown-aware-foundation';
 import { IAutocompleteAdapter } from './autocomplete-adapter';
-import { AutocompleteFilterCallback, AutocompleteMode, AutocompleteOptionBuilder, AutocompleteSelectedTextBuilder, IAutocompleteOption, IAutocompleteOptionGroup } from './autocomplete-constants';
+import { AutocompleteFilterCallback, AutocompleteMode, AutocompleteOptionBuilder, AutocompleteSelectedTextBuilder, IAutocompleteForceFilterOptions, IAutocompleteOption, IAutocompleteOptionGroup } from './autocomplete-constants';
 export interface IAutocompleteFoundation extends IListDropdownAwareFoundation {
     mode: AutocompleteMode;
     multiple: boolean;
@@ -25,6 +25,7 @@ export interface IAutocompleteFoundation extends IListDropdownAwareFoundation {
     matchKey: string | null | undefined;
     appendOptions(options: IAutocompleteOption[] | IAutocompleteOptionGroup[]): void;
     beforeValueChange: (value: any) => boolean | Promise<boolean>;
+    forceFilter(opts: IAutocompleteForceFilterOptions): void;
 }
 /**
  * The foundation class behind the `<forge-autocomplete>` element.
@@ -68,6 +69,7 @@ export declare class AutocompleteFoundation extends ListDropdownAwareFoundation
     constructor(_adapter: IAutocompleteAdapter);
     initialize(): Promise<void>;
     disconnect(): void;
+    forceFilter({ preserveValue }: IAutocompleteForceFilterOptions): Promise<void>;
     private _attachListeners;
     private _detachListeners;
     private _setInputListener;

package/esm/autocomplete/autocomplete-foundation.js

@@ -74,6 +74,19 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
             this._closeDropdown();
         }
     }
+    async forceFilter({ preserveValue }) {
+        // Clear any existing options since they are expected to no longer be valid
+        this._options = [];
+        // Execute the filter callback to fetch new options if the consumer has provided any.
+        // This allows us to update the current value(s) with new label(s) if there are any matches
+        await this._executeFilter(true, true);
+        // Edge case, but if the consumer has a need to preserve the existing selection if it doesn't exist in the new options, this will support that
+        if (preserveValue) {
+            this._options.push(...this._selectedOptions);
+        }
+        // This will update our current state, but it's expected that consumers will manage their own values so it's likely that this will be called again soon
+        this._applyValue(this._values);
+    }
     _attachListeners() {
         this._adapter.addInputListener('click', this._clickListener);
         this._adapter.addInputListener('focus', this._focusListener);
@@ -127,6 +140,7 @@ export class AutocompleteFoundation extends ListDropdownAwareFoundation {
         }
     }
     _onClear(evt) {
+        this._filterText = '';
         this._clearValue();
         this._adapter.setSelectedText(this._getSelectedText());
     }

package/esm/autocomplete/autocomplete.d.ts

@@ -4,7 +4,7 @@
  * License: Apache-2.0
  */
 import { IListDropdownAware, ListDropdownAware } from '../list-dropdown/list-dropdown-aware';
-import { AutocompleteFilterCallback, AutocompleteMode, AutocompleteOptionBuilder, AutocompleteSelectedTextBuilder, IAutocompleteOption, IAutocompleteOptionGroup, IAutocompleteSelectEventData } from './autocomplete-constants';
+import { AutocompleteFilterCallback, AutocompleteMode, AutocompleteOptionBuilder, AutocompleteSelectedTextBuilder, IAutocompleteForceFilterOptions, IAutocompleteOption, IAutocompleteOptionGroup, IAutocompleteSelectEventData } from './autocomplete-constants';
 export interface IAutocompleteComponent extends IListDropdownAware {
     mode: `${AutocompleteMode}`;
     multiple: boolean;
@@ -26,6 +26,7 @@ export interface IAutocompleteComponent extends IListDropdownAware {
     appendOptions(options: IAutocompleteOption[] | IAutocompleteOptionGroup[]): void;
     openDropdown(): void;
     closeDropdown(): void;
+    forceFilter(opts?: IAutocompleteForceFilterOptions): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -93,4 +94,9 @@ export declare class AutocompleteComponent extends ListDropdownAware implements
     openDropdown(): void;
     /** Closes the dropdown. */
     closeDropdown(): void;
+    /**
+     * Forces the filter callback to be executed to update the current selection state with new options.
+     * @param opts
+     */
+    forceFilter(opts?: IAutocompleteForceFilterOptions): void;
 }

package/esm/autocomplete/autocomplete.js

@@ -108,6 +108,13 @@ let AutocompleteComponent = class AutocompleteComponent extends ListDropdownAwar
     closeDropdown() {
         this.open = false;
     }
+    /**
+     * Forces the filter callback to be executed to update the current selection state with new options.
+     * @param opts
+     */
+    forceFilter(opts = { preserveValue: false }) {
+        this._foundation.forceFilter(opts);
+    }
 };
 __decorate([
     FoundationProperty()

package/esm/banner/banner.js

@@ -13,7 +13,7 @@ import { TooltipComponent } from '../tooltip';
 import { BannerAdapter } from './banner-adapter';
 import { BANNER_CONSTANTS } from './banner-constants';
 import { BannerFoundation } from './banner-foundation';
-const template = '<template><div class=\"forge-banner\" part=\"root\"><div class=\"forge-banner__container\" part=\"container\"><div class=\"forge-banner__container-wrapper\" part=\"wrapper\"><div class=\"forge-banner__container-wrapper-icon\" part=\"icon-container\"><slot name=\"icon\"></slot></div><div class=\"forge-banner__container-wrapper-subsection\" part=\"subsection-wrapper\"><div class=\"forge-banner__container-wrapper-subsection-text forge-typography--body1\" part=\"subsection-text\"><slot></slot></div><div class=\"forge-banner__container-wrapper-subsection-action\" part=\"action-subsection\"><slot name=\"button\"></slot></div></div></div><forge-icon-button class=\"forge-banner__container-dismiss\" part=\"dismiss-icon-button\"><button type=\"button\" aria-label=\"Dismiss this banner\" part=\"dismiss-button\"><forge-icon name=\"cancel\" part=\"dismiss-button-icon\"></forge-icon></button><forge-tooltip>Dismiss</forge-tooltip></forge-icon-button></div></div></template>';
+const template = '<template><div class=\"forge-banner\" part=\"root\"><div class=\"forge-banner__container\" part=\"container\"><div class=\"forge-banner__container-wrapper\" part=\"wrapper\"><div class=\"forge-banner__container-wrapper-icon\" part=\"icon-container\"><slot name=\"icon\"></slot></div><div class=\"forge-banner__container-wrapper-subsection\" part=\"subsection-wrapper\"><div class=\"forge-banner__container-wrapper-subsection-text forge-typography--body2\" part=\"subsection-text\"><slot></slot></div><div class=\"forge-banner__container-wrapper-subsection-action\" part=\"action-subsection\"><slot name=\"button\"></slot></div></div></div><forge-icon-button class=\"forge-banner__container-dismiss\" part=\"dismiss-icon-button\"><button type=\"button\" aria-label=\"Dismiss this banner\" part=\"dismiss-button\"><forge-icon name=\"cancel\" part=\"dismiss-button-icon\"></forge-icon></button><forge-tooltip>Dismiss</forge-tooltip></forge-icon-button></div></div></template>';
 const styles = '.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.forge-icon-button::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}@media (min-width:600px){.forge-banner{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:600px;max-height:600px}.forge-banner.forge-banner--dismissed{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:0}.forge-banner__container{border-bottom-color:#e0e0e0;border-bottom-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom-width:1px;border-bottom-style:solid;min-height:48px;-webkit-box-align:center;align-items:center;padding:0 24px 0 24px}.forge-banner__container-wrapper{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-banner__container-wrapper-icon{margin-right:16px}.forge-banner__container-wrapper-subsection{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.forge-banner__container-wrapper-subsection-text{padding:14px 0 14px 0;margin-right:24px}.forge-banner__container-wrapper-subsection-action ::slotted(forge-button){margin-right:16px}.forge-banner__container-dismiss[hidden]{display:none}}@media (max-width:599px){.forge-banner{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:600px;max-height:600px}.forge-banner.forge-banner--dismissed{-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out;overflow:hidden;max-height:0}.forge-banner__container{border-bottom-color:#e0e0e0;border-bottom-color:var(--forge-theme-border-color,#e0e0e0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom-width:1px;border-bottom-style:solid;min-height:48px;padding:16px 12px 16px 12px}.forge-banner__container-wrapper{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-banner__container-wrapper-icon{margin-right:16px}.forge-banner__container-wrapper-subsection{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-banner__container-wrapper-subsection-action ::slotted(forge-button){margin-top:12px}.forge-banner__container-dismiss{margin-top:-12px;margin-right:-12px}.forge-banner__container-dismiss[hidden]{display:none}}:host{display:block}:host([hidden]){display:none}:host(:not([theme])) .forge-banner,:host([theme=\"\"]) .forge-banner,:host([theme=default]) .forge-banner{background:#e8eaf6;background:var(--forge-banner-theme-background,var(--forge-banner-theme-default-background,#e8eaf6));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-default-font-color,rgba(0,0,0,.87)))}:host(:not([theme])) .forge-banner .forge-banner__container-wrapper-icon,:host([theme=\"\"]) .forge-banner .forge-banner__container-wrapper-icon,:host([theme=default]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-default-icon-color,rgba(0,0,0,.54)))}:host(:not([theme])) .forge-banner .forge-banner__container-dismiss,:host([theme=\"\"]) .forge-banner .forge-banner__container-dismiss,:host([theme=default]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-default-icon-color,rgba(0,0,0,.54)))}:host([theme=danger]) .forge-banner{background:#ffcdd2;background:var(--forge-banner-theme-background,var(--forge-banner-theme-danger-background,#ffcdd2));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-danger-icon-color,rgba(0,0,0,.54)))}:host([theme=danger]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-danger-icon-color,rgba(0,0,0,.54)))}:host([theme=warning]) .forge-banner{background:#ffdba6;background:var(--forge-banner-theme-background,var(--forge-banner-theme-warning-background,#ffdba6));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-warning-icon-color,rgba(0,0,0,.54)))}:host([theme=warning]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-warning-icon-color,rgba(0,0,0,.54)))}:host([theme=success]) .forge-banner{background:#a5d6a7;background:var(--forge-banner-theme-background,var(--forge-banner-theme-success-background,#a5d6a7));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-success-icon-color,rgba(0,0,0,.54)))}:host([theme=success]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-success-icon-color,rgba(0,0,0,.54)))}:host([theme=info-primary]) .forge-banner{background:#bbdefb;background:var(--forge-banner-theme-background,var(--forge-banner-theme-info-primary-background,#bbdefb));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-primary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-primary]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-primary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-secondary]) .forge-banner{background:#e0e0e0;background:var(--forge-banner-theme-background,var(--forge-banner-theme-info-secondary-background,#e0e0e0));color:rgba(0,0,0,.87);color:var(--forge-banner-theme-on-background,var(--forge-banner-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-banner .forge-banner__container-wrapper-icon{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-secondary-icon-color,rgba(0,0,0,.54)))}:host([theme=info-secondary]) .forge-banner .forge-banner__container-dismiss{color:rgba(0,0,0,.54);color:var(--forge-banner-theme-icon,var(--forge-banner-theme-info-secondary-icon-color,rgba(0,0,0,.54)))}';
 /**
  * The custom element class behind the `<forge-banner>` element.

package/esm/busy-indicator/busy-indicator-adapter.js

@@ -192,7 +192,7 @@ export class BusyIndicatorAdapter extends BaseAdapter {
         }
     }
     getFocusedElement() {
-        return getActiveElement();
+        return getActiveElement(this._component.ownerDocument);
     }
     hasFocus() {
         const activeElement = this.getFocusedElement();

package/esm/button-area/button-area-adapter.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseAdapter, IBaseAdapter } from '../core';
+import { ForgeRippleCapableSurface } from '../ripple';
+import { IButtonAreaComponent } from './button-area';
+export interface IButtonAreaAdapter extends IBaseAdapter {
+    destroy(): void;
+    setDisabled(value: boolean): void;
+    addListener(type: string, listener: (event: Event) => void): void;
+    removeListener(type: string, listener: (event: Event) => void): void;
+    addSlotChangeListener(listener: () => void): void;
+    removeSlotChangeListener(listener: () => void): void;
+    startButtonObserver(callback: MutationCallback): void;
+    stopButtonObserver(): void;
+    detectSlottedButton(): void;
+    buttonIsDisabled(): boolean;
+    requestDisabledButtonFrame(): void;
+    createRipple(): Promise<void>;
+}
+export declare class ButtonAreaAdapter extends BaseAdapter<IButtonAreaComponent> implements IButtonAreaAdapter, ForgeRippleCapableSurface {
+    private _rootElement;
+    private _buttonSlotElement;
+    private _buttonElement?;
+    private _rippleInstance?;
+    private _buttonObserver?;
+    private _destroyUserInteractionListener;
+    constructor(component: IButtonAreaComponent);
+    destroy(): void;
+    get root(): HTMLElement;
+    get unbounded(): boolean | undefined;
+    get disabled(): boolean | undefined;
+    setDisabled(value: boolean): void;
+    addListener(type: string, listener: (event: Event) => void): void;
+    removeListener(type: string, listener: (event: Event) => void): void;
+    addSlotChangeListener(listener: () => void): void;
+    removeSlotChangeListener(listener: () => void): void;
+    startButtonObserver(callback: MutationCallback): void;
+    stopButtonObserver(): void;
+    detectSlottedButton(): void;
+    buttonIsDisabled(): boolean;
+    requestDisabledButtonFrame(): void;
+    createRipple(): Promise<void>;
+    private _userInteractionListener;
+    private _isRootEvent;
+}

package/esm/button-area/button-area-adapter.js

@@ -0,0 +1,121 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { addClass, getShadowElement, removeClass, toggleClass } from '@tylertech/forge-core';
+import { BaseAdapter, createUserInteractionListener } from '../core';
+import { ForgeRipple, ForgeRippleFoundation } from '../ripple';
+import { BUTTON_AREA_CONSTANTS } from './button-area-constants';
+export class ButtonAreaAdapter extends BaseAdapter {
+    constructor(component) {
+        super(component);
+        this._rootElement = getShadowElement(component, BUTTON_AREA_CONSTANTS.selectors.ROOT);
+        this._buttonSlotElement = getShadowElement(component, BUTTON_AREA_CONSTANTS.selectors.BUTTON_SLOT);
+    }
+    destroy() {
+        if (typeof this._destroyUserInteractionListener === 'function') {
+            this._destroyUserInteractionListener();
+        }
+    }
+    get root() {
+        return this._rootElement;
+    }
+    get unbounded() {
+        return false;
+    }
+    get disabled() {
+        return this.buttonIsDisabled();
+    }
+    setDisabled(value) {
+        var _a;
+        toggleClass(this._rootElement, value, BUTTON_AREA_CONSTANTS.classes.DISABLED);
+        (_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.toggleAttribute(BUTTON_AREA_CONSTANTS.attributes.DISABLED, value);
+    }
+    addListener(type, listener) {
+        this._rootElement.addEventListener(type, listener);
+    }
+    removeListener(type, listener) {
+        this._rootElement.removeEventListener(type, listener);
+    }
+    addSlotChangeListener(listener) {
+        this._buttonSlotElement.addEventListener('slotchange', listener);
+    }
+    removeSlotChangeListener(listener) {
+        this._buttonSlotElement.removeEventListener('slotchange', listener);
+    }
+    startButtonObserver(callback) {
+        if (this._buttonElement) {
+            this._buttonObserver = new MutationObserver(callback);
+            this._buttonObserver.observe(this._buttonElement, { attributeFilter: [BUTTON_AREA_CONSTANTS.attributes.DISABLED] });
+        }
+    }
+    stopButtonObserver() {
+        if (this._buttonObserver) {
+            this._buttonObserver.disconnect();
+            this._buttonObserver = undefined;
+        }
+    }
+    detectSlottedButton() {
+        this._buttonElement = this._buttonSlotElement.assignedElements()[0];
+    }
+    buttonIsDisabled() {
+        var _a, _b;
+        return (_b = (_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.disabled) !== null && _b !== void 0 ? _b : true;
+    }
+    requestDisabledButtonFrame() {
+        if (this._buttonElement) {
+            this._buttonElement.disabled = true;
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            requestAnimationFrame(() => this._buttonElement.disabled = false);
+        }
+    }
+    async createRipple() {
+        if (!this._rippleInstance) {
+            const type = await this._userInteractionListener();
+            if (!this._rippleInstance) {
+                const adapter = Object.assign(Object.assign({}, ForgeRipple.createAdapter(this)), { isSurfaceActive: () => { var _a, _b; return this._rootElement.matches(':active') || ((_b = (_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.matches(':active')) !== null && _b !== void 0 ? _b : false); }, isSurfaceDisabled: () => { var _a; return (_a = this.disabled) !== null && _a !== void 0 ? _a : true; }, isUnbounded: () => !!this.unbounded, registerInteractionHandler: (evtType, handler) => {
+                        var _a;
+                        if (this._isRootEvent(evtType)) {
+                            this._rootElement.addEventListener(evtType, handler, { passive: true });
+                        }
+                        else {
+                            (_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.addEventListener(evtType, handler, { passive: true });
+                        }
+                    }, deregisterInteractionHandler: (evtType, handler) => {
+                        var _a;
+                        if (this._isRootEvent(evtType)) {
+                            this._rootElement.removeEventListener(evtType, handler, { passive: true });
+                        }
+                        else {
+                            (_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.removeEventListener(evtType, handler, { passive: true });
+                        }
+                    }, addClass: (className) => addClass(className, this._rootElement), removeClass: (className) => removeClass(className, this._rootElement), updateCssVariable: (varName, value) => this._rootElement.style.setProperty(varName, value) });
+                this._rippleInstance = new ForgeRipple(this._rootElement, new ForgeRippleFoundation(adapter));
+                if (type === 'focusin') {
+                    this._rippleInstance.handleFocus();
+                }
+            }
+        }
+        else {
+            if (typeof this._destroyUserInteractionListener === 'function') {
+                this._destroyUserInteractionListener();
+            }
+            this._rippleInstance.destroy();
+            this._rippleInstance = undefined;
+        }
+    }
+    async _userInteractionListener() {
+        if (typeof this._destroyUserInteractionListener === 'function') {
+            this._destroyUserInteractionListener();
+        }
+        const { userInteraction, destroy } = createUserInteractionListener(this._rootElement);
+        this._destroyUserInteractionListener = destroy;
+        const { type } = await userInteraction;
+        this._destroyUserInteractionListener = undefined;
+        return type;
+    }
+    _isRootEvent(evtType) {
+        return ['touchstart', 'pointerdown', 'mousedown'].includes(evtType);
+    }
+}

package/esm/button-area/button-area-constants.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const BUTTON_AREA_CONSTANTS: {
+    elementName: string;
+    attributes: {
+        DISABLED: string;
+        IGNORE: string;
+        IGNORE_ALT: string;
+    };
+    ids: {
+        ROOT: string;
+        BUTTON_SLOT: string;
+    };
+    classes: {
+        DISABLED: string;
+    };
+    selectors: {
+        ROOT: string;
+        BUTTON_SLOT: string;
+    };
+};

package/esm/button-area/button-area-constants.js

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}button-area`;
+const attributes = {
+    DISABLED: 'disabled',
+    IGNORE: 'data-forge-ignore',
+    IGNORE_ALT: 'forge-ignore'
+};
+const ids = {
+    ROOT: 'root',
+    BUTTON_SLOT: 'button'
+};
+const classes = {
+    DISABLED: `forge-button-area--disabled`
+};
+const selectors = {
+    ROOT: `#${ids.ROOT}`,
+    BUTTON_SLOT: `slot[name=button]`
+};
+export const BUTTON_AREA_CONSTANTS = {
+    elementName,
+    attributes,
+    ids,
+    classes,
+    selectors
+};

package/esm/button-area/button-area-foundation.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICustomElementFoundation } from '@tylertech/forge-core';
+import { IButtonAreaAdapter } from './button-area-adapter';
+export interface IButtonAreaFoundation extends ICustomElementFoundation {
+    disabled: boolean;
+}
+export declare class ButtonAreaFoundation implements IButtonAreaFoundation {
+    private _adapter;
+    private _disabled;
+    private _clickListener;
+    private _keydownListener;
+    private _pointerdownListener;
+    private _slotListener;
+    constructor(_adapter: IButtonAreaAdapter);
+    initialize(): void;
+    disconnect(): void;
+    private _handleClick;
+    private _handleKeydown;
+    private _handlePointerdown;
+    private _handleSlotChange;
+    private _handleButtonDisabled;
+    private _shouldIgnoreEvent;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+}

package/esm/button-area/button-area-foundation.js

@@ -0,0 +1,94 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { getEventPath } from '@tylertech/forge-core';
+import { BUTTON_AREA_CONSTANTS } from './button-area-constants';
+export class ButtonAreaFoundation {
+    constructor(_adapter) {
+        this._adapter = _adapter;
+        this._disabled = false;
+        this._clickListener = event => this._handleClick(event);
+        this._keydownListener = event => this._handleKeydown(event);
+        this._pointerdownListener = event => this._handlePointerdown(event);
+        this._slotListener = () => this._handleSlotChange();
+    }
+    initialize() {
+        this._adapter.addListener('click', this._clickListener);
+        this._adapter.addListener('keydown', this._keydownListener);
+        this._adapter.addListener('pointerdown', this._pointerdownListener);
+        this._adapter.addSlotChangeListener(this._slotListener);
+        this._adapter.createRipple();
+    }
+    disconnect() {
+        this._adapter.destroy();
+        this._adapter.removeListener('click', this._clickListener);
+        this._adapter.removeSlotChangeListener(this._slotListener);
+        this._adapter.stopButtonObserver();
+    }
+    _handleClick(event) {
+        var _a;
+        // Prevent the click if disabled
+        if (this._disabled) {
+            event.stopPropagation();
+        }
+        // Prevent the click if a selection was made
+        const selectionType = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.type;
+        if (selectionType === 'Range') {
+            event.stopPropagation();
+        }
+        // Prevent the click if it originates from an ignored element
+        if (this._shouldIgnoreEvent(event)) {
+            event.stopPropagation();
+        }
+    }
+    _handleKeydown(event) {
+        if (event.key !== ' ' && event.key !== 'Enter') {
+            return;
+        }
+        // Prevent the keydown if it originates from an ignored element
+        if (this._shouldIgnoreEvent(event)) {
+            event.stopPropagation();
+        }
+    }
+    _handlePointerdown(event) {
+        if (this._disabled) {
+            return;
+        }
+        // Prevent the ripple animation when ignored children are clicked
+        if (this._shouldIgnoreEvent(event)) {
+            this._adapter.requestDisabledButtonFrame();
+        }
+    }
+    _handleSlotChange() {
+        // Clear old button-connected listeners
+        this._adapter.stopButtonObserver();
+        this._adapter.detectSlottedButton();
+        this._adapter.startButtonObserver(() => this._handleButtonDisabled());
+        // Match the component and button states if either is disabled
+        if (this._adapter.buttonIsDisabled()) {
+            this.disabled = true;
+        }
+        else if (this._disabled) {
+            this._adapter.setDisabled(true);
+        }
+    }
+    _handleButtonDisabled() {
+        this.disabled = this._adapter.buttonIsDisabled();
+    }
+    _shouldIgnoreEvent(event) {
+        const eventPath = getEventPath(event);
+        return eventPath.some(el => el.nodeType === 1 && (el.hasAttribute(BUTTON_AREA_CONSTANTS.attributes.IGNORE) || el.hasAttribute(BUTTON_AREA_CONSTANTS.attributes.IGNORE_ALT)));
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        if (this._disabled !== value) {
+            this._disabled = value;
+            this._adapter.setDisabled(this._disabled);
+            this._adapter.toggleHostAttribute(BUTTON_AREA_CONSTANTS.attributes.DISABLED, this._disabled);
+        }
+    }
+}