@tylertech/forge 2.0.0

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

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
+import { IBadgeComponent } from './badge';
+export interface IBadgeAdapter extends IBaseAdapter {
+    setRootClass(classes: string | string[]): void;
+    removeRootClass(classes: string | string[]): void;
+}
+export declare class BadgeAdapter extends BaseAdapter<IBadgeComponent> implements IBadgeAdapter {
+    private _rootElement;
+    constructor(component: IBadgeComponent);
+    setRootClass(classes: string | string[]): void;
+    removeRootClass(classes: string | string[]): void;
+}

package/esm/badge/badge-adapter.js

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { addClass, getShadowElement, removeClass } from '@tylertech/forge-core';
+import { BaseAdapter } from '../core/base/base-adapter';
+import { BADGE_CONSTANTS } from './badge-constants';
+export class BadgeAdapter extends BaseAdapter {
+    constructor(component) {
+        super(component);
+        this._rootElement = getShadowElement(component, BADGE_CONSTANTS.selectors.ROOT);
+    }
+    setRootClass(classes) {
+        addClass(classes, this._rootElement);
+    }
+    removeRootClass(classes) {
+        removeClass(classes, this._rootElement);
+    }
+}

package/esm/badge/badge-component-delegate.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';
+import { IBadgeComponent } from './badge';
+export declare type BadgeComponentDelegateProps = Partial<IBadgeComponent>;
+export interface IBadgeComponentDelegateOptions extends IBaseComponentDelegateOptions {
+}
+export interface IBadgeComponentDelegateConfig extends IBaseComponentDelegateConfig<IBadgeComponent, IBadgeComponentDelegateOptions> {
+}
+export declare class BadgeComponentDelegate extends BaseComponentDelegate<IBadgeComponent, IBadgeComponentDelegateOptions> {
+    constructor(config?: IBadgeComponentDelegateConfig);
+    protected _build(): IBadgeComponent;
+}

package/esm/badge/badge-component-delegate.js

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponentDelegate } from '../core/delegates/base-component-delegate';
+import { BADGE_CONSTANTS } from './badge-constants';
+export class BadgeComponentDelegate extends BaseComponentDelegate {
+    constructor(config) {
+        super(config);
+    }
+    _build() {
+        return document.createElement(BADGE_CONSTANTS.elementName);
+    }
+}

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

@@ -0,0 +1,21 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const BADGE_CONSTANTS: {
+    elementName: "forge-badge";
+    attributes: {
+        DOT: string;
+        OPEN: string;
+        THEME: string;
+        STRONG: string;
+    };
+    classes: {
+        DOT: string;
+        OPEN: string;
+    };
+    selectors: {
+        ROOT: string;
+    };
+};

