@tylertech/forge 3.0.0-next.20 → 3.0.0-next.22

package/styles/toast/_token-utils.scss

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@use '../core/styles/tokens/toast/tokens';
+@use '../core/styles/tokens/token-utils';
+
+$_module: toast;
+$_tokens: tokens.$tokens;
+
+@mixin provide-theme($theme) {
+  @include token-utils.provide-theme($_module, $_tokens, $theme);
+}
+
+@function token($name, $type: token) {
+  @return token-utils.token($_module, $_tokens, $name, $type);
+}
+
+@function declare($token) {
+  @return token-utils.declare($_module, $token);
+}
+
+@mixin override($token, $token-or-value, $type: token) {
+  @include token-utils.override($_module, $_tokens, $token, $token-or-value, $type);
+}
+
+@mixin tokens($includes: null, $excludes: null) {
+  @include token-utils.tokens($_module, $_tokens, $includes, $excludes);
+}

package/styles/toast/index.scss

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+@forward './core';

package/styles/toast/toast.scss

@@ -3,14 +3,181 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-@use './mixins';
+@use './core' as *;
+@use './animations';
+@use '../button';
+@use '../icon-button';
+@use '../core/styles/theme';
+@use '../utils/mixins-media' as media;
 
-@include mixins.core-styles;
+@layer base, open, theme, placement, media;
 
