@tylertech/forge 2.0.0 → 2.1.0

package/dist/esm/chunks/chunk.EARNUKJ2.js

@@ -0,0 +1,401 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  FieldAdapter,
+  FieldComponent,
+  FieldFoundation
+} from "./chunk.7I2XNJBL.js";
+import {
+  ChipComponent
+} from "./chunk.SKISCNSC.js";
+import {
+  FormFieldComponentDelegate
+} from "./chunk.HZISALRH.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement,
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  getActiveElement
+} from "./chunk.4JURZYE4.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/chip-field/chip-field-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}chip-field`;
+var classes = {
+  ROOT: "forge-chip-field"
+};
+var slots = {
+  LABEL: "label",
+  HELPER_TEXT: "helper-text",
+  MEMBER: "member"
+};
+var selectors = {
+  ROOT: `.${classes.ROOT}`,
+  INPUT_CONTAINER: ".forge-field__input-container",
+  INPUT: "input",
+  LABEL: `[slot=${slots.LABEL}]`,
+  HELPER_TEXT: `[slot=${slots.HELPER_TEXT}]`,
+  MEMBER: `[slot=${slots.MEMBER}]`,
+  LABEL_SLOT: `slot[name=${slots.LABEL}]`,
+  MEMBER_SLOT: `slot[name=${slots.MEMBER}]`
+};
+var events = {
+  MEMBER_ADDED: `${elementName}-member-added`,
+  MEMBER_REMOVED: `${elementName}-member-removed`
+};
+var CHIP_FIELD_CONSTANTS = {
+  elementName,
+  classes,
+  slots,
+  selectors,
+  events
+};
+
+// dist/build/lib/staging/src/chip-field/chip-field-adapter.ts
+var ChipFieldAdapter = class extends FieldAdapter {
+  constructor(component) {
+    super(component);
+  }
+  initialize(required) {
+    super.initialize(required, CHIP_FIELD_CONSTANTS.selectors.ROOT);
+    this._memberSlot = getShadowElement(this._component, CHIP_FIELD_CONSTANTS.selectors.MEMBER_SLOT);
+    this._inputContainerElement = getShadowElement(this._component, CHIP_FIELD_CONSTANTS.selectors.INPUT_CONTAINER);
+  }
+  addRootListener(type, callback) {
+    this._rootElement.addEventListener(type, callback);
+  }
+  removeRootListener(type, callback) {
+    this._rootElement.removeEventListener(type, callback);
+  }
+  addMemberSlotListener(listener) {
+    this._memberSlot.addEventListener("slotchange", listener);
+  }
+  removeMemberSlotListener(listener) {
+    if (this._memberSlot) {
+      this._memberSlot.removeEventListener("slotchange", listener);
+    }
+  }
+  addInputContainerListener(type, callback) {
+    this._inputContainerElement.addEventListener(type, callback);
+  }
+  removeInputContainerListener(type, callback) {
+    this._inputContainerElement.removeEventListener(type, callback);
+  }
+  fieldHasValue() {
+    const aMemberExists = !!this._component.querySelector(CHIP_FIELD_CONSTANTS.selectors.MEMBER);
+    return aMemberExists || super.inputHasValue();
+  }
+  focusInput() {
+    if (!this._inputElement) {
+      return;
+    }
+    this._inputElement.focus();
+  }
+  getSlottedMemberElements() {
+    return this._component.querySelectorAll(CHIP_FIELD_CONSTANTS.selectors.MEMBER);
+  }
+};
+
+// dist/build/lib/staging/src/chip-field/chip-field-foundation.ts
+var ChipFieldFoundation = class extends FieldFoundation {
+  constructor(_adapter) {
+    super(_adapter);
+    this._adapter = _adapter;
+    this._memberSlotListener = () => this._onMemberSlotChanged();
+    this._inputContainerMouseDownListener = (evt) => this._onInputContainerMouseDown(evt);
+    this._handleRootKeyDown = (evt) => this._onRootKeyDown(evt);
+    this._handleKeyDown = (evt) => this._onKeyDown(evt);
+  }
+  initialize() {
+    super.initialize();
+    this._adapter.addMemberSlotListener(this._memberSlotListener);
+    this._adapter.addInputContainerListener("mousedown", this._inputContainerMouseDownListener);
+    this._adapter.addRootListener("keydown", this._handleRootKeyDown);
+    this._adapter.addInputListener("keydown", this._handleKeyDown);
+  }
+  disconnect() {
+    super.disconnect();
+    this._adapter.removeMemberSlotListener(this._memberSlotListener);
+    this._adapter.removeInputContainerListener("mousedown", this._inputContainerMouseDownListener);
+    this._adapter.removeRootListener("keydown", this._handleRootKeyDown);
+    this._adapter.removeInputListener("keydown", this._handleKeyDown);
+  }
+  _onInputContainerMouseDown(evt) {
+    evt.preventDefault();
+    this._adapter.focusInput();
+  }
+  _onBlur(event) {
+    const input = event.target;
+    input.value = "";
+    super._onBlur(event);
+  }
+  _onRootKeyDown(event) {
+    if (this._adapter.inputHasValue()) {
+      return;
+    }
+    switch (event.key) {
+      case "Right":
+      case "ArrowRight":
+        this._focusNextMember();
+        break;
+      case "Left":
+      case "ArrowLeft":
+        this._focusPreviousMember();
+        break;
+      case "Backspace":
+      case "Delete":
+      case "Del":
+        this._removeMember();
+        break;
+      default:
+        break;
+    }
+  }
+  _onKeyDown(event) {
+    const input = event.target;
+    switch (event.key) {
+      case "Enter":
+        this._addMember(input);
+        break;
+      case "Esc":
+      case "Escape":
+      case "Tab":
+        input.value = "";
+        break;
+      default:
+        break;
+    }
+  }
+  _focusNextMember() {
+    const members = this._adapter.getSlottedMemberElements();
+    if (members.length < 1 || this._adapter.inputHasFocus()) {
+      return;
+    }
+    for (let i = 0; i < members.length; i++) {
+      const member = members.item(i);
+      const nextMember = members.item(i + 1);
+      if (this._memberIsActive(member)) {
+        if (nextMember) {
+          nextMember.focus();
+          break;
+        } else {
+          this._adapter.focusInput();
+        }
+      }
+    }
+  }
+  _focusPreviousMember() {
+    const members = this._adapter.getSlottedMemberElements();
+    if (members.length < 1) {
+      return;
+    }
+    if (this._adapter.inputHasFocus()) {
+      members[members.length - 1].focus();
+      return;
+    }
+    for (let i = 0; i < members.length; i++) {
+      const previousMember = members.item(i - 1);
+      const member = members.item(i);
+      if (this._memberIsActive(member) && previousMember) {
+        previousMember.focus();
+        break;
+      }
+    }
+  }
+  _memberIsActive(ele) {
+    return getActiveElement() === ele || ele.hasAttribute("focused");
+  }
+  _getActiveMember() {
+    const members = this._adapter.getSlottedMemberElements();
+    for (let i = 0; i < members.length; i++) {
+      const member = members.item(i);
+      if (this._memberIsActive(member)) {
+        return member;
+      }
+    }
+    return null;
+  }
+  _addMember(input) {
+    const cleanInputValue = input.value.trim();
+    if (cleanInputValue && cleanInputValue.length > 0) {
+      this._adapter.emitHostEvent(CHIP_FIELD_CONSTANTS.events.MEMBER_ADDED, cleanInputValue);
+    }
+    input.value = "";
+  }
+  _removeMember() {
+    let memberToRemove = this._getActiveMember();
+    if (!memberToRemove) {
+      const members = this._adapter.getSlottedMemberElements();
+      memberToRemove = members.item(members.length - 1);
+    }
+    if (!memberToRemove) {
+      return;
+    }
+    this._focusNextMember();
+    this._adapter.emitHostEvent(CHIP_FIELD_CONSTANTS.events.MEMBER_REMOVED, memberToRemove);
+  }
+  _onMemberSlotChanged() {
+    this.floatLabel(this._adapter.fieldHasValue() || this._adapter.inputHasFocus());
+    this._adapter.getSlottedMemberElements().forEach((x) => x.tabIndex = -1);
+  }
+};
+
+// dist/build/lib/staging/src/chip-field/chip-field.ts
+var template = '<template><div class="forge-chip-field__wrapper" part="root"><div class="forge-chip-field forge-field" part="container"><slot name="leading"></slot><div class="forge-field__label-input-container" part="label-input-container"><slot name="label"></slot><div class="forge-field__input-container" part="input-container"><slot name="member"></slot><slot></slot></div></div><slot name="trailing"></slot><div class="forge-field__addon-end-container" part="addon-end-container"><slot name="addon-end"></slot></div></div><slot name="helper-text"></slot></div></template>';
+var styles = '.forge-field::before{content:"";display:-webkit-box;display:flex;position:absolute;top:0;right:0;left:0;z-index:-1;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:100%;pointer-events:none;border-style:solid;border-width:1px;-webkit-transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);background-color:transparent;background-color:var(--forge-chip-field-theme-background,transparent);text-align:left}.forge-field[dir=rtl]::before,[dir=rtl] .forge-field::before{text-align:right}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused)::before{border-color:rgba(0,0,0,.38);border-color:var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused):hover::before{border-color:rgba(0,0,0,.87);border-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled)::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-field--invalid:not(.forge-field--disabled)::before{border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-field--invalid:not(.forge-field--disabled):not(.forge-field--focused):hover::before{border-color:#db8a98;border-color:var(--forge-theme-error-hover,#db8a98)}.forge-field--disabled::before{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--shape-rounded){border-radius:4px}.forge-field:not(.forge-field--shape-rounded)::before{border-radius:4px}.forge-field--shape-rounded{border-radius:28px}.forge-field--shape-rounded::before{border-radius:28px}.forge-field--disabled::before{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-field--focused::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5);border-width:2px}.forge-field__label-input-container{position:relative;-webkit-box-flex:1;flex:1 1 0.0001px;height:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;min-width:0}.forge-field ::slotted(label){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65));pointer-events:none;right:0;-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-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);font-size:var(--mdc-typography-subtitle1-font-size, 1rem);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;-webkit-transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1)}.forge-field ::slotted(label[dir=rtl]),[dir=rtl] .forge-field ::slotted(label){right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.forge-field--dense:not(.forge-field--roomy) ::slotted(label){display:none}.forge-field--required ::slotted(label)::after{content:none}.forge-field--required ::slotted(label)::before{color:#b00020;color:var(--mdc-theme-error,#b00020);content:"*";margin-right:4px}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){font-size:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){font-size:1rem}.forge-field--disabled ::slotted(label){color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){top:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){top:1.285rem}.forge-field:not(.forge-field--shape-rounded):not(.forge-field--leading) ::slotted(label){left:12px!important}.forge-field--shape-rounded:not(.forge-field--leading) ::slotted(label){left:32px!important}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end):not(.forge-field--shape-rounded) ::slotted(label){padding-right:12px}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end).forge-field--shape-rounded ::slotted(label){padding-right:32px}.forge-field ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65))}.forge-field--disabled ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.54rem) scale(.8125);transform:translateY(-.54rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.72rem) scale(.8125);transform:translateY(-.72rem) scale(.8125);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.62rem) scale(1);transform:translateY(-.62rem) scale(1);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.8rem) scale(1);transform:translateY(-.8rem) scale(1);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.62rem) scale(.8125);transform:translateY(-.62rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.8rem) scale(.8125);transform:translateY(-.8rem) scale(.8125);cursor:auto}.forge-field~::slotted([slot=helper-text]){-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));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);display:block;height:auto}.forge-field~::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:"";vertical-align:0}.forge-field:not(.forge-field--dense):not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field--roomy:not(.forge-field--dense)~::slotted([slot=helper-text]){font-size:.875rem}.forge-field--dense:not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field~::slotted([slot=helper-text]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled)~::slotted([slot=helper-text]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field:not(.forge-field--shape-rounded)~::slotted([slot=helper-text]){margin-left:12px}.forge-field--shape-rounded~::slotted([slot=helper-text]){margin-left:32px}.forge-field ::slotted([slot=leading]){display:-webkit-box;display:flex;align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=leading]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=leading]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=leading]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=leading]){margin:0 4px}.forge-field ::slotted([slot=leading]:not(forge-icon-button)){padding:6px}.forge-field ::slotted([slot=trailing]){align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=trailing]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=trailing]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=trailing]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=trailing]){margin:0 4px}.forge-field ::slotted([slot=trailing]:not(forge-icon-button)){padding:6px}.forge-field__addon-end-container{display:none}.forge-field--addon-end .forge-field__addon-end-container{height:100%;width:auto;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0 4px;border-left-width:1px;border-left-style:solid;-webkit-transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1)}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.54);border-left-color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container:hover{border-left-color:rgba(0,0,0,.87);border-left-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#3f51b5;border-left-color:var(--mdc-theme-primary,#3f51b5)}.forge-field.forge-field--invalid:not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#b00020;border-left-color:var(--mdc-theme-error,#b00020)}.forge-field.forge-field--invalid:not(.forge-field--focused):not(.forge-field--disabled) .forge-field__addon-end-container:hover{border-left-color:#db8a98;border-left-color:var(--forge-theme-error-hover,#db8a98)}.forge-field.forge-field--disabled .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.12);border-left-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=addon-end]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=addon-end]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=addon-end]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-chip-field{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;z-index:1;z-index:var(--forge-z-index-surface,1);margin-top:0;margin-top:var(--forge-chip-field-margin-top,0)}.forge-chip-field.forge-field--disabled{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5);cursor:not-allowed}.forge-chip-field .forge-chip-field{display:grid;grid-template-columns:[leading] -webkit-min-content [input] 1fr [trailing] -webkit-min-content [addon-end] -webkit-min-content [end];grid-template-columns:[leading] min-content [input] 1fr [trailing] min-content [addon-end] min-content [end]}.forge-chip-field .forge-chip-field:not(.forge-field--dense):not(.forge-field--roomy){height:auto;min-height:46px;min-height:var(--forge-chip-field-height,46px)}.forge-chip-field .forge-chip-field.forge-field--roomy:not(.forge-field--dense){height:auto;min-height:3.5rem;min-height:var(--forge-chip-field-height,3.5rem)}.forge-chip-field .forge-chip-field.forge-field--dense:not(.forge-field--roomy){height:auto;min-height:1.5rem;min-height:var(--forge-chip-field-height,1.5rem)}.forge-field__label-input-container{grid-column-start:input;grid-column-end:trailing}.forge-field__input-container{-webkit-box-flex:1;flex:1 1 0.0001px;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;-webkit-box-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-field__input-container{padding:2px 12px}.forge-field--label .forge-field__input-container{padding-top:22px}.forge-field--roomy.forge-field--label .forge-field__input-container{padding-top:22px}.forge-field--shape-rounded:not(.forge-field--leading) .forge-field__input-container{padding-left:32px}.forge-field--leading:not(.forge-field--shape-rounded) .forge-field__input-container{padding-left:0}.forge-field--shape-rounded.forge-field--leading .forge-field__input-container{padding-left:0}.forge-field--label .forge-field__input-container{padding-bottom:2px}.forge-field--roomy.forge-field--label .forge-field__input-container{padding-bottom:2px}.forge-field--shape-rounded:not(.forge-field--trailing):not(.forge-field--addon-end) .forge-field__input-container{padding-right:32px}.forge-field--addon-end:not(.forge-field--shape-rounded) .forge-field__input-container,.forge-field--trailing:not(.forge-field--shape-rounded) .forge-field__input-container{padding-right:0}.forge-field--shape-rounded.forge-field--addon-end .forge-field__input-container,.forge-field--shape-rounded.forge-field--trailing .forge-field__input-container{padding-right:0}.forge-field ::slotted([slot=member]){display:block}.forge-field--disabled ::slotted([slot=member]){--mdc-theme-primary:rgba(0, 0, 0, 0.38);--mdc-theme-primary:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));cursor:not-allowed;pointer-events:none}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted([slot=member]){margin:2px 8px 2px 0}.forge-field--roomy:not(.forge-field--dense) ::slotted([slot=member]){margin:6px 12px 6px 0}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=member]){margin:2px 6px 2px 0}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted([slot=member]){--forge-chip-height:20px}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=member]){--forge-chip-height:16px}.forge-field ::slotted(input){-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-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);align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);border:none;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;line-height:normal;min-width:0}.forge-field ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):invalid{-webkit-box-shadow:none;box-shadow:none}.forge-field ::slotted(input):-webkit-autofill{z-index:auto!important}.forge-field:not(.forge-field--disabled) ::slotted(input){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--disabled ::slotted(input){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6));cursor:not-allowed}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(input){font-size:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(input){font-size:1rem}.forge-field--dense:not(.forge-field--roomy) ::slotted(input){font-size:.875rem}.forge-field ::slotted(input){-webkit-box-flex:1;flex:1 1 0.0001px;min-width:40px;display:block;align-self:flex-start;padding:0}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(input){margin:4px 0}.forge-field--roomy:not(.forge-field--dense) ::slotted(input){margin:6px 0}.forge-field--dense:not(.forge-field--roomy) ::slotted(input){margin:2px 0}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(input){height:1rem;line-height:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(input){height:1.25rem;line-height:1.25rem}.forge-field--dense:not(.forge-field--roomy) ::slotted(input){height:1rem;line-height:1rem}.forge-field ::slotted([slot=leading]){grid-column-start:leading;grid-column-end:input;align-self:flex-start}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted([slot=leading]){margin-top:5px;margin-bottom:5px}.forge-field--roomy:not(.forge-field--dense) ::slotted([slot=leading]){margin-top:10px;margin-bottom:10px}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=leading]){margin-top:0;margin-bottom:0}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=leading]){padding-top:0;padding-bottom:0}.forge-field ::slotted([slot=trailing]){grid-column-start:trailing;grid-column-end:addon-end;display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;align-self:flex-start}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted([slot=trailing]){margin-top:5px;margin-bottom:5px}.forge-field--roomy:not(.forge-field--dense) ::slotted([slot=trailing]){margin-top:10px;margin-bottom:10px}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=trailing]){margin-top:0;margin-bottom:0}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=trailing]){padding-top:0;padding-bottom:0}.forge-field--addon-end .forge-field__addon-end-container{grid-column-start:addon-end;grid-column-end:end;display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;align-self:flex-start}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted([slot=addon-end]){margin-top:5px;margin-bottom:5px}.forge-field--roomy:not(.forge-field--dense) ::slotted([slot=addon-end]){margin-top:10px;margin-bottom:10px}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=addon-end]){margin-top:0;margin-bottom:0}.forge-field ::slotted(forge-icon-button){display:-webkit-inline-box!important;display:inline-flex!important}:host{display:block;contain:layout}:host([hidden]){display:none}';
+var ChipFieldComponent = class extends FieldComponent {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new ChipFieldFoundation(new ChipFieldAdapter(this));
+  }
+};
+ChipFieldComponent = __decorateClass([
+  CustomElement({
+    name: CHIP_FIELD_CONSTANTS.elementName,
+    dependencies: [ChipComponent]
+  })
+], ChipFieldComponent);
+
+// dist/build/lib/staging/src/chip-field/chip-field-component-delegate.ts
+var ChipFieldComponentDelegate = class extends FormFieldComponentDelegate {
+  constructor(config) {
+    super(config);
+  }
+  _build() {
+    var _a, _b;
+    const chipField = document.createElement(CHIP_FIELD_CONSTANTS.elementName);
+    this._inputElement = this._buildInputElement(chipField);
+    if ((_a = this._config.options) == null ? void 0 : _a.leadingElement) {
+      this._config.options.leadingElement.slot = "leading";
+      chipField.appendChild(this._config.options.leadingElement);
+    }
+    if ((_b = this._config.options) == null ? void 0 : _b.trailingElement) {
+      this._config.options.trailingElement.slot = "trailing";
+      chipField.appendChild(this._config.options.trailingElement);
+    }
+    chipField.appendChild(this._inputElement);
+    return chipField;
+  }
+  _configure() {
+    var _a, _b;
+    if ((_a = this._config.options) == null ? void 0 : _a.helperText) {
+      this.setHelperText(this._config.options.helperText);
+    }
+    if (typeof ((_b = this._config.options) == null ? void 0 : _b.label) === "string") {
+      this._createLabel(this._config.options.label);
+    }
+  }
+  get value() {
+    return this._inputElement.value;
+  }
+  set value(value) {
+    this._inputElement.value = value;
+  }
+  get disabled() {
+    return this._inputElement.disabled;
+  }
+  set disabled(value) {
+    this._inputElement.disabled = value;
+  }
+  get invalid() {
+    return this._element.invalid || false;
+  }
+  set invalid(value) {
+    this._element.invalid = value;
+  }
+  get inputElement() {
+    return this._inputElement;
+  }
+  get labelElement() {
+    return this._labelElement;
+  }
+  onChange(listener) {
+    this._inputElement.addEventListener("input", (evt) => listener(evt.target.value));
+  }
+  onFocus(listener) {
+    this._inputElement.addEventListener("focus", (evt) => listener(evt));
+  }
+  onBlur(listener) {
+    this._inputElement.addEventListener("blur", (evt) => listener(evt));
+  }
+  setLabel(text) {
+    if (text) {
+      if (this._labelElement) {
+        this._labelElement.textContent = text;
+      } else {
+        this._createLabel(text);
+      }
+    } else if (this._labelElement) {
+      this._element.removeChild(this._labelElement);
+      this._labelElement = void 0;
+    }
+  }
+  setHelperText(text) {
+    if (text) {
+      if (!this._helperTextElement) {
+        this._helperTextElement = document.createElement("span");
+        this._helperTextElement.slot = "helper-text";
+        this._element.appendChild(this._helperTextElement);
+      }
+      this._helperTextElement.textContent = text;
+    } else if (this._helperTextElement) {
+      this._element.removeChild(this._helperTextElement);
+      this._helperTextElement = void 0;
+    }
+  }
+  floatLabel(value) {
+    this._element.floatLabel(value);
+  }
+  _createLabel(text) {
+    var _a;
+    this._labelElement = document.createElement("label");
+    this._labelElement.textContent = text;
+    if ((_a = this._config.options) == null ? void 0 : _a.id) {
+      this._labelElement.setAttribute("for", this._config.options.id);
+    }
+    this._element.appendChild(this._labelElement);
+  }
+  _buildInputElement(chipField) {
+    var _a, _b, _c, _d, _e;
+    const inputElement = document.createElement("input");
+    inputElement.type = ((_a = this._config.options) == null ? void 0 : _a.type) || "text";
+    if (((_b = this._config.options) == null ? void 0 : _b.value) !== void 0) {
+      inputElement.value = this._config.options.value;
+    }
+    if ((_c = this._config.options) == null ? void 0 : _c.id) {
+      inputElement.id = this._config.options.id;
+    }
+    if (typeof ((_d = this._config.options) == null ? void 0 : _d.placeholder) === "string") {
+      inputElement.placeholder = (_e = this._config.options) == null ? void 0 : _e.placeholder;
+    }
+    chipField.appendChild(inputElement);
+    return inputElement;
+  }
+};
+
+// dist/build/lib/staging/src/chip-field/index.ts
+function defineChipFieldComponent() {
+  defineCustomElement(ChipFieldComponent);
+}
+
+export {
+  CHIP_FIELD_CONSTANTS,
+  ChipFieldAdapter,
+  ChipFieldFoundation,
+  ChipFieldComponent,
+  ChipFieldComponentDelegate,
+  defineChipFieldComponent
+};
+//# sourceMappingURL=chunk.EARNUKJ2.js.map