package/esm/badge/badge-constants.js

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}badge`;
+const attributes = {
+    DOT: 'dot',
+    OPEN: 'open',
+    THEME: 'theme',
+    STRONG: 'strong'
+};
+const classes = {
+    DOT: 'forge-badge--dot',
+    OPEN: 'forge-badge--open'
+};
+const selectors = {
+    ROOT: '.forge-badge'
+};
+export const BADGE_CONSTANTS = {
+    elementName,
+    attributes,
+    classes,
+    selectors
+};

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

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICustomElementFoundation } from '@tylertech/forge-core';
+import { IBadgeAdapter } from './badge-adapter';
+export interface IBadgeFoundation extends ICustomElementFoundation {
+    dot: boolean;
+    open: boolean;
+}
+export declare class BadgeFoundation implements IBadgeFoundation {
+    private _adapter;
+    private _dot;
+    private _open;
+    constructor(_adapter: IBadgeAdapter);
+    initialize(): void;
+    private _applyDot;
+    private _setOpen;
+    get dot(): boolean;
+    set dot(value: boolean);
+    get open(): boolean;
+    set open(value: boolean);
+}

package/esm/badge/badge-foundation.js

@@ -0,0 +1,55 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BADGE_CONSTANTS } from './badge-constants';
+export class BadgeFoundation {
+    constructor(_adapter) {
+        this._adapter = _adapter;
+        this._dot = false;
+        this._open = true;
+    }
+    initialize() {
+        this._applyDot();
+        this._setOpen();
+    }
+    _applyDot() {
+        if (this._dot) {
+            this._adapter.setRootClass(BADGE_CONSTANTS.classes.DOT);
+            this._adapter.setHostAttribute(BADGE_CONSTANTS.attributes.DOT);
+        }
+        else {
+            this._adapter.removeRootClass(BADGE_CONSTANTS.classes.DOT);
+            this._adapter.removeHostAttribute(BADGE_CONSTANTS.attributes.DOT);
+        }
+    }
+    _setOpen() {
+        if (this._open) {
+            this._adapter.setRootClass(BADGE_CONSTANTS.classes.OPEN);
+            this._adapter.setHostAttribute(BADGE_CONSTANTS.attributes.OPEN);
+        }
+        else {
+            this._adapter.removeRootClass(BADGE_CONSTANTS.classes.OPEN);
+            this._adapter.removeHostAttribute(BADGE_CONSTANTS.attributes.OPEN);
+        }
+    }
+    get dot() {
+        return this._dot;
+    }
+    set dot(value) {
+        if (this._dot !== value) {
+            this._dot = value;
+            this._applyDot();
+        }
+    }
+    get open() {
+        return this._open;
+    }
+    set open(value) {
+        if (this._open !== value) {
+            this._open = value;
+            this._setOpen();
+        }
+    }
+}

package/esm/badge/badge.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+export interface IBadgeComponent extends IBaseComponent {
+    dot: boolean;
+    open: boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-badge': IBadgeComponent;
+    }
+}
+export declare class BadgeComponent extends BaseComponent implements IBadgeComponent {
+    static get observedAttributes(): string[];
+    private _foundation;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    /** Controls whether the component renders a simple dot/circle, or allows for content. */
+    dot: boolean;
+    /** Controls the visibility state. */
+    open: boolean;
+}

package/esm/badge/badge.js

@@ -0,0 +1,51 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';
+import { BaseComponent } from '../core/base/base-component';
+import { BadgeAdapter } from './badge-adapter';
+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)}';
+let BadgeComponent = class BadgeComponent extends BaseComponent {
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new BadgeFoundation(new BadgeAdapter(this));
+    }
+    static get observedAttributes() {
+        return [
+            BADGE_CONSTANTS.attributes.DOT,
+            BADGE_CONSTANTS.attributes.OPEN
+        ];
+    }
+    connectedCallback() {
+        this._foundation.initialize();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case BADGE_CONSTANTS.attributes.DOT:
+                this.dot = coerceBoolean(newValue);
+                break;
+            case BADGE_CONSTANTS.attributes.OPEN:
+                this.open = coerceBoolean(newValue);
+                break;
+        }
+    }
+};
+__decorate([
+    FoundationProperty()
+], BadgeComponent.prototype, "dot", void 0);
+__decorate([
+    FoundationProperty()
+], BadgeComponent.prototype, "open", void 0);
+BadgeComponent = __decorate([
+    CustomElement({
+        name: BADGE_CONSTANTS.elementName
+    })
+], BadgeComponent);
+export { BadgeComponent };

package/esm/badge/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './badge-adapter';
+export * from './badge-constants';
+export * from './badge-foundation';
+export * from './badge';
+export * from './badge-component-delegate';
+export declare function defineBadgeComponent(): void;

package/esm/badge/index.js

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { BadgeComponent } from './badge';
+export * from './badge-adapter';
+export * from './badge-constants';
+export * from './badge-foundation';
+export * from './badge';
+export * from './badge-component-delegate';
+export function defineBadgeComponent() {
+    defineCustomElement(BadgeComponent);
+}

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

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
+import { IIconButtonComponent } from '../icon-button';
+import { IBannerComponent } from './banner';
+export interface IBannerAdapter extends IBaseAdapter {
+    addRootClass(className: string): void;
+    removeRootClass(className: string): void;
+    addDismissButtonAttribute(name: string, value?: string): void;
+    removeDismissButtonAttribute(name: string): void;
+    addDismissEventListener(event: string, callback: (event: Event) => void): void;
+    removeDismissEventListener(event: string, callback: (event: Event) => void): void;
+}
+export declare class BannerAdapter extends BaseAdapter<IBannerComponent> implements IBannerAdapter {
+    private _rootElement;
+    private _forgeIconButtonDismiss;
+    private _buttonDismiss;
+    constructor(component: IBannerComponent);
+    addRootClass(name: string): void;
+    removeRootClass(name: string): void;
+    addDismissButtonAttribute(name: string, value?: string): void;
+    removeDismissButtonAttribute(name: string): void;
+    addDismissEventListener(event: string, callback: (event: Event) => void): void;
+    removeDismissEventListener(event: string, callback: (event: Event) => void): void;
+    get forgeIconButtonDismiss(): IIconButtonComponent;
+    get buttonDismiss(): HTMLButtonElement;
+}

package/esm/banner/banner-adapter.js

@@ -0,0 +1,44 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { getShadowElement } from '@tylertech/forge-core';
+import { BaseAdapter } from '../core/base/base-adapter';
+import { BANNER_CONSTANTS } from './banner-constants';
+export class BannerAdapter extends BaseAdapter {
+    constructor(component) {
+        super(component);
+        this._rootElement = getShadowElement(component, BANNER_CONSTANTS.selectors.BANNER);
+    }
+    addRootClass(name) {
+        this._rootElement.classList.add(name);
+    }
+    removeRootClass(name) {
+        this._rootElement.classList.remove(name);
+    }
+    addDismissButtonAttribute(name, value = '') {
+        this.forgeIconButtonDismiss.setAttribute(name, value);
+    }
+    removeDismissButtonAttribute(name) {
+        this.forgeIconButtonDismiss.removeAttribute(name);
+    }
+    addDismissEventListener(event, callback) {
+        this.buttonDismiss.addEventListener(event, callback);
+    }
+    removeDismissEventListener(event, callback) {
+        this.buttonDismiss.removeEventListener(event, callback);
+    }
+    get forgeIconButtonDismiss() {
+        if (!this._forgeIconButtonDismiss) {
+            this._forgeIconButtonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.FORGE_DISMISS_BUTTON);
+        }
+        return this._forgeIconButtonDismiss;
+    }
+    get buttonDismiss() {
+        if (!this._buttonDismiss) {
+            this._buttonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.DISMISS_BUTTON);
+        }
+        return this._buttonDismiss;
+    }
+}

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

@@ -0,0 +1,34 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const BANNER_CONSTANTS: {
+    elementName: "forge-banner";
+    classes: {
+        BANNER: string;
+        DISMISSED: string;
+    };
+    selectors: {
+        BANNER: string;
+        FORGE_DISMISS_BUTTON: string;
+        DISMISS_BUTTON: string;
+        ICON: string;
+        FORGE_BUTTON: string;
+    };
+    attributes: {
+        SLOT: string;
+        DISMISSED: string;
+        CAN_DISMISS: string;
+        HIDDEN: string;
+    };
+    slots: {
+        ICON: string;
+        TEXT: string;
+        BUTTON: string;
+    };
+    events: {
+        DISMISSED: string;
+        UNDISMISSED: string;
+    };
+};

package/esm/banner/banner-constants.js

@@ -0,0 +1,41 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}banner`;
+const classes = {
+    BANNER: 'forge-banner',
+    DISMISSED: 'forge-banner--dismissed'
+};
+const selectors = {
+    BANNER: '.forge-banner',
+    FORGE_DISMISS_BUTTON: 'forge-icon-button.forge-banner__container-dismiss',
+    DISMISS_BUTTON: '.forge-banner__container-dismiss button',
+    ICON: 'i',
+    FORGE_BUTTON: 'forge-button'
+};
+const attributes = {
+    SLOT: 'slot',
+    DISMISSED: 'dismissed',
+    CAN_DISMISS: 'can-dismiss',
+    HIDDEN: 'hidden'
+};
+const slots = {
+    ICON: 'icon',
+    TEXT: 'text',
+    BUTTON: 'button'
+};
+const events = {
+    DISMISSED: `${elementName}-dismissed`,
+    UNDISMISSED: `${elementName}-undismissed`
+};
+export const BANNER_CONSTANTS = {
+    elementName,
+    classes,
+    selectors,
+    attributes,
+    slots,
+    events
+};

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