-:host {
-  display: inline-block;
+@layer base {
+  //
+  // Host
+  //
+
+  :host {
+    @include host;
+  }
+
+  :host([hidden]) {
+    display: none;
+  }
+
+  //
+  // Base
+  //
+
+  .surface {
+    @include tokens;
+  }
+
+  .surface {
+    @include surface;
+  }
+
+  .message {
+    @include message;
+  }
+
+  forge-button.action-button {
+    @include button.provide-theme((
+      primary-color: #{token(action-color)}
+    ));
+  }
+
+  forge-icon-button.close-button {
+    @include icon-button.provide-theme((
+      focus-indicator-color: #{token(color)}
+    ));
+  }
+
+  :host(:not([dismissible])) {
+    .close-button {
+      display: none;
+    }
+  }
+
+  .action-button:not([hidden]) {
+    margin-inline-end: -8px;
+  }
+
+  :host([dismissible]) {
+    .close-button {
+      margin-inline-end: -8px;
+    }
+  }
+}
+
+@layer theme {
+  @each $theme in (primary, secondary, tertiary, success, warning, error, info) {
+    :host([theme=#{$theme}]) {
+      .surface {
+        @include override(background, theme.variable($theme), value);
+        @include override(color, theme.variable(on-#{$theme}), value);
+        @include override(action-color, color);
+      }
+    }
+  }
 }
 
-:host([hidden]) {
-  display: none;
+@layer open {
+
+  //
+  // Open
+  //
+ 
+  forge-overlay[open] {
+    .surface {
+      @include open;
+
+      &.exiting {
+        @include exit;
+      }
+    }
+  }
+}
+
+@layer placement {
+  //
+  // Placement
+  //
+
+  :host([placement=bottom-start]) {
+    .surface {
+      bottom: 0;
+      left: 0;
+    }
+  }
+
+  :host(:is(:not([placement]),[placement=bottom])) {
+    .surface {
+      bottom: 0;
+      left: 50%;
+      translate: -50%;
+    }
+  }
+
+  :host([placement=bottom-end]) {
+    .surface {
+      bottom: 0;
+      right: 0;
+    }
+  }
+
+  :host([placement=top-start]) {
+    .surface {
+      @include override(slide-origin, -100%, value);
+
+      top: 0;
+      left: 0;
+    }
+  }
+
+  :host([placement=top]) {
+    .surface {
+      @include override(slide-origin, -100%, value);
+
+      top: 0;
+      left: 50%;
+      translate: -50%;
+    }
+  }
+
+  :host([placement=top-end]) {
+    .surface {
+      @include override(slide-origin, -100%, value);
+
+      top: 0;
+      right: 0;
+    }
+  }
+}
+
+@layer media {
+  @media (prefers-reduced-motion: reduce) {
+    forge-overlay[open] {
+      .surface {
+        animation-name: fadein;
+
+        &.exiting {
+          animation-name: fadeout;
+        }
+      }
+    }
+  }
+
+  @include media.phone-only {
+    :host([placement^=top]) {
+      .surface {
+        bottom: auto;
+        top: 0;
+      }
+    }
+
+    .surface {
+      @include mobile;
+    }
+  }
 }

package/styles/utils/_mixins-core.scss

@@ -3,16 +3,12 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-@use '@material/theme/theme' as mdc-theme;
-
-@mixin root-reset {
-  height: 100%;
-  width: 100%;
-}
+/* stylelint-disable unit-allowed-list */
+@use '../core/styles/theme';
 
 @mixin body-base {
-  @include mdc-theme.property(background-color, background);
-
+  background-color: #{theme.variable(surface-dim)};
   margin: 0;
-  overflow: hidden;
+  height: 100dvh;
+  width: 100dvw;
 }

package/dist/dialog/forge-dialog.css

@@ -1,6 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-body[forge-dialog-open=true]{overflow:hidden}

package/dist/esm/chunks/chunk.24MZM3AY.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as f}from"./chunk.6GSVB5NB.js";import{a as p}from"./chunk.NVUMRW44.js";import{a as k,b as v}from"./chunk.UQQQSJVM.js";import{a as b,e as l,f as A,k as h}from"./chunk.BIQTNLIF.js";import{d as i}from"./chunk.M3QDAYD2.js";var _=`${v}backdrop`,y={CONTAINER:".forge-backdrop"},E={OPACITY:.54,DELAY:0,TRANSITION_DURATION:150},O={DELAY:"delay",MAX_OPACITY:"max-opacity",APPEARANCE:"appearance",FIXED:"fixed"},g={BACKDROP_CLICK:`${_}-click`},e={elementName:_,selectors:y,numbers:E,attributes:O,events:g};var n=class extends f{constructor(a){super(a);this._backdropElement=A(a,e.selectors.CONTAINER)}setBackdropOpacity(a){this._backdropElement.style.opacity=a.toString()}addBackdropEventListener(a,o){this._backdropElement.addEventListener("click",o)}removeBackdropEventListener(a,o){this._backdropElement.removeEventListener("click",o)}};var s=class{constructor(t){this._adapter=t;this._delay=e.numbers.DELAY;this._maxOpacity=e.numbers.OPACITY;this._adapter.addBackdropEventListener("click",this._onClick.bind(this))}initialize(){this._adapter.setBackdropOpacity(0),this._applyAppearance(),this._adapter.setHostAttribute(e.attributes.DELAY,this._delay.toString()),this.fadeIn()}fadeOut(){return new Promise(t=>{this._adapter.setBackdropOpacity(0),setTimeout(()=>t(),e.numbers.TRANSITION_DURATION)})}fadeIn(){return new Promise(t=>{setTimeout(()=>{this._adapter.setBackdropOpacity(this._maxOpacity),setTimeout(()=>t(),e.numbers.TRANSITION_DURATION)},this.delay)})}_onClick(t){t.stopPropagation(),this._adapter.emitHostEvent(e.events.BACKDROP_CLICK,void 0,!0,!0)}disconnect(){this._adapter.removeBackdropEventListener("click",this._onClick)}_applyAppearance(){this._appearance?this._adapter.setHostAttribute(e.attributes.APPEARANCE,String(this._appearance)):this._adapter.removeHostAttribute(e.attributes.APPEARANCE)}set delay(t){this._delay!==t&&(this._delay=t,this._adapter.setHostAttribute(e.attributes.DELAY,this._delay.toString()))}get delay(){return this._delay}set maxOpacity(t){this._maxOpacity!==t&&(this._maxOpacity=t,this._adapter.setHostAttribute(e.attributes.MAX_OPACITY,this._maxOpacity.toString()))}get maxOpacity(){return this._maxOpacity}get appearance(){return this._appearance}set appearance(t){this._appearance!==t&&(this._appearance=t,this._applyAppearance())}};var I='<template><div class="forge-backdrop" part="root"></div></template>',C=".forge-backdrop{z-index:7;z-index:var(--forge-z-index-backdrop,7);background-color:rgba(0,0,0,.54);background-color:var(--forge-backdrop-theme-background,rgba(0,0,0,.54));position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);opacity:0}:host{display:block}:host([hidden]){display:none}:host([fixed]) .forge-backdrop{position:fixed}:host([appearance=light]){--forge-backdrop-theme-background:rgba(255, 255, 255, 0.54)}:host([appearance=dark]){--forge-backdrop-theme-background:rgba(0, 0, 0, 0.54)}",r=class extends h{constructor(){super();l(this,I,C),this._foundation=new s(new n(this))}static get observedAttributes(){return[e.attributes.DELAY,e.attributes.MAX_OPACITY]}connectedCallback(){if(this.hasAttribute(e.attributes.DELAY)&&this.getAttribute(e.attributes.DELAY)){let a=Number(this.getAttribute(e.attributes.DELAY));this.delay=a>=0?a:e.numbers.DELAY}if(this.hasAttribute(e.attributes.MAX_OPACITY)){let a=Number(this.getAttribute(e.attributes.MAX_OPACITY));this.maxOpacity=a>=0&&a<=1?a:e.numbers.OPACITY}this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(a,o,c){switch(a){case e.attributes.DELAY:let u=Number(c);this.delay=u>=0?u:e.numbers.DELAY;break;case e.attributes.MAX_OPACITY:let d=Number(c);this.maxOpacity=d>=0&&d<=1?d:e.numbers.OPACITY;break;case e.attributes.APPEARANCE:this.appearance=c;break}}fadeOut(){return this._foundation.fadeOut()}fadeIn(){return this._foundation.fadeIn()}};i([p()],r.prototype,"delay",2),i([p()],r.prototype,"appearance",2),i([p()],r.prototype,"maxOpacity",2),r=i([k({name:e.elementName})],r);function q(){b(r)}export{e as a,n as b,s as c,r as d,q as e};
-//# sourceMappingURL=chunk.24MZM3AY.js.map

package/dist/esm/chunks/chunk.24MZM3AY.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/backdrop/backdrop-constants.ts", "../../src/backdrop/backdrop-adapter.ts", "../../src/backdrop/backdrop-foundation.ts", "../../src/backdrop/backdrop.ts", "../../src/backdrop/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}backdrop`;\n\nconst selectors = {\n  CONTAINER: '.forge-backdrop'\n};\n\nconst numbers = {\n  OPACITY: 0.54,\n  DELAY: 0,\n  TRANSITION_DURATION: 150\n};\n\nconst attributes = {\n  DELAY: 'delay',\n  MAX_OPACITY: 'max-opacity',\n  APPEARANCE: 'appearance',\n  FIXED: 'fixed'\n};\n\nconst events = {\n  BACKDROP_CLICK: `${elementName}-click`\n};\n\nexport const BACKDROP_CONSTANTS = {\n  elementName,\n  selectors,\n  numbers,\n  attributes,\n  events\n};\n\nexport type BackdropAppearance = 'light' | 'dark' | undefined;\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IBackdropComponent } from './backdrop';\nimport { BACKDROP_CONSTANTS } from './backdrop-constants';\n\nexport interface IBackdropAdapter extends IBaseAdapter {\n  setBackdropOpacity: (opacity: number) => void;\n  addBackdropEventListener: (type: string, listener: (evt: Event) => void) => void;\n  removeBackdropEventListener: (type: string, listener: (evt: Event) => void) => void;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `BackdropComponent`.\n */\nexport class BackdropAdapter extends BaseAdapter<IBackdropComponent> implements IBackdropAdapter {\n  private _backdropElement: HTMLElement;\n\n  constructor(component: IBackdropComponent) {\n    super(component);\n    this._backdropElement = getShadowElement(component, BACKDROP_CONSTANTS.selectors.CONTAINER);\n  }\n\n  /**\n   * Sets the backdrop element opacity.\n   * @param opacity The opacity amount.\n   */\n  public setBackdropOpacity(opacity: number): void {\n    this._backdropElement.style.opacity = opacity.toString();\n  }\n\n  /**\n   * Adds a click event to the backdrop container element.\n   * @param type The event type.\n   * @param listener The event listener.\n   */\n  public addBackdropEventListener(type: string, listener: (evt: Event) => void): void {\n    this._backdropElement.addEventListener('click', listener);\n  }\n\n  /**\n   * Removes a click event from the backdrop container element.\n   * @param type The event type.\n   * @param listener The event listener.\n   */\n  public removeBackdropEventListener(type: string, listener: (evt: Event) => void): void {\n    this._backdropElement.removeEventListener('click', listener);\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IBackdropAdapter } from './backdrop-adapter';\nimport { BackdropAppearance, BACKDROP_CONSTANTS } from './backdrop-constants';\n\n\nexport interface IBackdropFoundation extends ICustomElementFoundation {\n  fadeOut(): Promise<void>;\n  fadeIn(): Promise<void>;\n  appearance: BackdropAppearance;\n}\n\nexport class BackdropFoundation implements IBackdropFoundation {\n  private _delay: number = BACKDROP_CONSTANTS.numbers.DELAY;\n  private _maxOpacity: number = BACKDROP_CONSTANTS.numbers.OPACITY;\n  private _appearance: BackdropAppearance;\n\n  constructor(private _adapter: IBackdropAdapter) {\n    this._adapter.addBackdropEventListener('click', this._onClick.bind(this));\n  }\n\n  public initialize(): void {\n    this._adapter.setBackdropOpacity(0);\n    this._applyAppearance();\n    this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.DELAY, this._delay.toString());\n    this.fadeIn();\n  }\n\n  /**\n   * Starts the fade-out animation to animate the backdrop to 0% opacity.\n   */\n  public fadeOut(): Promise<void> {\n    return new Promise<void>(resolve => {\n      this._adapter.setBackdropOpacity(0);\n      setTimeout(() => resolve(), BACKDROP_CONSTANTS.numbers.TRANSITION_DURATION);\n    });\n  }\n\n  /**\n   * Starts the fade-in animation to animate the backdrop to max opacity.\n   */\n  public fadeIn(): Promise<void> {\n    return new Promise<void>(resolve => {\n      setTimeout(() => {\n        this._adapter.setBackdropOpacity(this._maxOpacity);\n        setTimeout(() => resolve(), BACKDROP_CONSTANTS.numbers.TRANSITION_DURATION);\n      }, this.delay);\n    });\n  }\n\n  private _onClick(evt: Event): void {\n    evt.stopPropagation();\n    this._adapter.emitHostEvent(BACKDROP_CONSTANTS.events.BACKDROP_CLICK, undefined, true, true);\n  }\n\n  public disconnect(): void {\n    this._adapter.removeBackdropEventListener('click', this._onClick);\n  }\n\n  private _applyAppearance(): void {\n    if (this._appearance) {\n      this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.APPEARANCE, String(this._appearance));\n    } else {\n      this._adapter.removeHostAttribute(BACKDROP_CONSTANTS.attributes.APPEARANCE);\n    }\n  }\n\n  public set delay(value: number) {\n    if (this._delay !== value) {\n      this._delay = value;\n      this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.DELAY, this._delay.toString());\n    }\n  }\n  public get delay(): number {\n    return this._delay;\n  }\n\n  public set maxOpacity(value: number) {\n    if (this._maxOpacity !== value) {\n      this._maxOpacity = value;\n      this._adapter.setHostAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY, this._maxOpacity.toString());\n    }\n  }\n  public get maxOpacity(): number {\n    return this._maxOpacity;\n  }\n\n  public get appearance(): BackdropAppearance {\n    return this._appearance;\n  }\n  public set appearance(value: BackdropAppearance) {\n    if (this._appearance !== value) {\n      this._appearance = value;\n      this._applyAppearance();\n    }\n  }\n}\n", "import { attachShadowTemplate, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { BackdropAdapter } from './backdrop-adapter';\nimport { BackdropAppearance, BACKDROP_CONSTANTS } from './backdrop-constants';\nimport { BackdropFoundation } from './backdrop-foundation';\n\nconst template = '<template><div class=\\\"forge-backdrop\\\" part=\\\"root\\\"></div></template>';\nconst styles = '.forge-backdrop{z-index:7;z-index:var(--forge-z-index-backdrop,7);background-color:rgba(0,0,0,.54);background-color:var(--forge-backdrop-theme-background,rgba(0,0,0,.54));position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(0, 0, .2, 1);opacity:0}:host{display:block}:host([hidden]){display:none}:host([fixed]) .forge-backdrop{position:fixed}:host([appearance=light]){--forge-backdrop-theme-background:rgba(255, 255, 255, 0.54)}:host([appearance=dark]){--forge-backdrop-theme-background:rgba(0, 0, 0, 0.54)}';\n\nexport interface IBackdropComponent extends IBaseComponent {\n  delay: number;\n  maxOpacity: number;\n  appearance: BackdropAppearance;\n  fadeOut(): Promise<void>;\n  fadeIn(): Promise<void>;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-backdrop': IBackdropComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-backdrop-click': CustomEvent<void>;\n  }\n}\n\n/**\n * A web component that renders a backdrop covering its parent container with a semi-opaque element.\n * \n * @tag forge-backdrop\n */\n@CustomElement({\n  name: BACKDROP_CONSTANTS.elementName\n})\nexport class BackdropComponent extends BaseComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      BACKDROP_CONSTANTS.attributes.DELAY,\n      BACKDROP_CONSTANTS.attributes.MAX_OPACITY\n    ];\n  }\n\n  protected _foundation: BackdropFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new BackdropFoundation(new BackdropAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    if (this.hasAttribute(BACKDROP_CONSTANTS.attributes.DELAY) && this.getAttribute(BACKDROP_CONSTANTS.attributes.DELAY)) {\n      const inDelay = Number(this.getAttribute(BACKDROP_CONSTANTS.attributes.DELAY));\n      this.delay = inDelay >= 0 ? inDelay : BACKDROP_CONSTANTS.numbers.DELAY;\n    }\n\n    if (this.hasAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY)) {\n      const inMaxOpacity = Number(this.getAttribute(BACKDROP_CONSTANTS.attributes.MAX_OPACITY));\n      this.maxOpacity = inMaxOpacity >= 0 && inMaxOpacity <= 1 ? inMaxOpacity : BACKDROP_CONSTANTS.numbers.OPACITY;\n    }\n\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case BACKDROP_CONSTANTS.attributes.DELAY:\n        const delayValue = Number(newValue);\n        this.delay = delayValue >= 0 ? delayValue : BACKDROP_CONSTANTS.numbers.DELAY;\n        break;\n      case BACKDROP_CONSTANTS.attributes.MAX_OPACITY:\n        const opacityValue = Number(newValue);\n        this.maxOpacity = opacityValue >= 0 && opacityValue <= 1 ? opacityValue : BACKDROP_CONSTANTS.numbers.OPACITY;\n        break;\n      case BACKDROP_CONSTANTS.attributes.APPEARANCE:\n        this.appearance = newValue as BackdropAppearance;\n        break;\n    }\n  }\n\n  /**\n   * The time in milliseconds to delay the fade in animation of the opacity.\n   * Note: The element will start with 0% opacity when the component is rendered.\n   */\n  @FoundationProperty()\n  public declare delay: number;\n\n  /** Controls whether the theme defaults to light vs dark compatibility. */\n  @FoundationProperty()\n  public declare appearance: BackdropAppearance;\n\n  /** The max opacity to fade the element to. This defines how opaque the backdrop is when visible. */\n  @FoundationProperty()\n  public declare maxOpacity: number;\n\n  /**\n   * Starts the fade-out animation to animate the backdrop to 0% opacity.\n   */\n  public fadeOut(): Promise<void> {\n    return this._foundation.fadeOut();\n  }\n\n  /**\n   * Starts the fade-in animation to animate the backdrop to max opacity.\n   */\n  public fadeIn(): Promise<void> {\n    return this._foundation.fadeIn();\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { BackdropComponent } from './backdrop';\n\nexport * from './backdrop-adapter';\nexport * from './backdrop-constants';\nexport * from './backdrop-foundation';\nexport * from './backdrop';\n\nexport function defineBackdropComponent(): void {\n  defineCustomElement(BackdropComponent);\n}\n"],
-  "mappings": "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",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "selectors", "numbers", "attributes", "events", "BACKDROP_CONSTANTS", "BackdropAdapter", "BaseAdapter", "component", "getShadowElement", "BACKDROP_CONSTANTS", "opacity", "type", "listener", "BackdropFoundation", "_adapter", "BACKDROP_CONSTANTS", "resolve", "evt", "value", "template", "styles", "BackdropComponent", "BaseComponent", "attachShadowTemplate", "BackdropFoundation", "BackdropAdapter", "BACKDROP_CONSTANTS", "inDelay", "inMaxOpacity", "name", "oldValue", "newValue", "delayValue", "opacityValue", "__decorateClass", "FoundationProperty", "CustomElement", "defineBackdropComponent", "defineCustomElement", "BackdropComponent"]
-}

package/dist/esm/chunks/chunk.2N5KNNQX.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as d,d as B}from"./chunk.LGEZI5SZ.js";import{a as S,b as M,c as O,d as N}from"./chunk.3TIBP6QT.js";import{a as i}from"./chunk.SHBDQPPH.js";import{e as L}from"./chunk.UV3WIHCM.js";import{c as x}from"./chunk.FB4MXEIW.js";import{c as y}from"./chunk.SYKZ74SL.js";import{j as A}from"./chunk.RLQB7224.js";import{d as I}from"./chunk.CIUPY66Y.js";import{a as F}from"./chunk.NVUMRW44.js";import{a as C}from"./chunk.UQQQSJVM.js";import{a as f,e as T,f as u}from"./chunk.BIQTNLIF.js";import{u as g}from"./chunk.DCCFF327.js";import{a as _,k as v}from"./chunk.J2M2MXP2.js";import{d as h}from"./chunk.M3QDAYD2.js";var m=class extends O{constructor(e){super(e);this._inputElements=[];this._destroyValueChangerListeners=[];this._fieldElement=u(e,i.selectors.FIELD),this._clearButtonSlotElement=u(e,i.selectors.CLEAR_BUTTON_SLOT),this._fieldElement.setAttribute("exportparts",Object.values(d.parts).join(", ")),this._clearButtonSlotElement.remove()}get hasValue(){return this._inputElements.some(e=>!!e.value)}get hasPlaceholder(){return this._inputElements.some(e=>!!e.placeholder)}get popoverTargetElement(){return this._popoverTargetElement||(this._popoverTargetElement=u(this._fieldElement,d.selectors.POPOVER_TARGET)),this._popoverTargetElement}addRootListener(e,t){this._fieldElement.addEventListener(e,t)}removeRootListener(e,t){this._fieldElement.removeEventListener(e,t)}disableInput(e){this._inputElements.forEach(t=>t.disabled=e)}inputIsDisabled(){return this._inputElements.some(e=>e.disabled)}click(){var e;(e=this._inputElements[0])==null||e.focus()}applyLabel(e){this._inputElements.forEach(t=>{g(t,!!e,"aria-label",e!=null?e:"")})}handleDefaultSlotChange(e,t){var a;(a=this._inputMutationObserver)==null||a.disconnect();let o=e.assignedElements();o.length&&(this._inputElements=o.filter(n=>n.matches(i.selectors.INPUT)),this._fieldElement.multiline=this._inputElements.some(n=>n.tagName===i.tagNames.TEXTAREA),this._inputMutationObserver=new MutationObserver(n=>{n.forEach(l=>{if(l.attributeName){let r=l.target.getAttribute(l.attributeName),H=l.attributeName;t(H,r)}})}),this._inputElements.forEach(n=>{var l;(l=this._inputMutationObserver)==null||l.observe(n,{attributes:!0,attributeFilter:i.observedInputAttributes}),Object.values(i.observedInputAttributes).forEach(p=>{let r=p;t(r,n.getAttribute(r))})}))}tryAddValueChangeListener(e,t){this._destroyValueChangerListeners.forEach(o=>o()),this._destroyValueChangerListeners=this._inputElements.map(o=>L(e,o,"value",t))}removeValueChangeListener(){this._destroyValueChangerListeners.forEach(e=>e())}tryFloatLabel(e){if(e!==void 0){this._fieldElement.floatLabel=e;return}this._fieldElement.floatLabel=this.hasValue||this.hasPlaceholder}tryConnectSlottedLabel(e){var p;if(this._inputElements.length!==1||(p=this._inputElements[0].labels)!=null&&p.length)return;let t=this._inputElements[0],o=e.assignedElements({flatten:!0}),a=o.find(r=>r.matches(i.selectors.FORGE_LABEL));if(a){a.forElement=this._component,a.clickTarget=t;return}let n=o.find(r=>r.tagName===i.tagNames.LABEL);if(!n||n.control)return;let l=t.id||`forge-input-${_()}`;t.id=l,n.htmlFor=l}connectClearButton(e){this._clearButtonSlotElement.addEventListener("click",e)}disconnectClearButton(e){this._clearButtonSlotElement.removeEventListener("click",e)}toggleClearButtonVisibility(e){e?this._fieldElement.append(this._clearButtonSlotElement):this._clearButtonSlotElement.remove()}clearInput(){this._inputElements.length&&(this._inputElements.forEach(e=>e.value=""),this._inputElements[0].focus())}};var b=class extends N{constructor(e){super(e);this._adapter=e;this._showClear=!1;this._slotChangeListener=this._onSlotChange.bind(this);this._inputAttributeListener=this._onInputAttributeChange.bind(this);this._valueChangeListener=this._onValueChange.bind(this);this._inputListener=this._onValueChange.bind(this);this._clearButtonClickListener=e=>this._onClearButtonClick(e)}initialize(){this._adapter.addRootListener("slotchange",this._slotChangeListener),this._adapter.addRootListener("input",this._inputListener)}disconnect(){this._adapter.removeRootListener("slotchange",this._slotChangeListener),this._adapter.removeRootListener("input",this._inputListener),this._adapter.removeValueChangeListener()}get popoverTargetElement(){return this._adapter.popoverTargetElement}_onSlotChange(e){let t=e.target;switch(t.name){case"label":this._adapter.tryConnectSlottedLabel(t);break;case"":this._adapter.handleDefaultSlotChange(t,this._inputAttributeListener),this._adapter.tryAddValueChangeListener(this,this._valueChangeListener),this._tryFloatLabel();break}}_onInputAttributeChange(e,t){switch(e){case"disabled":this.disabled=t!==null;break;case"placeholder":this._tryFloatLabel();break}}_onClearButtonClick(e){let t=new CustomEvent(i.events.CLEAR,{bubbles:!0,cancelable:!0,composed:!0});this._adapter.dispatchHostEvent(t),t.defaultPrevented||this._adapter.clearInput()}_onValueChange(){this._tryFloatLabel(),this._toggleClearButtonVisibility()}_toggleClearButtonVisibility(){this._adapter.toggleClearButtonVisibility(this._showClear&&this._hasValue&&!this.disabled)}get showClear(){return this._showClear}set showClear(e){this._showClear!==e&&(this._showClear=e,this._adapter.toggleHostAttribute(i.attributes.SHOW_CLEAR,e),e?this._adapter.connectClearButton(this._clearButtonClickListener):this._adapter.disconnectClearButton(this._clearButtonClickListener),this._toggleClearButtonVisibility())}get disabled(){return super.disabled}set disabled(e){this._disabled!==e&&(this._disabled=e,this._adapter.toggleHostAttribute(d.attributes.DISABLED,e),this._adapter.setFieldProperty("disabled",e),this._adapter.disableInput(e),this._toggleClearButtonVisibility())}get labelPosition(){return super.labelPosition}set labelPosition(e){this._labelPosition!==e&&(this._labelPosition=e,this._adapter.toggleHostAttribute(d.attributes.LABEL_POSITION,!0,e),this._adapter.setFieldProperty("labelPosition",e),this._tryFloatLabel())}};var V='<template><forge-field id="field"><slot slot="label" name="label"></slot><slot slot="start" name="start"></slot><slot></slot><slot slot="end" name="end"></slot><slot slot="end" name="clear-button"><forge-icon-button tabindex="-1" dense><forge-icon name="clear"></forge-icon></forge-icon-button><forge-tooltip type="label"><slot name="clear-button-tooltip">Clear</slot></forge-tooltip></slot><slot slot="accessory" name="accessory"></slot><slot slot="support-text-start" name="support-text-start"></slot><slot slot="support-text-end" name="support-text-end"></slot><slot slot="start" name="leading"></slot><slot slot="end" name="trailing"></slot><slot slot="accessory" name="addon-end"></slot><slot slot="support-text-start" name="helper-text"></slot></forge-field></template>',k=":host{display:block}:host([hidden]){display:none}forge-field{display:contents}",s=class extends M{constructor(){super();T(this,V,k),this._foundation=new b(new m(this)),I.define(A)}static get observedAttributes(){return[...Object.values(S.observedAttributes),...Object.values(i.observedAttributes)]}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(e,t,o){switch(super.attributeChangedCallback(e,t,o),e){case i.attributes.SHOW_CLEAR:this.showClear=v(o);break}}get popoverTargetElement(){return this._foundation.popoverTargetElement}};h([F()],s.prototype,"showClear",2),s=h([C({name:i.elementName,dependencies:[B,y,x]})],s);function Ee(){f(s)}export{m as a,b,s as c,Ee as d};
-//# sourceMappingURL=chunk.2N5KNNQX.js.map

package/dist/esm/chunks/chunk.2N5KNNQX.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/text-field/text-field-adapter.ts", "../../src/text-field/text-field-foundation.ts", "../../src/text-field/text-field.ts", "../../src/text-field/index.ts"],
-  "sourcesContent": ["import { getShadowElement, listenOwnProperty, randomChars, toggleAttribute } from '@tylertech/forge-core';\nimport { FIELD_CONSTANTS, IFieldComponent } from '../field-next';\nimport { BaseFieldAdapter, IBaseFieldAdapter } from '../field-next/base/base-field-adapter';\nimport { LabelComponent } from '../label';\nimport { ITextFieldComponent } from './text-field';\nimport { TextFieldInputAttributeObserver, TextFieldValueChangeListener, TEXT_FIELD_CONSTANTS } from './text-field-constants';\n\nexport interface ITextFieldAdapter extends IBaseFieldAdapter {\n  readonly popoverTargetElement: HTMLElement;\n  addRootListener(name: keyof HTMLElementEventMap, listener: EventListener): void;\n  removeRootListener(name: keyof HTMLElementEventMap, listener: EventListener): void;\n  disableInput(disabled: boolean): void;\n  handleDefaultSlotChange(slot: HTMLSlotElement, listener: TextFieldInputAttributeObserver): void;\n  tryAddValueChangeListener(context: unknown, listener: TextFieldValueChangeListener): void;\n  removeValueChangeListener(): void;\n  tryFloatLabel(force?: boolean): void;\n  tryConnectSlottedLabel(slot: HTMLSlotElement): void;\n  connectClearButton(listener: EventListener): void;\n  disconnectClearButton(listener: EventListener): void;\n  toggleClearButtonVisibility(visible: boolean): void;\n  clearInput(): void;\n}\n\nexport class TextFieldAdapter extends BaseFieldAdapter implements ITextFieldAdapter {\n  protected readonly _fieldElement: IFieldComponent;\n  private readonly _clearButtonSlotElement: HTMLSlotElement;\n  private _popoverTargetElement: HTMLElement;\n  private _inputElements: (HTMLInputElement | HTMLTextAreaElement)[] = [];\n  private _inputMutationObserver?: MutationObserver;\n  private _destroyValueChangerListeners: (() => void)[] = [];\n\n  public get hasValue(): boolean {\n    return this._inputElements.some(el => !!el.value);\n  }\n\n  public get hasPlaceholder(): boolean {\n    return this._inputElements.some(el => !!el.placeholder);\n  }\n\n  public get popoverTargetElement(): HTMLElement {\n    if (!this._popoverTargetElement) {\n      this._popoverTargetElement = getShadowElement(this._fieldElement, FIELD_CONSTANTS.selectors.POPOVER_TARGET) as HTMLElement;\n    }\n    return this._popoverTargetElement;\n  }\n\n  constructor(component: ITextFieldComponent) {\n    super(component);\n    this._fieldElement = getShadowElement(component, TEXT_FIELD_CONSTANTS.selectors.FIELD) as IFieldComponent;\n    this._clearButtonSlotElement = getShadowElement(component, TEXT_FIELD_CONSTANTS.selectors.CLEAR_BUTTON_SLOT) as HTMLSlotElement;\n    this._fieldElement.setAttribute('exportparts', Object.values(FIELD_CONSTANTS.parts).join(', '));\n    this._clearButtonSlotElement.remove();\n  }\n\n  public addRootListener(name: keyof HTMLElementEventMap, listener: EventListener): void {\n    this._fieldElement.addEventListener(name, listener);\n  }\n\n  public removeRootListener(name: keyof HTMLElementEventMap, listener: EventListener): void {\n    this._fieldElement.removeEventListener(name, listener);\n  }\n\n  public disableInput(disabled: boolean): void {\n    this._inputElements.forEach(el => el.disabled = disabled);\n  }\n\n  public inputIsDisabled(): boolean {\n    return this._inputElements.some(el => el.disabled);\n  }\n\n  public click(): void {\n    this._inputElements[0]?.focus();\n  }\n\n  public applyLabel(value: string | null): void {\n    this._inputElements.forEach((inputElement) => {\n      toggleAttribute(inputElement, !!value, 'aria-label', value ?? '');\n    });\n  }\n\n  public handleDefaultSlotChange(slot: HTMLSlotElement, listener: TextFieldInputAttributeObserver): void {\n    // Destroy the mutation observer if it exists\n    this._inputMutationObserver?.disconnect();\n\n    // If there are no assigned elements, return\n    const assignedElements = slot.assignedElements();\n    if (!assignedElements.length) {\n      return;\n    }\n\n    // Get all the slotted inputs and textfields, if a textfield is slotted the field is multiline\n    this._inputElements = assignedElements.filter(el => el.matches(TEXT_FIELD_CONSTANTS.selectors.INPUT)) as (HTMLInputElement | HTMLTextAreaElement)[];\n    this._fieldElement.multiline = this._inputElements.some(el => el.tagName === TEXT_FIELD_CONSTANTS.tagNames.TEXTAREA);\n\n    // Create a new mutation observer and observe each input\n    this._inputMutationObserver = new MutationObserver(mutations => {\n      mutations.forEach(mutation => {\n        if (mutation.attributeName) {\n          const element = mutation.target as HTMLElement;\n          const attribute = element.getAttribute(mutation.attributeName);\n          const attributeName = mutation.attributeName as keyof typeof TEXT_FIELD_CONSTANTS.observedInputAttributes;\n          listener(attributeName, attribute);\n        }\n      });\n    });\n    this._inputElements.forEach(el => {\n      this._inputMutationObserver?.observe(el, { attributes: true, attributeFilter: TEXT_FIELD_CONSTANTS.observedInputAttributes });\n\n      // Call the listener with each observed attribute to capture the initial state\n      Object.values(TEXT_FIELD_CONSTANTS.observedInputAttributes).forEach(value => {\n        const attributeName = value as keyof typeof TEXT_FIELD_CONSTANTS.observedInputAttributes;\n        listener(attributeName, el.getAttribute(attributeName as string));\n      });\n    });\n  }\n\n  public tryAddValueChangeListener(context: unknown, listener: TextFieldValueChangeListener): void {\n    // Destroy the previous value change listeners\n    this._destroyValueChangerListeners.forEach(callback => callback());\n\n    // Add a new value change listener to each input\n    this._destroyValueChangerListeners = this._inputElements.map(el => {\n      return listenOwnProperty(context, el, 'value', listener);\n    });\n  }\n\n  public removeValueChangeListener(): void {\n    this._destroyValueChangerListeners.forEach(callback => callback());\n  }\n\n  public tryFloatLabel(force?: boolean): void {\n    // Force the label to float if specified\n    if (force !== undefined) {\n      this._fieldElement.floatLabel = force;\n      return;\n    }\n\n    // Float the label if no input has a value or a placeholder\n    this._fieldElement.floatLabel = this.hasValue || this.hasPlaceholder;\n  }\n\n  public tryConnectSlottedLabel(slot: HTMLSlotElement): void {\n    // Only one input can be automatically connected to a label, return if there are no or more\n    // than one inputs or if the input is already labelled\n    if (this._inputElements.length !== 1 || this._inputElements[0].labels?.length) {\n      return;\n    }\n\n    const inputElement = this._inputElements[0];\n    const elements = slot.assignedElements({ flatten: true });\n\n    // Attempt to find and connect a `<forge-label>` element\n    const forgeLabel = elements.find(el => el.matches(TEXT_FIELD_CONSTANTS.selectors.FORGE_LABEL)) as LabelComponent | undefined;\n    if (forgeLabel) {\n      forgeLabel.forElement = this._component;\n      forgeLabel.clickTarget = inputElement;\n      return;\n    }\n    \n    // Attempt to find and connect a `<label>` element\n    const label = elements.find(el => el.tagName === TEXT_FIELD_CONSTANTS.tagNames.LABEL) as HTMLLabelElement | undefined;\n    if (!label || label.control) {\n      return;\n    }\n\n    const id = inputElement.id || `forge-input-${randomChars()}`;\n    inputElement.id = id;\n    label.htmlFor = id;\n  }\n\n  public connectClearButton(listener: EventListener): void {\n    this._clearButtonSlotElement.addEventListener('click', listener);\n  }\n\n  public disconnectClearButton(listener: EventListener): void {\n    this._clearButtonSlotElement.removeEventListener('click', listener);\n  }\n\n  public toggleClearButtonVisibility(visible: boolean): void {\n    if (visible) {\n      this._fieldElement.append(this._clearButtonSlotElement);\n    } else {\n      this._clearButtonSlotElement.remove();\n    }\n  }\n\n  public clearInput(): void {\n    if (!this._inputElements.length) {\n      return;\n    }\n    this._inputElements.forEach(el => el.value = '');\n    this._inputElements[0].focus();\n  }\n}\n", "import { FieldLabelPosition, FIELD_CONSTANTS } from '../field-next';\nimport { BaseFieldFoundation, IBaseFieldFoundation } from '../field-next/base/base-field-foundation';\nimport { ITextFieldAdapter, TextFieldAdapter } from './text-field-adapter';\nimport { TextFieldInputAttributeObserver, TextFieldValueChangeListener, TEXT_FIELD_CONSTANTS } from './text-field-constants';\n\nexport interface ITextFieldFoundation extends IBaseFieldFoundation {\n  readonly popoverTargetElement: HTMLElement;\n  showClear: boolean;\n}\n\nexport class TextFieldFoundation extends BaseFieldFoundation<ITextFieldAdapter> implements ITextFieldFoundation {\n  private _showClear = false;\n  private _slotChangeListener: EventListener = this._onSlotChange.bind(this);\n  private _inputAttributeListener: TextFieldInputAttributeObserver = this._onInputAttributeChange.bind(this);\n  private _valueChangeListener: TextFieldValueChangeListener = this._onValueChange.bind(this);\n  private _inputListener: EventListener = this._onValueChange.bind(this);\n  private _clearButtonClickListener: EventListener = (evt: PointerEvent) => this._onClearButtonClick(evt);\n  \n  constructor(protected _adapter: TextFieldAdapter) {\n    super(_adapter);\n  }\n\n  public initialize(): void {\n    this._adapter.addRootListener('slotchange', this._slotChangeListener);\n    this._adapter.addRootListener('input', this._inputListener);\n  }\n\n  public disconnect(): void {\n    this._adapter.removeRootListener('slotchange', this._slotChangeListener);\n    this._adapter.removeRootListener('input', this._inputListener);\n    this._adapter.removeValueChangeListener();\n  }\n\n  public get popoverTargetElement(): HTMLElement {\n    return this._adapter.popoverTargetElement;\n  }\n\n  private _onSlotChange(evt: Event): void {\n    const target = evt.target as HTMLSlotElement;\n    switch (target.name) {\n      case 'label':\n        this._adapter.tryConnectSlottedLabel(target);\n        break;\n      case '':\n        this._adapter.handleDefaultSlotChange(target, this._inputAttributeListener);\n        this._adapter.tryAddValueChangeListener(this, this._valueChangeListener);\n        this._tryFloatLabel();\n        break;\n    }\n  }\n\n  private _onInputAttributeChange(name: keyof typeof TEXT_FIELD_CONSTANTS.observedInputAttributes, value: string | null): void {\n    switch (name) {\n      case 'disabled':\n        this.disabled = value !== null;\n        break;\n      case 'placeholder':\n        this._tryFloatLabel();\n        break;\n    }\n  }\n\n  private _onClearButtonClick(evt: Event): void {\n    const event = new CustomEvent(TEXT_FIELD_CONSTANTS.events.CLEAR, { bubbles: true, cancelable: true, composed: true });\n    this._adapter.dispatchHostEvent(event);\n    if (!event.defaultPrevented) {\n      this._adapter.clearInput();\n    }\n  };\n\n  private _onValueChange(): void {\n    this._tryFloatLabel();\n    this._toggleClearButtonVisibility();\n  }\n\n  private _toggleClearButtonVisibility(): void {\n    this._adapter.toggleClearButtonVisibility(this._showClear && this._hasValue && !this.disabled);\n  }\n\n  public get showClear(): boolean {\n    return this._showClear;\n  }\n  public set showClear(value: boolean) {\n    if (this._showClear !== value) {\n      this._showClear = value;\n      this._adapter.toggleHostAttribute(TEXT_FIELD_CONSTANTS.attributes.SHOW_CLEAR, value);\n\n      if (value) {\n        this._adapter.connectClearButton(this._clearButtonClickListener);\n      } else {\n        this._adapter.disconnectClearButton(this._clearButtonClickListener);\n      }\n      this._toggleClearButtonVisibility();\n    }\n  }\n\n  public override get disabled(): boolean {\n    return super.disabled;\n  }\n  public override set disabled(value: boolean) {\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.DISABLED, value);\n      this._adapter.setFieldProperty('disabled', value);\n      this._adapter.disableInput(value);\n      this._toggleClearButtonVisibility();\n    }\n  }\n\n  public override get labelPosition(): FieldLabelPosition {\n    return super.labelPosition;\n  }\n  public override set labelPosition(value: FieldLabelPosition) {\n    if (this._labelPosition !== value) {\n      this._labelPosition = value;\n      this._adapter.toggleHostAttribute(FIELD_CONSTANTS.attributes.LABEL_POSITION, true, value);\n      this._adapter.setFieldProperty('labelPosition', value);\n      this._tryFloatLabel();\n    }\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconClear } from '@tylertech/tyler-icons/standard';\nimport { BASE_FIELD_CONSTANTS, FieldComponent, FIELD_CONSTANTS } from '../field-next';\nimport { BaseField, IBaseField } from '../field-next/base/base-field';\nimport { IconRegistry } from '../icon';\nimport { IconButtonComponent } from '../icon-button';\nimport { TooltipComponent } from '../tooltip';\nimport { TextFieldAdapter } from './text-field-adapter';\nimport { TEXT_FIELD_CONSTANTS } from './text-field-constants';\nimport { TextFieldFoundation } from './text-field-foundation';\n\nconst template = '<template><forge-field id=\\\"field\\\"><slot slot=\\\"label\\\" name=\\\"label\\\"></slot><slot slot=\\\"start\\\" name=\\\"start\\\"></slot><slot></slot><slot slot=\\\"end\\\" name=\\\"end\\\"></slot><slot slot=\\\"end\\\" name=\\\"clear-button\\\"><forge-icon-button tabindex=\\\"-1\\\" dense><forge-icon name=\\\"clear\\\"></forge-icon></forge-icon-button><forge-tooltip type=\\\"label\\\"><slot name=\\\"clear-button-tooltip\\\">Clear</slot></forge-tooltip></slot><slot slot=\\\"accessory\\\" name=\\\"accessory\\\"></slot><slot slot=\\\"support-text-start\\\" name=\\\"support-text-start\\\"></slot><slot slot=\\\"support-text-end\\\" name=\\\"support-text-end\\\"></slot><slot slot=\\\"start\\\" name=\\\"leading\\\"></slot><slot slot=\\\"end\\\" name=\\\"trailing\\\"></slot><slot slot=\\\"accessory\\\" name=\\\"addon-end\\\"></slot><slot slot=\\\"support-text-start\\\" name=\\\"helper-text\\\"></slot></forge-field></template>';\nconst styles = ':host{display:block}:host([hidden]){display:none}forge-field{display:contents}';\n\nexport interface ITextFieldComponent extends IBaseField {\n  showClear: boolean;\n  readonly popoverTargetElement: HTMLElement;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-text-field': ITextFieldComponent;\n  }\n}\n\n/**\n * @tag forge-text-field\n * \n * @summary The Forge Text Field component wraps and styles an input or textarea element.\n * \n * @property {boolean} showClear - Whether the clear button appears when text has been entered.\n * @property {HTMLElement} popoverTargetElement - Gets a reference to the element that the popover should target for best alignment.\n * \n * @attribute {boolean} show-clear - Whether the clear button appears when text has been entered.\n * \n * @event {CustomEvent<null>} forge-text-field-clear - Dispatches when the clear button is clicked.\n * \n * @csspart root - The root container element.\n * @csspart label - The label element.\n * @csspart container - The container element surrounding the input.\n * @csspart input - The element containing te input slot.\n * @csspart start - The element containing the start slot.\n * @csspart end - The element containing the end slot.\n * @csspart popover-icon - The popover icon element.\n * @csspart accessory - The element containing the accessory slot.\n * @csspart support-text - The support text element.\n * @csspart support-text-start - The element containing the support text start slot.\n * @csspart support-text-end - The element containing the support text end slot.\n * @csspart focus-indicator - The focus indicator element.\n * \n * @slot - The default/unnamed slot for the field's input.\n * @slot label - Renders its content as a positioned label.\n * @slot start - Typically reserved for content/icons that render logically before the default slot content.\n * @slot end - Typically reserved content/icons that render logically after the default slot content.\n * @slot clear-button - Content slotted here replaces the default clear button.\n * @slot clear-button-tooltip - Sets the text content of the clear button's tooltip and accessible label.\n * @slot accessory - Used for content such as a button that is logically connected to the field but should appear distinct from the input.\n * @slot support-text-start - Used for content that provides additional information about the field. Aligns to the inline start of the field.\n * @slot support-text-end - Used for content that provides additional information about the field. Aligns to the inline end of the field.\n */\n\n@CustomElement({\n  name: TEXT_FIELD_CONSTANTS.elementName,\n  dependencies: [\n    FieldComponent,\n    IconButtonComponent,\n    TooltipComponent\n  ]\n})\nexport class TextFieldComponent extends BaseField<TextFieldFoundation> implements ITextFieldComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      ...Object.values(BASE_FIELD_CONSTANTS.observedAttributes),\n      ...Object.values(TEXT_FIELD_CONSTANTS.observedAttributes)\n    ];\n  }\n\n  protected readonly _foundation: TextFieldFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new TextFieldFoundation(new TextFieldAdapter(this));\n    IconRegistry.define(tylIconClear);\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    super.attributeChangedCallback(name, oldValue, newValue);\n    switch (name) {\n      case TEXT_FIELD_CONSTANTS.attributes.SHOW_CLEAR:\n        this.showClear = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  public get popoverTargetElement(): HTMLElement {\n    return this._foundation.popoverTargetElement;\n  }\n\n  @FoundationProperty()\n  public declare showClear: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { TextFieldComponent } from './text-field';\n\nexport * from './text-field';\nexport * from './text-field-adapter';\nexport * from './text-field-constants';\nexport * from './text-field-foundation';\nexport * from './text-field-component-delegate';\n\nexport function defineTextFieldComponent(): void {\n  defineCustomElement(TextFieldComponent);\n}\n"],
-  "mappings": "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",
-  "names": ["TextFieldAdapter", "BaseFieldAdapter", "component", "getShadowElement", "TEXT_FIELD_CONSTANTS", "FIELD_CONSTANTS", "el", "name", "listener", "disabled", "_a", "value", "inputElement", "toggleAttribute", "slot", "assignedElements", "mutations", "mutation", "attribute", "attributeName", "context", "callback", "listenOwnProperty", "force", "elements", "forgeLabel", "label", "id", "randomChars", "visible", "TextFieldFoundation", "BaseFieldFoundation", "_adapter", "evt", "target", "name", "value", "event", "TEXT_FIELD_CONSTANTS", "FIELD_CONSTANTS", "template", "styles", "TextFieldComponent", "BaseField", "attachShadowTemplate", "TextFieldFoundation", "TextFieldAdapter", "IconRegistry", "tylIconClear", "BASE_FIELD_CONSTANTS", "TEXT_FIELD_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "FieldComponent", "IconButtonComponent", "TooltipComponent", "defineTextFieldComponent", "defineCustomElement", "TextFieldComponent"]
-}

package/dist/esm/chunks/chunk.3L77JY5H.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{e}from"./chunk.BETICEYY.js";import{a as o}from"./chunk.BIQTNLIF.js";function t(){o(e)}export{t as a};
-//# sourceMappingURL=chunk.3L77JY5H.js.map

package/dist/esm/chunks/chunk.3TIBP6QT.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as c}from"./chunk.INQZNXG6.js";import{a as b}from"./chunk.6GSVB5NB.js";import{a as o}from"./chunk.NVUMRW44.js";import{k as p}from"./chunk.BIQTNLIF.js";import{k as s}from"./chunk.J2M2MXP2.js";import{a as d,d as l}from"./chunk.M3QDAYD2.js";var h={LABEL_POSITION:"label-position",LABEL_ALIGNMENT:"label-alignment",INVALID:"invalid",REQUIRED:"required",OPTIONAL:"optional",DISABLED:"disabled",FLOAT_LABEL:"float-label",VARIANT:"variant",THEME:"theme",SHAPE:"shape",DENSITY:"density",DENSE:"dense",POPOVER_ICON:"popover-icon",SUPPORT_TEXT_INSET:"support-text-inset"},F=d({},h),m={DEFAULT_VARIANT:"outlined",DEFAULT_THEME:"default",DEFAULT_SHAPE:"default",DEFAULT_DENSITY:"medium",DEFAULT_LABEL_POSITION:"inset",DEFAULT_LABEL_ALIGNMENT:"default",DEFAULT_SUPPORT_TEXT_INSET:"none"},t={observedAttributes:h,attributes:F,defaults:m};var A=c(p),i=class extends A{constructor(){super()}static get observedAttributes(){return Object.values(t.observedAttributes)}attributeChangedCallback(r,L,a){switch(r){case t.observedAttributes.LABEL_POSITION:this.labelPosition=a;return;case t.observedAttributes.LABEL_ALIGNMENT:this.labelAlignment=a;return;case t.observedAttributes.INVALID:this.invalid=s(a);return;case t.observedAttributes.REQUIRED:this.required=s(a);return;case t.observedAttributes.OPTIONAL:this.optional=s(a);return;case t.observedAttributes.DISABLED:this.disabled=s(a);return;case t.observedAttributes.FLOAT_LABEL:this.floatLabel=s(a);return;case t.observedAttributes.VARIANT:this.variant=a;return;case t.observedAttributes.THEME:this.theme=a;return;case t.observedAttributes.SHAPE:this.shape=a;return;case t.observedAttributes.DENSITY:this.density=a;return;case t.observedAttributes.DENSE:this.dense=s(a);return;case t.observedAttributes.POPOVER_ICON:this.popoverIcon=s(a);return;case t.observedAttributes.SUPPORT_TEXT_INSET:this.supportTextInset=a;return}}labelClickedCallback(){this._foundation.click()}labelChangedCallback(r){this._foundation.applyLabel(r)}floatLabelWithoutAnimation(r){this._foundation.floatLabelWithoutAnimation(r)}};l([o()],i.prototype,"labelPosition",2),l([o()],i.prototype,"labelAlignment",2),l([o()],i.prototype,"invalid",2),l([o()],i.prototype,"required",2),l([o()],i.prototype,"optional",2),l([o()],i.prototype,"disabled",2),l([o({name:"permanentlyFloatLabel"})],i.prototype,"floatLabel",2),l([o()],i.prototype,"variant",2),l([o()],i.prototype,"theme",2),l([o()],i.prototype,"shape",2),l([o()],i.prototype,"density",2),l([o()],i.prototype,"dense",2),l([o()],i.prototype,"popoverIcon",2),l([o()],i.prototype,"supportTextInset",2);var u=class extends b{setFieldProperty(e,r){this._fieldElement[e]=r}floatLabelWithoutAnimation(e){this._fieldElement.floatLabelWithoutAnimation(e)}};var _=class{constructor(e){this._adapter=e;this._labelPosition=t.defaults.DEFAULT_LABEL_POSITION;this._labelAlignment=t.defaults.DEFAULT_LABEL_ALIGNMENT;this._invalid=!1;this._required=!1;this._optional=!1;this._disabled=!1;this._variant=t.defaults.DEFAULT_VARIANT;this._theme=t.defaults.DEFAULT_THEME;this._shape=t.defaults.DEFAULT_SHAPE;this._density=t.defaults.DEFAULT_DENSITY;this._dense=!1;this._popoverIcon=!1;this._supportTextInset=t.defaults.DEFAULT_SUPPORT_TEXT_INSET;this._permanentlyFloatLabel=!1}get _hasValue(){return this._adapter.hasValue}get _hasPlaceholder(){return this._adapter.hasPlaceholder}click(){this._adapter.click()}applyLabel(e){this._adapter.applyLabel(e)}floatLabelWithoutAnimation(e){this._adapter.floatLabelWithoutAnimation(this._hasValue||this._hasPlaceholder||e)}_tryFloatLabel(e){if(!this._permanentlyFloatLabel){if(this._labelPosition!=="inset"){this._adapter.tryFloatLabel(!1);return}this._adapter.tryFloatLabel(e)}}get labelPosition(){return this._labelPosition}set labelPosition(e){this._labelPosition!==e&&(this._labelPosition=e,this._adapter.setFieldProperty("labelPosition",e))}get labelAlignment(){return this._labelAlignment}set labelAlignment(e){this._labelAlignment!==e&&(this._labelAlignment=e,this._adapter.setFieldProperty("labelAlignment",e))}get invalid(){return this._invalid}set invalid(e){this._invalid!==e&&(this._invalid=e,this._adapter.setFieldProperty("invalid",e))}get required(){return this._required}set required(e){this._required!==e&&(this._required=e,this._adapter.setFieldProperty("required",e))}get optional(){return this._optional}set optional(e){this._optional!==e&&(this._optional=e,this._adapter.setFieldProperty("optional",e))}get disabled(){return this._disabled}set disabled(e){this._disabled!==e&&(this._disabled=e,this._adapter.setFieldProperty("disabled",e))}get permanentlyFloatLabel(){return this._permanentlyFloatLabel}set permanentlyFloatLabel(e){this._permanentlyFloatLabel!==e&&(this._permanentlyFloatLabel=e,this._adapter.setFieldProperty("floatLabel",e||this._hasValue||this._hasPlaceholder))}get variant(){return this._variant}set variant(e){this._variant!==e&&(this._variant=e,this._adapter.setFieldProperty("variant",e))}get theme(){return this._theme}set theme(e){this._theme!==e&&(this._theme=e,this._adapter.setFieldProperty("theme",e))}get shape(){return this._shape}set shape(e){this._shape!==e&&(this._shape=e,this._adapter.setFieldProperty("shape",e))}get density(){return this._density}set density(e){this._density!==e&&(this._density=e,this._adapter.setFieldProperty("density",e))}get dense(){return this._dense}set dense(e){this._dense!==e&&(this._dense=e,this._adapter.setFieldProperty("dense",e))}get popoverIcon(){return this._popoverIcon}set popoverIcon(e){this._popoverIcon!==e&&(this._popoverIcon=e,this._adapter.setFieldProperty("popoverIcon",e))}get supportTextInset(){return this._supportTextInset}set supportTextInset(e){this._supportTextInset!==e&&(this._supportTextInset=e,this._adapter.setFieldProperty("supportTextInset",e))}};export{t as a,i as b,u as c,_ as d};
-//# sourceMappingURL=chunk.3TIBP6QT.js.map

package/dist/esm/chunks/chunk.3U222LE4.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{d as y}from"./chunk.BSV27GU7.js";import{b as N}from"./chunk.35MHQH7Z.js";import{d as B}from"./chunk.R3AWIPPK.js";import{a as E}from"./chunk.SOKORSUV.js";import{l as I}from"./chunk.CIUPY66Y.js";import{a as A}from"./chunk.6GSVB5NB.js";import{a as o}from"./chunk.NVUMRW44.js";import{a as T,b as x}from"./chunk.UQQQSJVM.js";import{a as v,e as b,f as n,k as O}from"./chunk.BIQTNLIF.js";import{d}from"./chunk.DCCFF327.js";import{k as f,l as m}from"./chunk.J2M2MXP2.js";import{a as p,b as g,d as a}from"./chunk.M3QDAYD2.js";var h=`${x}profile-card`,L={FULL_NAME:"full-name",EMAIL:"email",SIGN_OUT:"sign-out",PROFILE:"profile",SIGN_OUT_TEXT:"sign-out-text",PROFILE_TEXT:"profile-text",AVATAR_TEXT:"avatar-text",AVATAR_ICON:"avatar-icon",AVATAR_IMAGE_URL:"avatar-image-url",AVATAR_LETTER_COUNT:"avatar-letter-count"},C={FULL_NAME:".full-name",EMAIL:".email",AVATAR:".avatar > forge-avatar",ACTION_TOOLBAR:"#action-toolbar",PROFILE_BUTTON:"#profile-button",SIGN_OUT_BUTTON:"#sign-out-button"},U={SHOW_SIGN_OUT_BUTTON:!0,SHOW_PROFILE_BUTTON:!1,SIGN_OUT_BUTTON_TEXT:"Sign out",PROFILE_BUTTON_TEXT:"Profile"},P={SIGN_OUT:`${h}-sign-out`,PROFILE:`${h}-profile`},i={elementName:h,attributes:L,selectors:C,defaults:U,events:P};var l=class extends A{constructor(e){super(e);this._fullNameElement=n(e,i.selectors.FULL_NAME),this._emailElement=n(e,i.selectors.EMAIL),this._avatarElement=n(e,i.selectors.AVATAR),this._actionToolbar=n(e,i.selectors.ACTION_TOOLBAR),this._profileButton=n(e,i.selectors.PROFILE_BUTTON),this._signOutButton=n(e,i.selectors.SIGN_OUT_BUTTON)}setFullName(e){this._fullNameElement.textContent=e}setEmail(e){this._emailElement.textContent=e}setAvatarText(e){d(this._avatarElement),this._avatarElement.text=e}setAvatarIcon(e){if(e){let _=new E({props:{name:e}});this._avatarElement.replaceChildren(_.element)}else d(this._avatarElement)}setAvatarImageUrl(e){this._avatarElement.imageUrl=e}setAvatarLetterCount(e){this._avatarElement.letterCount=e}setActionToolbarVisibility(e){e?this._actionToolbar.style.removeProperty("display"):this._actionToolbar.style.display="none"}setProfileButtonVisibility(e){e?this._profileButton.style.removeProperty("display"):this._profileButton.style.display="none"}setSignOutButtonVisibility(e){e?this._signOutButton.style.removeProperty("display"):this._signOutButton.style.display="none"}setSignOutButtonText(e){this._signOutButton.textContent=e}setProfileButtonText(e){this._profileButton.textContent=e}setProfileButtonListener(e){this._profileButton.addEventListener("click",e)}setSignOutButtonListener(e){this._signOutButton.addEventListener("click",e)}requestProfileButtonFocus(e){window.requestAnimationFrame(()=>this._profileButton.focus(e))}requestSignOutButtonFocus(e){window.requestAnimationFrame(()=>this._signOutButton.focus(e))}};var u=class{constructor(t){this._adapter=t;this._showSignOutButton=i.defaults.SHOW_SIGN_OUT_BUTTON;this._showProfileButton=i.defaults.SHOW_PROFILE_BUTTON;this._signOutButtonText=i.defaults.SIGN_OUT_BUTTON_TEXT;this._profileButtonText=i.defaults.PROFILE_BUTTON_TEXT;this._profileListener=e=>this._onProfileButtonClick(e),this._signOutListener=e=>this._onSignOutButtonClick(e)}initialize(){this._adapter.setProfileButtonListener(this._profileListener),this._adapter.setSignOutButtonListener(this._signOutListener)}focus(t){this._showSignOutButton?this._adapter.requestSignOutButtonFocus(g(p({},t),{focusVisible:!0})):this._showProfileButton&&this._adapter.requestProfileButtonFocus(g(p({},t),{focusVisible:!0}))}_setActionVisibility(){let t=this._showSignOutButton||this._showProfileButton;this._adapter.setActionToolbarVisibility(t),this._adapter.setSignOutButtonVisibility(this._showSignOutButton),this._adapter.setProfileButtonVisibility(this._showProfileButton)}_onProfileButtonClick(t){t.stopPropagation(),this._adapter.emitHostEvent(i.events.PROFILE)}_onSignOutButtonClick(t){t.stopPropagation(),this._adapter.emitHostEvent(i.events.SIGN_OUT)}get fullName(){return this._fullName}set fullName(t){this._fullName!==t&&(this._fullName=t!=null?t:"",this._adapter.setFullName(this._fullName),this._avatarText||this._adapter.setAvatarText(this._fullName),this._adapter.toggleHostAttribute(i.attributes.FULL_NAME,!!this._fullName,this._fullName))}get email(){return this._email}set email(t){this._email!==t&&(this._email=t!=null?t:"",this._adapter.setEmail(this._email),this._adapter.toggleHostAttribute(i.attributes.EMAIL,!!this._email,this._email))}get avatarText(){return this._avatarText}set avatarText(t){this._avatarText!==t&&(this._avatarText=t!=null?t:"",this._adapter.setAvatarText(this._avatarText),this._adapter.toggleHostAttribute(i.attributes.AVATAR_TEXT,!!this._avatarText,this._avatarText))}get avatarIcon(){return this._avatarIcon}set avatarIcon(t){this._avatarIcon!==t&&(this._avatarIcon=t!=null?t:"",this._adapter.setAvatarIcon(this._avatarIcon),this._adapter.toggleHostAttribute(i.attributes.AVATAR_ICON,!!this._avatarIcon,this._avatarIcon))}get avatarImageUrl(){return this._avatarImageUrl}set avatarImageUrl(t){this._avatarImageUrl!==t&&(this._avatarImageUrl=t,this._adapter.setAvatarImageUrl(this._avatarImageUrl),this._adapter.toggleHostAttribute(i.attributes.AVATAR_IMAGE_URL,!!this._avatarImageUrl,this._avatarImageUrl))}get avatarLetterCount(){return this._avatarLetterCount}set avatarLetterCount(t){this._avatarLetterCount!==t&&(this._avatarLetterCount=t,this._adapter.setAvatarLetterCount(this._avatarLetterCount),this._adapter.toggleHostAttribute(i.attributes.AVATAR_LETTER_COUNT,!!this._avatarLetterCount,`${this._avatarLetterCount}`))}get signOut(){return this._showSignOutButton}set signOut(t){t=!!t,this._showSignOutButton!==t&&(this._showSignOutButton=t,this._setActionVisibility(),this._adapter.toggleHostAttribute(i.attributes.SIGN_OUT,this._showSignOutButton))}get profile(){return this._showProfileButton}set profile(t){t=!!t,this._showProfileButton!==t&&(this._showProfileButton=t,this._setActionVisibility(),this._adapter.toggleHostAttribute(i.attributes.PROFILE,this._showProfileButton))}get signOutText(){return this._signOutButtonText}set signOutText(t){if(this._signOutButtonText!==t){this._signOutButtonText=t||i.defaults.SIGN_OUT_BUTTON_TEXT,this._adapter.setSignOutButtonText(this._signOutButtonText);let e=this._signOutButtonText!==i.defaults.SIGN_OUT_BUTTON_TEXT;this._adapter.toggleHostAttribute(i.attributes.SIGN_OUT_TEXT,e,this._signOutButtonText)}}get profileText(){return this._profileButtonText}set profileText(t){if(this._profileButtonText!==t){this._profileButtonText=t||i.defaults.PROFILE_BUTTON_TEXT,this._adapter.setProfileButtonText(this._profileButtonText);let e=t!==i.defaults.PROFILE_BUTTON_TEXT;this._adapter.toggleHostAttribute(i.attributes.PROFILE_TEXT,e,this._profileButtonText)}}};var R='<template><div class="forge-profile-card" part="root"><div class="info-container"><div class="avatar"><forge-avatar part="avatar"></forge-avatar></div><div class="info-text"><div class="full-name" part="name"></div><div class="email" part="email"></div></div></div><slot></slot><forge-toolbar inverted id="action-toolbar"><forge-button variant="outlined" slot="end" style="display: none;" part="profile-button" id="profile-button">Profile</forge-button><forge-button slot="end" part="sign-out-button" id="sign-out-button">Sign out</forge-button></forge-toolbar></div></template>',S=':host{display:block}:host([hidden]){display:none}.forge-profile-card{--_profile-card-min-width:var(--forge-profile-card-min-width, 360px);--_profile-card-shape:var(--forge-profile-card-shape, var(--forge-shape-medium, 4px));--_profile-card-avatar-size:var(--forge-profile-card-avatar-size, 56px)}.forge-profile-card{min-width:var(--_profile-card-min-width);border-radius:var(--_profile-card-shape)}@media (max-width:399px){.forge-profile-card{width:100vw;min-width:unset;overflow:auto}}.forge-profile-card .info-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding-block:var(--forge-spacing-xsmall,8px);padding-inline:var(--forge-spacing-medium,16px)}.forge-profile-card .avatar{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:var(--forge-spacing-xsmall,8px);-webkit-margin-end:var(--forge-spacing-medium,16px);margin-inline-end:var(--forge-spacing-medium,16px);--forge-avatar-size:var(--_profile-card-avatar-size)}.forge-profile-card .text{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-profile-card .full-name{-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-profile-card .email{-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);color:var(--forge-theme-text-medium,rgba(0,0,0,.6))}#action-toolbar{--forge-toolbar-background:var(--forge-theme-surface-bright, #ffffff);--forge-toolbar-padding:8px}#action-toolbar forge-button:not(:last-of-type){-webkit-margin-end:8px;margin-inline-end:8px}',r=class extends O{constructor(){super();b(this,R,S),this._foundation=new u(new l(this))}static get observedAttributes(){return[i.attributes.FULL_NAME,i.attributes.EMAIL,i.attributes.SIGN_OUT,i.attributes.PROFILE,i.attributes.SIGN_OUT_TEXT,i.attributes.PROFILE_TEXT,i.attributes.AVATAR_TEXT,i.attributes.AVATAR_ICON,i.attributes.AVATAR_IMAGE_URL,i.attributes.AVATAR_LETTER_COUNT]}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(e,_,s){switch(e){case i.attributes.FULL_NAME:this.fullName=s;break;case i.attributes.EMAIL:this.email=s;break;case i.attributes.SIGN_OUT:this.signOut=f(s);break;case i.attributes.PROFILE:this.profile=f(s);break;case i.attributes.SIGN_OUT_TEXT:this.signOutText=s;break;case i.attributes.PROFILE_TEXT:this.profileText=s;break;case i.attributes.AVATAR_TEXT:this.avatarText=s;break;case i.attributes.AVATAR_ICON:this.avatarIcon=s;break;case i.attributes.AVATAR_IMAGE_URL:this.avatarImageUrl=s;break;case i.attributes.AVATAR_LETTER_COUNT:this.avatarLetterCount=m(s);break}}focus(e){this._foundation.focus(e)}};a([o()],r.prototype,"fullName",2),a([o()],r.prototype,"email",2),a([o()],r.prototype,"signOut",2),a([o()],r.prototype,"profile",2),a([o()],r.prototype,"signOutText",2),a([o()],r.prototype,"profileText",2),a([o()],r.prototype,"avatarText",2),a([o()],r.prototype,"avatarIcon",2),a([o()],r.prototype,"avatarImageUrl",2),a([o()],r.prototype,"avatarLetterCount",2),r=a([T({name:i.elementName,dependencies:[N,B,I,y]})],r);function st(){v(r)}export{i as a,l as b,u as c,r as d,st as e};
-//# sourceMappingURL=chunk.3U222LE4.js.map