package/dist/esm/chunks/chunk.EARNUKJ2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/chip-field/chip-field-constants.ts", "../../src/chip-field/chip-field-adapter.ts", "../../src/chip-field/chip-field-foundation.ts", "../../src/chip-field/chip-field.ts", "../../src/chip-field/chip-field-component-delegate.ts", "../../src/chip-field/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip-field`;\n\nconst classes = {\n  ROOT: 'forge-chip-field'\n};\n\nconst slots = {\n  LABEL: 'label',\n  HELPER_TEXT: 'helper-text',\n  MEMBER: 'member'\n};\n\nconst selectors = {\n  ROOT: `.${classes.ROOT}`,\n  INPUT_CONTAINER: '.forge-field__input-container',\n  INPUT: 'input',\n  LABEL: `[slot=${slots.LABEL}]`,\n  HELPER_TEXT: `[slot=${slots.HELPER_TEXT}]`,\n  MEMBER: `[slot=${slots.MEMBER}]`,\n  LABEL_SLOT: `slot[name=${slots.LABEL}]`,\n  MEMBER_SLOT: `slot[name=${slots.MEMBER}]`\n};\n\nconst events = {\n  MEMBER_ADDED: `${elementName}-member-added`,\n  MEMBER_REMOVED: `${elementName}-member-removed`\n};\n\nexport const CHIP_FIELD_CONSTANTS = {\n  elementName,\n  classes,\n  slots,\n  selectors,\n  events\n};\n\nexport {\n  FieldDensityType as ChipFieldDensityType,\n  FieldFloatLabelType as ChipFieldFloatLabelType,\n  FieldShapeType as ChipFieldShapeType\n} from '../field/field-constants';\n", "import { IChipFieldComponent } from './chip-field';\nimport { getShadowElement } from '@tylertech/forge-core';\nimport { CHIP_FIELD_CONSTANTS } from './chip-field-constants';\nimport { FieldAdapter, IFieldAdapter } from '../field/field-adapter';\n\nexport interface IChipFieldAdapter extends IFieldAdapter {\n  // root\n  addRootListener(type: string, callback: (event: Event) => void): void;\n  removeRootListener(type: string, callback: (event: Event) => void): void;\n\n  // member\n  addMemberSlotListener(listener: (evt: Event) => void): void;\n  removeMemberSlotListener(listener: (evt: Event) => void): void;\n\n  addInputContainerListener(type: string, callback: (event: Event) => void): void;\n  removeInputContainerListener(type: string, callback: (event: Event) => void): void;\n\n  // state selectors\n  getSlottedMemberElements(): NodeListOf<HTMLElement>;\n\n  // state actions\n  focusInput(): void;\n}\n\nexport class ChipFieldAdapter extends FieldAdapter implements IChipFieldAdapter {\n  protected _memberSlot: HTMLSlotElement;\n  protected _inputContainerElement: HTMLElement;\n\n  constructor(component: IChipFieldComponent) {\n    super(component);\n  }\n\n  public initialize(required: boolean): void {\n    super.initialize(required, CHIP_FIELD_CONSTANTS.selectors.ROOT);\n    this._memberSlot = getShadowElement(this._component, CHIP_FIELD_CONSTANTS.selectors.MEMBER_SLOT) as HTMLSlotElement;\n    this._inputContainerElement = getShadowElement(this._component, CHIP_FIELD_CONSTANTS.selectors.INPUT_CONTAINER) as HTMLElement;\n  }\n\n  public addRootListener(type: string, callback: (event: Event) => void): void {\n    this._rootElement.addEventListener(type, callback);\n  }\n\n  public removeRootListener(type: string, callback: (event: Event) => void): void {\n    this._rootElement.removeEventListener(type, callback);\n  }\n\n  public addMemberSlotListener(listener: (evt: Event) => void): void {\n    this._memberSlot.addEventListener('slotchange', listener);\n  }\n\n  public removeMemberSlotListener(listener: (evt: Event) => void): void {\n    if (this._memberSlot) {\n      this._memberSlot.removeEventListener('slotchange', listener);\n    }\n  }\n\n  public addInputContainerListener(type: string, callback: (event: Event) => void): void {\n    this._inputContainerElement.addEventListener(type, callback);\n  }\n\n  public removeInputContainerListener(type: string, callback: (event: Event) => void): void {\n    this._inputContainerElement.removeEventListener(type, callback);\n  }\n\n  public override fieldHasValue(): boolean {\n    const aMemberExists = !!this._component.querySelector(CHIP_FIELD_CONSTANTS.selectors.MEMBER);\n    return aMemberExists || super.inputHasValue();\n  }\n\n  public focusInput(): void {\n    if (!this._inputElement) {\n      return;\n    }\n\n    this._inputElement.focus();\n  }\n\n  public getSlottedMemberElements(): NodeListOf<HTMLElement> {\n    return this._component.querySelectorAll<HTMLElement>(CHIP_FIELD_CONSTANTS.selectors.MEMBER);\n  }\n}\n", "import { getActiveElement } from '@tylertech/forge-core';\nimport { IChipFieldAdapter } from './chip-field-adapter';\nimport { CHIP_FIELD_CONSTANTS } from './chip-field-constants';\nimport { IFieldFoundation, FieldFoundation } from '../field/field-foundation';\n\nexport interface IChipFieldFoundation extends IFieldFoundation {}\n\nexport class ChipFieldFoundation extends FieldFoundation implements IChipFieldFoundation {\n  private _memberSlotListener: () => void;\n  private _inputContainerMouseDownListener: (evt: MouseEvent) => void;\n  private _handleRootKeyDown: (event: KeyboardEvent) => void;\n  private _handleKeyDown: (event: KeyboardEvent) => void;\n\n  constructor(protected _adapter: IChipFieldAdapter) {\n    super(_adapter);\n    this._memberSlotListener = () => this._onMemberSlotChanged();\n    this._inputContainerMouseDownListener = evt => this._onInputContainerMouseDown(evt);\n    this._handleRootKeyDown = evt => this._onRootKeyDown(evt);\n    this._handleKeyDown = evt => this._onKeyDown(evt);\n  }\n\n  public initialize(): void {\n    super.initialize();\n    this._adapter.addMemberSlotListener(this._memberSlotListener);\n    this._adapter.addInputContainerListener('mousedown', this._inputContainerMouseDownListener);\n    this._adapter.addRootListener('keydown', this._handleRootKeyDown);\n    this._adapter.addInputListener('keydown', this._handleKeyDown);\n  }\n\n  public disconnect(): void {\n    super.disconnect();\n    this._adapter.removeMemberSlotListener(this._memberSlotListener);\n    this._adapter.removeInputContainerListener('mousedown', this._inputContainerMouseDownListener);\n    this._adapter.removeRootListener('keydown', this._handleRootKeyDown);\n    this._adapter.removeInputListener('keydown', this._handleKeyDown);\n  }\n\n  private _onInputContainerMouseDown(evt: MouseEvent): void {\n    evt.preventDefault();\n    this._adapter.focusInput();\n  }\n\n  protected _onBlur(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    input.value = '';\n    super._onBlur(event);\n  }\n\n  private _onRootKeyDown(event: KeyboardEvent): void {\n    if (this._adapter.inputHasValue()) {\n      return;\n    }\n\n    switch (event.key) {\n      case 'Right':\n      case 'ArrowRight':\n        this._focusNextMember();\n        break;\n      case 'Left':\n      case 'ArrowLeft':\n        this._focusPreviousMember();\n        break;\n      case 'Backspace':\n      case 'Delete':\n      case 'Del':\n        this._removeMember();\n        break;\n      default:\n        break;\n    }\n  }\n\n  private _onKeyDown(event: KeyboardEvent): void {\n    const input = event.target as HTMLInputElement;\n    switch (event.key) {\n      case 'Enter':\n        this._addMember(input);\n        break;\n      case 'Esc':\n      case 'Escape':\n      case 'Tab':\n        input.value = '';\n        break;\n      default:\n        break;\n    }\n  }\n\n  private _focusNextMember(): void {\n    const members = this._adapter.getSlottedMemberElements();\n    if (members.length < 1 || this._adapter.inputHasFocus()) {\n      return;\n    }\n\n    for (let i = 0; i < members.length; i++) {\n      const member = members.item(i);\n      const nextMember = members.item(i + 1);\n\n      if (this._memberIsActive(member)) {\n        if (nextMember) {\n          nextMember.focus();\n          break;\n        } else {\n          this._adapter.focusInput();\n        }\n      }\n    }\n  }\n\n  private _focusPreviousMember(): void {\n    const members = this._adapter.getSlottedMemberElements();\n    if (members.length < 1) {\n      return;\n    }\n\n    if (this._adapter.inputHasFocus()) {\n      members[members.length - 1].focus();\n      return;\n    }\n\n    for (let i = 0; i < members.length; i++) {\n      const previousMember = members.item(i - 1);\n      const member = members.item(i);\n\n      if (this._memberIsActive(member) && previousMember) {\n        previousMember.focus();\n        break;\n      }\n    }\n  }\n\n  private _memberIsActive(ele: HTMLElement): boolean {\n    return getActiveElement() === ele || ele.hasAttribute('focused');\n  }\n\n  private _getActiveMember(): HTMLElement | null {\n    const members = this._adapter.getSlottedMemberElements();\n\n    for (let i = 0; i < members.length; i++) {\n      const member = members.item(i);\n      if (this._memberIsActive(member)) {\n        return member;\n      }\n    }\n\n    return null;\n  }\n\n  private _addMember(input: HTMLInputElement): void {\n    const cleanInputValue = input.value.trim();\n    if (cleanInputValue && cleanInputValue.length > 0) {\n      this._adapter.emitHostEvent(CHIP_FIELD_CONSTANTS.events.MEMBER_ADDED, cleanInputValue);\n    }\n\n    input.value = '';\n  }\n\n  private _removeMember(): void {\n    let memberToRemove = this._getActiveMember();\n    if (!memberToRemove) {\n      const members = this._adapter.getSlottedMemberElements();\n      memberToRemove = members.item(members.length - 1);\n    }\n\n    if (!memberToRemove) {\n      return;\n    }\n\n    this._focusNextMember();\n    this._adapter.emitHostEvent(CHIP_FIELD_CONSTANTS.events.MEMBER_REMOVED, memberToRemove);\n  }\n\n  private _onMemberSlotChanged(): void {\n    this.floatLabel(this._adapter.fieldHasValue() || this._adapter.inputHasFocus());\n    this._adapter.getSlottedMemberElements().forEach(x => x.tabIndex = -1);\n  }\n}\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { ChipFieldAdapter } from './chip-field-adapter';\nimport { ChipFieldFoundation } from './chip-field-foundation';\nimport { CHIP_FIELD_CONSTANTS } from './chip-field-constants';\nimport { ChipComponent } from '../chips';\nimport { FieldComponent, IFieldComponent } from '../field/field';\n\nconst template = '<template><div class=\\\"forge-chip-field__wrapper\\\" part=\\\"root\\\"><div class=\\\"forge-chip-field forge-field\\\" part=\\\"container\\\"><slot name=\\\"leading\\\"></slot><div class=\\\"forge-field__label-input-container\\\" part=\\\"label-input-container\\\"><slot name=\\\"label\\\"></slot><div class=\\\"forge-field__input-container\\\" part=\\\"input-container\\\"><slot name=\\\"member\\\"></slot><slot></slot></div></div><slot name=\\\"trailing\\\"></slot><div class=\\\"forge-field__addon-end-container\\\" part=\\\"addon-end-container\\\"><slot name=\\\"addon-end\\\"></slot></div></div><slot name=\\\"helper-text\\\"></slot></div></template>';\nconst styles = '.forge-field::before{content:\\\"\\\";display:-webkit-box;display:flex;position:absolute;top:0;right:0;left:0;z-index:-1;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;height:100%;pointer-events:none;border-style:solid;border-width:1px;-webkit-transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1);background-color:transparent;background-color:var(--forge-chip-field-theme-background,transparent);text-align:left}.forge-field[dir=rtl]::before,[dir=rtl] .forge-field::before{text-align:right}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused)::before{border-color:rgba(0,0,0,.38);border-color:var(--mdc-theme-text-icon-on-background,rgba(0,0,0,.38))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid):not(.forge-field--focused):hover::before{border-color:rgba(0,0,0,.87);border-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled)::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-field--invalid:not(.forge-field--disabled)::before{border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-field--invalid:not(.forge-field--disabled):not(.forge-field--focused):hover::before{border-color:#db8a98;border-color:var(--forge-theme-error-hover,#db8a98)}.forge-field--disabled::before{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--shape-rounded){border-radius:4px}.forge-field:not(.forge-field--shape-rounded)::before{border-radius:4px}.forge-field--shape-rounded{border-radius:28px}.forge-field--shape-rounded::before{border-radius:28px}.forge-field--disabled::before{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-field--focused::before{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5);border-width:2px}.forge-field__label-input-container{position:relative;-webkit-box-flex:1;flex:1 1 0.0001px;height:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;min-width:0}.forge-field ::slotted(label){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65));pointer-events:none;right:0;-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-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);font-size:var(--mdc-typography-subtitle1-font-size, 1rem);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;-webkit-transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1);transition:transform 150ms cubic-bezier(.4, 0, .2, 1),color 150ms cubic-bezier(.4, 0, .2, 1),-webkit-transform 150ms cubic-bezier(.4, 0, .2, 1)}.forge-field ::slotted(label[dir=rtl]),[dir=rtl] .forge-field ::slotted(label){right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.forge-field--dense:not(.forge-field--roomy) ::slotted(label){display:none}.forge-field--required ::slotted(label)::after{content:none}.forge-field--required ::slotted(label)::before{color:#b00020;color:var(--mdc-theme-error,#b00020);content:\\\"*\\\";margin-right:4px}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){font-size:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){font-size:1rem}.forge-field--disabled ::slotted(label){color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label){top:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(label){top:1.285rem}.forge-field:not(.forge-field--shape-rounded):not(.forge-field--leading) ::slotted(label){left:12px!important}.forge-field--shape-rounded:not(.forge-field--leading) ::slotted(label){left:32px!important}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end):not(.forge-field--shape-rounded) ::slotted(label){padding-right:12px}.forge-field:not(.forge-field--trailing):not(.forge-field--addon-end).forge-field--shape-rounded ::slotted(label){padding-right:32px}.forge-field ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.65);color:var(--forge-theme-form-field-label-on-background,rgba(0,0,0,.65))}.forge-field--disabled ::slotted(label.forge-floating-label--float-above){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-field--invalid:not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) ::slotted(label.forge-floating-label--float-above){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.54rem) scale(.8125);transform:translateY(-.54rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above){-webkit-transform:translateY(-.72rem) scale(.8125);transform:translateY(-.72rem) scale(.8125);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.62rem) scale(1);transform:translateY(-.62rem) scale(1);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--float-above.forge-floating-label--float-above-end-keyframe){-webkit-transition:none;transition:none;font-size:.8125rem;-webkit-transform:translateY(-.8rem) scale(1);transform:translateY(-.8rem) scale(1);cursor:auto}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.62rem) scale(.8125);transform:translateY(-.62rem) scale(.8125);cursor:auto}.forge-field--roomy:not(.forge-field--dense) ::slotted(label.forge-floating-label--unfloat-above-start-keyframe){-webkit-transition:none;transition:none;font-size:1rem;-webkit-transform:translateY(-.8rem) scale(.8125);transform:translateY(-.8rem) scale(.8125);cursor:auto}.forge-field~::slotted([slot=helper-text]){-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));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);display:block;height:auto}.forge-field~::slotted([slot=helper-text])::before{display:inline-block;width:0;height:16px;content:\\\"\\\";vertical-align:0}.forge-field:not(.forge-field--dense):not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field--roomy:not(.forge-field--dense)~::slotted([slot=helper-text]){font-size:.875rem}.forge-field--dense:not(.forge-field--roomy)~::slotted([slot=helper-text]){font-size:.75rem}.forge-field~::slotted([slot=helper-text]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled)~::slotted([slot=helper-text]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field:not(.forge-field--shape-rounded)~::slotted([slot=helper-text]){margin-left:12px}.forge-field--shape-rounded~::slotted([slot=helper-text]){margin-left:32px}.forge-field ::slotted([slot=leading]){display:-webkit-box;display:flex;align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=leading]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=leading]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=leading]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=leading]){margin:0 4px}.forge-field ::slotted([slot=leading]:not(forge-icon-button)){padding:6px}.forge-field ::slotted([slot=trailing]){align-self:center}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=trailing]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=trailing]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=trailing]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-field ::slotted([slot=trailing]){margin:0 4px}.forge-field ::slotted([slot=trailing]:not(forge-icon-button)){padding:6px}.forge-field__addon-end-container{display:none}.forge-field--addon-end .forge-field__addon-end-container{height:100%;width:auto;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding:0 4px;border-left-width:1px;border-left-style:solid;-webkit-transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-left-color .2s 0s cubic-bezier(0, 0, .2, 1)}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.54);border-left-color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field:not(.forge-field--disabled):not(.forge-field--focused):not(.forge-field--invalid) .forge-field__addon-end-container:hover{border-left-color:rgba(0,0,0,.87);border-left-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field.forge-field--focused:not(.forge-field--invalid):not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#3f51b5;border-left-color:var(--mdc-theme-primary,#3f51b5)}.forge-field.forge-field--invalid:not(.forge-field--disabled) .forge-field__addon-end-container{border-left-color:#b00020;border-left-color:var(--mdc-theme-error,#b00020)}.forge-field.forge-field--invalid:not(.forge-field--focused):not(.forge-field--disabled) .forge-field__addon-end-container:hover{border-left-color:#db8a98;border-left-color:var(--forge-theme-error-hover,#db8a98)}.forge-field.forge-field--disabled .forge-field__addon-end-container{border-left-color:rgba(0,0,0,.12);border-left-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-field:not(.forge-field--disabled):not(.forge-field--invalid) ::slotted([slot=addon-end]){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-field--invalid:not(.forge-field--disabled) ::slotted([slot=addon-end]){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-field--disabled ::slotted([slot=addon-end]){color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:not-allowed;pointer-events:none}.forge-chip-field{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;z-index:1;z-index:var(--forge-z-index-surface,1);margin-top:0;margin-top:var(--forge-chip-field-margin-top,0)}.forge-chip-field.forge-field--disabled{background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5);cursor:not-allowed}.forge-chip-field .forge-chip-field{display:grid;grid-template-columns:[leading] -webkit-min-content [input] 1fr [trailing] -webkit-min-content [addon-end] -webkit-min-content [end];grid-template-columns:[leading] min-content [input] 1fr [trailing] min-content [addon-end] min-content [end]}.forge-chip-field .forge-chip-field:not(.forge-field--dense):not(.forge-field--roomy){height:auto;min-height:46px;min-height:var(--forge-chip-field-height,46px)}.forge-chip-field .forge-chip-field.forge-field--roomy:not(.forge-field--dense){height:auto;min-height:3.5rem;min-height:var(--forge-chip-field-height,3.5rem)}.forge-chip-field .forge-chip-field.forge-field--dense:not(.forge-field--roomy){height:auto;min-height:1.5rem;min-height:var(--forge-chip-field-height,1.5rem)}.forge-field__label-input-container{grid-column-start:input;grid-column-end:trailing}.forge-field__input-container{-webkit-box-flex:1;flex:1 1 0.0001px;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;flex-wrap:wrap;-webkit-box-align:start;align-items:flex-start;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-field__input-container{padding:2px 12px}.forge-field--label .forge-field__input-container{padding-top:22px}.forge-field--roomy.forge-field--label .forge-field__input-container{padding-top:22px}.forge-field--shape-rounded:not(.forge-field--leading) .forge-field__input-container{padding-left:32px}.forge-field--leading:not(.forge-field--shape-rounded) .forge-field__input-container{padding-left:0}.forge-field--shape-rounded.forge-field--leading .forge-field__input-container{padding-left:0}.forge-field--label .forge-field__input-container{padding-bottom:2px}.forge-field--roomy.forge-field--label .forge-field__input-container{padding-bottom:2px}.forge-field--shape-rounded:not(.forge-field--trailing):not(.forge-field--addon-end) .forge-field__input-container{padding-right:32px}.forge-field--addon-end:not(.forge-field--shape-rounded) .forge-field__input-container,.forge-field--trailing:not(.forge-field--shape-rounded) .forge-field__input-container{padding-right:0}.forge-field--shape-rounded.forge-field--addon-end .forge-field__input-container,.forge-field--shape-rounded.forge-field--trailing .forge-field__input-container{padding-right:0}.forge-field ::slotted([slot=member]){display:block}.forge-field--disabled ::slotted([slot=member]){--mdc-theme-primary:rgba(0, 0, 0, 0.38);--mdc-theme-primary:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));cursor:not-allowed;pointer-events:none}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted([slot=member]){margin:2px 8px 2px 0}.forge-field--roomy:not(.forge-field--dense) ::slotted([slot=member]){margin:6px 12px 6px 0}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=member]){margin:2px 6px 2px 0}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted([slot=member]){--forge-chip-height:20px}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=member]){--forge-chip-height:16px}.forge-field ::slotted(input){-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-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);align-self:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);transition:opacity 150ms 0s cubic-bezier(.4, 0, .2, 1);border:none;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;line-height:normal;min-width:0}.forge-field ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:.875rem}.forge-field ::slotted(input):invalid{-webkit-box-shadow:none;box-shadow:none}.forge-field ::slotted(input):-webkit-autofill{z-index:auto!important}.forge-field:not(.forge-field--disabled) ::slotted(input){color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-field--disabled ::slotted(input){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6));cursor:not-allowed}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(input){font-size:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(input){font-size:1rem}.forge-field--dense:not(.forge-field--roomy) ::slotted(input){font-size:.875rem}.forge-field ::slotted(input){-webkit-box-flex:1;flex:1 1 0.0001px;min-width:40px;display:block;align-self:flex-start;padding:0}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(input){margin:4px 0}.forge-field--roomy:not(.forge-field--dense) ::slotted(input){margin:6px 0}.forge-field--dense:not(.forge-field--roomy) ::slotted(input){margin:2px 0}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted(input){height:1rem;line-height:1rem}.forge-field--roomy:not(.forge-field--dense) ::slotted(input){height:1.25rem;line-height:1.25rem}.forge-field--dense:not(.forge-field--roomy) ::slotted(input){height:1rem;line-height:1rem}.forge-field ::slotted([slot=leading]){grid-column-start:leading;grid-column-end:input;align-self:flex-start}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted([slot=leading]){margin-top:5px;margin-bottom:5px}.forge-field--roomy:not(.forge-field--dense) ::slotted([slot=leading]){margin-top:10px;margin-bottom:10px}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=leading]){margin-top:0;margin-bottom:0}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=leading]){padding-top:0;padding-bottom:0}.forge-field ::slotted([slot=trailing]){grid-column-start:trailing;grid-column-end:addon-end;display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;align-self:flex-start}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted([slot=trailing]){margin-top:5px;margin-bottom:5px}.forge-field--roomy:not(.forge-field--dense) ::slotted([slot=trailing]){margin-top:10px;margin-bottom:10px}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=trailing]){margin-top:0;margin-bottom:0}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=trailing]){padding-top:0;padding-bottom:0}.forge-field--addon-end .forge-field__addon-end-container{grid-column-start:addon-end;grid-column-end:end;display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;align-self:flex-start}.forge-field:not(.forge-field--dense):not(.forge-field--roomy) ::slotted([slot=addon-end]){margin-top:5px;margin-bottom:5px}.forge-field--roomy:not(.forge-field--dense) ::slotted([slot=addon-end]){margin-top:10px;margin-bottom:10px}.forge-field--dense:not(.forge-field--roomy) ::slotted([slot=addon-end]){margin-top:0;margin-bottom:0}.forge-field ::slotted(forge-icon-button){display:-webkit-inline-box!important;display:inline-flex!important}:host{display:block;contain:layout}:host([hidden]){display:none}';\n\nexport interface IChipFieldComponent extends IFieldComponent { }\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-chip-field': IChipFieldComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-chip-field-member-added': CustomEvent<string>;\n    'forge-chip-field-member-removed': CustomEvent<HTMLElement>;\n  }\n}\n\n@CustomElement({\n  name: CHIP_FIELD_CONSTANTS.elementName,\n  dependencies: [ChipComponent]\n})\nexport class ChipFieldComponent extends FieldComponent<ChipFieldFoundation> implements IChipFieldComponent {\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ChipFieldFoundation(new ChipFieldAdapter(this));\n  }\n}\n", "import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';\nimport { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core/delegates/form-field-component-delegate';\nimport { IChipFieldComponent } from './chip-field';\nimport { CHIP_FIELD_CONSTANTS } from './chip-field-constants';\n\nexport type ChipFieldComponentDelegateProps = Partial<IChipFieldComponent>;\nexport interface IChipFieldComponentDelegateOptions extends IFormFieldComponentDelegateOptions {\n  id?: string;\n  label?: string;\n  type?: string;\n  value?: string;\n  helperText?: string;\n  placeholder?: string;\n  leadingElement?: HTMLElement;\n  trailingElement?: HTMLElement;\n}\nexport interface IChipFieldComponentDelegateConfig extends IBaseComponentDelegateConfig<IChipFieldComponent, IChipFieldComponentDelegateOptions> {}\n\nexport class ChipFieldComponentDelegate extends FormFieldComponentDelegate<IChipFieldComponent, IChipFieldComponentDelegateOptions> {\n  private _inputElement: HTMLInputElement;\n  private _labelElement: HTMLLabelElement | undefined;\n  private _helperTextElement: HTMLSpanElement | undefined;\n\n  constructor(config?: IChipFieldComponentDelegateConfig) {\n    super(config);\n  }\n\n  protected _build(): IChipFieldComponent {\n    const chipField = document.createElement(CHIP_FIELD_CONSTANTS.elementName);\n\n    this._inputElement = this._buildInputElement(chipField);\n\n    if (this._config.options?.leadingElement) {\n      this._config.options.leadingElement.slot = 'leading';\n      chipField.appendChild(this._config.options.leadingElement);\n    }\n    if (this._config.options?.trailingElement) {\n      this._config.options.trailingElement.slot = 'trailing';\n      chipField.appendChild(this._config.options.trailingElement);\n    }\n\n    chipField.appendChild(this._inputElement);\n    return chipField;\n  }\n\n  protected override _configure(): void {\n    if (this._config.options?.helperText) {\n      this.setHelperText(this._config.options.helperText);\n    }\n    if (typeof this._config.options?.label === 'string') {\n      this._createLabel(this._config.options.label);\n    }\n  }\n\n  public get value(): string {\n    return this._inputElement.value;\n  }\n  public set value(value: string) {\n    this._inputElement.value = value;\n  }\n\n  public get disabled(): boolean {\n    return this._inputElement.disabled;\n  }\n  public set disabled(value: boolean) {\n    this._inputElement.disabled = value;\n  }\n\n  public get invalid(): boolean {\n    return this._element.invalid || false;\n  }\n  public set invalid(value: boolean) {\n    this._element.invalid = value;\n  }\n\n  public get inputElement(): HTMLInputElement {\n    return this._inputElement;\n  }\n\n  public get labelElement(): HTMLLabelElement | undefined {\n    return this._labelElement;\n  }\n\n  public onChange(listener: (value: string) => void): void {\n    this._inputElement.addEventListener('input', evt => listener((evt.target as HTMLInputElement).value));\n  }\n\n  public onFocus(listener: (evt: Event) => void): void {\n    this._inputElement.addEventListener('focus', evt => listener(evt));\n  }\n\n  public onBlur(listener: (evt: Event) => void): void {\n    this._inputElement.addEventListener('blur', evt => listener(evt));\n  }\n\n  public setLabel(text: string | null): void {\n    if (text) {\n      if (this._labelElement) {\n        this._labelElement.textContent = text;\n      } else {\n        this._createLabel(text);\n      }\n    } else if (this._labelElement) {\n      this._element.removeChild(this._labelElement);\n      this._labelElement = undefined;\n    }\n  }\n\n  public setHelperText(text: string | null): void {\n    if (text) {\n      if (!this._helperTextElement) {\n        this._helperTextElement = document.createElement('span');\n        this._helperTextElement.slot = 'helper-text';\n        this._element.appendChild(this._helperTextElement);\n      }\n      this._helperTextElement.textContent = text;\n    } else if (this._helperTextElement) {\n      this._element.removeChild(this._helperTextElement);\n      this._helperTextElement = undefined;\n    }\n  }\n\n  public floatLabel(value: boolean): void {\n    this._element.floatLabel(value);\n  }\n\n  private _createLabel(text: string): void {\n    this._labelElement = document.createElement('label');\n    this._labelElement.textContent = text;\n    if (this._config.options?.id) {\n      this._labelElement.setAttribute('for', this._config.options.id);\n    }\n    this._element.appendChild(this._labelElement);\n  }\n\n  private _buildInputElement(chipField: IChipFieldComponent): HTMLInputElement {\n    const inputElement = document.createElement('input');\n    inputElement.type = this._config.options?.type || 'text';\n\n    if (this._config.options?.value !== undefined) {\n      inputElement.value = this._config.options.value;\n    }\n    if (this._config.options?.id) {\n      inputElement.id = this._config.options.id;\n    }\n    if (typeof this._config.options?.placeholder === 'string') {\n      inputElement.placeholder = this._config.options?.placeholder;\n    }\n\n    chipField.appendChild(inputElement);\n    return inputElement;\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ChipFieldComponent } from './chip-field';\n\nexport * from './chip-field-adapter';\nexport * from './chip-field-component-delegate';\nexport * from './chip-field-constants';\nexport * from './chip-field-foundation';\nexport * from './chip-field';\n\nexport function defineChipFieldComponent(): void {\n  defineCustomElement(ChipFieldComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}