@@ -0,0 +1,31 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICustomElementFoundation } from '@tylertech/forge-core';
+import { IBannerAdapter } from './banner-adapter';
+export interface IBannerFoundation extends ICustomElementFoundation {
+    dismissed: boolean;
+    canDismiss: boolean;
+}
+export declare class BannerFoundation implements IBannerFoundation {
+    private _adapter;
+    private _dismissed;
+    private _canDismiss;
+    private _dismissBanner;
+    constructor(_adapter: IBannerAdapter);
+    connect(): void;
+    disconnect(): void;
+    private _dismiss;
+    private _syncDismissedState;
+    private _setUndissmissedClass;
+    private _setDismissedClass;
+    private _syncCanDismissState;
+    private _addDismissEventListener;
+    private _removeDismissEventListener;
+    get dismissed(): boolean;
+    set dismissed(val: boolean);
+    get canDismiss(): boolean;
+    set canDismiss(val: boolean);
+}

package/esm/banner/banner-foundation.js

@@ -0,0 +1,73 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BANNER_CONSTANTS } from './banner-constants';
+export class BannerFoundation {
+    constructor(_adapter) {
+        this._adapter = _adapter;
+        this._dismissed = false;
+        this._canDismiss = true;
+        this._dismissBanner = () => this._dismiss();
+    }
+    connect() {
+        this._addDismissEventListener();
+    }
+    disconnect() {
+        this._removeDismissEventListener();
+    }
+    _dismiss() {
+        this.dismissed = true;
+    }
+    _syncDismissedState() {
+        if (this.dismissed) {
+            this._setDismissedClass();
+            this._adapter.emitHostEvent(BANNER_CONSTANTS.events.DISMISSED);
+        }
+        else {
+            this._setUndissmissedClass();
+            this._adapter.emitHostEvent(BANNER_CONSTANTS.events.UNDISMISSED);
+        }
+    }
+    _setUndissmissedClass() {
+        this._adapter.removeRootClass(BANNER_CONSTANTS.classes.DISMISSED);
+    }
+    _setDismissedClass() {
+        this._adapter.addRootClass(BANNER_CONSTANTS.classes.DISMISSED);
+    }
+    _syncCanDismissState() {
+        if (this.canDismiss) {
+            this._adapter.removeDismissButtonAttribute(BANNER_CONSTANTS.attributes.HIDDEN);
+        }
+        else {
+            this._adapter.addDismissButtonAttribute(BANNER_CONSTANTS.attributes.HIDDEN);
+        }
+    }
+    _addDismissEventListener() {
+        this._adapter.addDismissEventListener('click', this._dismissBanner);
+    }
+    _removeDismissEventListener() {
+        this._adapter.removeDismissEventListener('click', this._dismissBanner);
+    }
+    get dismissed() {
+        return !!this._dismissed;
+    }
+    set dismissed(val) {
+        if (this.dismissed === !!val) {
+            return;
+        }
+        this._dismissed = !!val;
+        this._syncDismissedState();
+    }
+    get canDismiss() {
+        return !!this._canDismiss;
+    }
+    set canDismiss(val) {
+        if (this._canDismiss === !!val) {
+            return;
+        }
+        this._canDismiss = !!val;
+        this._syncCanDismissState();
+    }
+}

package/esm/banner/banner.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+import { BannerFoundation } from './banner-foundation';
+export interface IBannerComponent extends IBaseComponent {
+    dismissed: boolean;
+    canDismiss: boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-banner': IBannerComponent;
+    }
+    interface HTMLElementEventMap {
+        'forge-banner-dismissed': CustomEvent<void>;
+        'forge-banner-undismissed': CustomEvent<void>;
+    }
+}
+/**
+ * The custom element class behind the `<forge-banner>` element.
+ */
+export declare class BannerComponent extends BaseComponent implements IBannerComponent {
+    static get observedAttributes(): string[];
+    protected _foundation: BannerFoundation;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    /** Controls whether the component is dismissed (hidden) or not.  */
+    dismissed: boolean;
+    /** Controls the visibility of the dismiss button. */
+    canDismiss: boolean;
+}