@tylertech/forge 2.13.0 → 2.13.2

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{b as D}from"./chunk.BCD4AAI2.js";import{f as w}from"./chunk.LZMYHIO2.js";import{a as C,d as L,l as I}from"./chunk.JXY6MTP3.js";import{a as T}from"./chunk.5PXABBKU.js";import{a as p}from"./chunk.B3IJU6XJ.js";import{a as E,b as l}from"./chunk.OOW3UKT4.js";import{e as k,g as u,l as x}from"./chunk.MMVZJLXE.js";import{f as m,g as v,i as s,n as _,t as n,y}from"./chunk.R4NDFXVA.js";import{k as d}from"./chunk.G76HB2FK.js";import{f as c}from"./chunk.MCIQXNKY.js";var z=`${l}chip-set`,N={VERTICAL:"vertical",TYPE:"type",DENSE:"dense",DISABLED:"disabled"},S={ROOT:"forge-chip-set",VERTICAL:"forge-chip-set--vertical"},A={ROOT:`.${S.ROOT}`},B={elementName:z,attributes:N,classes:S,selectors:A};var g=`${l}chip`,F={TYPE:"type",SELECTED:"selected",VALUE:"value",DISABLED:"disabled",INVALID:"invalid",DENSE:"dense",EMULATE_FOCUS:"emulate-focus"},H={ACTION:"forge-chip--action",CHOICE:"forge-chip--choice",FILTER:"forge-chip--filter",INPUT:"forge-chip--input",FIELD:"forge-chip--field",INVALID:"forge-chip--invalid",SELECTED:"forge-chip--selected",DELETE_BUTTON:"forge-chip__delete-button",DELETE_BUTTON_TOUCH_TARGET:"forge-chip__delete-button__touch-target",DENSE:"forge-chip--dense",LEADING_HIDDEN:"forge-chip__leading--hidden"},O={BUTTON:"button.forge-chip"},R={DELETE:`${g}-delete`,SELECT:`${g}-select`},M={TYPE:"action"},i={elementName:g,attributes:F,classes:H,selectors:O,events:R,defaults:M};var U='<div class="forge-chip__checkmark" aria-hidden="true"><svg class="forge-chip__checkmark-svg" viewBox="-2 -3 30 30"><path class="forge-chip__checkmark-path" fill="none" stroke="black" d="M1.73,12.91 8.1,19.28 22.79,4.59"/></svg></div>',f=class extends T{constructor(e){super(e);this._buttonElement=u(this._component,i.selectors.BUTTON),this._leadingSlotElement=u(this._component,"slot[name=leading]")}addButtonListener(e,r){this._buttonElement.addEventListener(e,r)}removeButtonListener(e,r){this._buttonElement.removeEventListener(e,r)}initializeRipple(){return new D(this._buttonElement)}clearTypeClass(){v([i.classes.ACTION,i.classes.CHOICE,i.classes.FILTER,i.classes.INPUT],this._buttonElement)}addRootClass(e){this._buttonElement.classList.add(e)}removeRootClass(e){this._buttonElement.classList.remove(e)}setCheckmarkVisibility(e){e?(this._checkmarkElement||(this._checkmarkElement=y(U)),this._buttonElement.insertBefore(this._checkmarkElement,this._buttonElement.firstChild)):this._checkmarkElement&&this._checkmarkElement.isConnected&&s(this._checkmarkElement)}setSelected(e){n(this._buttonElement,e,i.classes.SELECTED)}setDisabled(e){this._buttonElement.disabled=e}setDense(e){n(this._buttonElement,e,i.classes.DENSE)}setDeleteButtonVisibility(e,r){e?(this._deleteButton||(this._deleteButton=this._createDeleteButton(r)),this._deleteButtonTouchTarget||(this._deleteButtonTouchTarget=this._createDeleteButtonTouchTarget(r)),this._deleteButton.appendChild(this._deleteButtonTouchTarget),this._buttonElement.appendChild(this._deleteButton)):(this._deleteButtonTouchTarget&&s(this._deleteButtonTouchTarget),this._deleteButton&&s(this._deleteButton))}setLeadingSlotVisibility(e){n(this._leadingSlotElement,!e,i.classes.LEADING_HIDDEN)}getChipSetState(){let e=null,r=_(this._component,a=>a&&a.nodeName===B.elementName.toUpperCase());return r&&(e={type:r.type,disabled:r.disabled,dense:r.dense}),e}_createDeleteButton(e){let r=document.createElement(C.elementName);return r.name="cancel",r.tabIndex=0,r.setAttribute("aria-label","Delete"),r.setAttribute("role","button"),m([i.classes.DELETE_BUTTON],r),r.addEventListener("keydown",e),r}_createDeleteButtonTouchTarget(e){let r=document.createElement("div");return m(i.classes.DELETE_BUTTON_TOUCH_TARGET,r),r.addEventListener("keydown",e),r.addEventListener("click",e),r}setFocus(){this._buttonElement.focus()}setEmulatedFocus(e){this._buttonElement.classList.toggle("mdc-ripple-upgraded--background-focused",e)}};var h=class{constructor(t){this._adapter=t;this._type=i.defaults.TYPE;this._selected=!1;this._disabled=!1;this._invalid=!1;this._value=null;this._dense=!1;this._emulateFocus=!1;this._isInitialized=!1;this._clickListener=e=>this._onClick(e),this._keydownListener=e=>this._onKeydown(e),this._deleteKeydownListener=e=>this._onDeleteKeydown(e),this._buttonFocusListener=e=>this._onButtonFocus(e),this._buttonBlurListener=e=>this._onButtonBlur(e)}initialize(){this._rippleInstance=this._adapter.initializeRipple(),this._adapter.addButtonListener("click",this._clickListener),this._adapter.addButtonListener("focus",this._buttonFocusListener),this._adapter.addButtonListener("blur",this._buttonBlurListener),this._applyState(),this._isInitialized=!0}disconnect(){this._destroyRipple(),this._adapter.removeButtonListener("keydown",this._keydownListener),this._adapter.removeButtonListener("click",this._clickListener),this._adapter.removeButtonListener("focus",this._buttonFocusListener),this._adapter.removeButtonListener("blur",this._buttonBlurListener),this._isInitialized=!1}_destroyRipple(){this._rippleInstance&&(this._rippleInstance.destroy(),this._rippleInstance=void 0)}_applyState(){let t=this._adapter.getChipSetState();t&&(this._type=t.type,this._disabled=t.disabled,this._dense=t.dense),this._type==="action"&&(this._selected=!1),this._applyDisabled(),this._applyType(),this._applySelected(),this._applyDense(),this._applyEmulateFocus()}_onClick(t){let e=t.target;e.classList.contains(i.classes.DELETE_BUTTON)||e.classList.contains(i.classes.DELETE_BUTTON_TOUCH_TARGET)?this._handleDeleteInteraction(t):this._handleSelectInteraction()}_onKeydown(t){this._type==="input"&&(t.key==="Delete"||t.key==="Backspace")&&this._emitDeleteEvent()}_onDeleteKeydown(t){t.key==="Enter"&&this._handleDeleteInteraction(t)}_onButtonFocus(t){this._adapter.setHostAttribute("focused")}_onButtonBlur(t){this._adapter.removeHostAttribute("focused")}_handleDeleteInteraction(t){let e=t.target;(e.classList.contains(i.classes.DELETE_BUTTON)||e.classList.contains(i.classes.DELETE_BUTTON_TOUCH_TARGET))&&(t.stopPropagation(),this._emitDeleteEvent())}_handleSelectInteraction(){let t=this._emitSelectEvent(),e=["filter","choice","input"].includes(this._type);!t&&e&&(this._selected=!this._selected,this._applySelected())}_emitSelectEvent(){let t={selected:!this._selected,value:this._value};return!this._adapter.emitHostEvent(i.events.SELECT,t,!0,!0)}_emitDeleteEvent(){let t={value:this._value};this._adapter.emitHostEvent(i.events.DELETE,t,!0,!0)}_applyType(){switch(this._adapter.clearTypeClass(),this._adapter.removeButtonListener("keydown",this._keydownListener),this._type){case"action":this._adapter.addRootClass(i.classes.ACTION);break;case"choice":this._adapter.addRootClass(i.classes.CHOICE);break;case"filter":this._adapter.addRootClass(i.classes.FILTER);break;case"input":this._adapter.addRootClass(i.classes.INPUT),this._adapter.addButtonListener("keydown",this._keydownListener);break;case"field":this._adapter.addRootClass(i.classes.FIELD),this._adapter.addButtonListener("keydown",this._keydownListener);break}this._adapter.setCheckmarkVisibility(this._type==="filter");let t=this._type==="input"||this._type==="field";this._adapter.setDeleteButtonVisibility(t,this._deleteKeydownListener),this._adapter.setLeadingSlotVisibility(!this._selected),this._adapter.setHostAttribute(i.attributes.TYPE,this._type)}_applySelected(){this._adapter.setSelected(this._selected),this._type==="filter"&&this._adapter.setLeadingSlotVisibility(!this._selected),this._adapter.toggleHostAttribute(i.attributes.SELECTED,this._selected)}_applyDisabled(){this._adapter.setDisabled(this._disabled),this._adapter.toggleHostAttribute(i.attributes.DISABLED,this._disabled)}_applyDense(){this._adapter.setDense(this._dense),this._adapter.toggleHostAttribute(i.attributes.DISABLED,this._disabled)}_applyEmulateFocus(){this._adapter.toggleHostAttribute(i.attributes.EMULATE_FOCUS,this._emulateFocus),this._adapter.setEmulatedFocus(this._emulateFocus)}get type(){return this._type}set type(t){this._type!==t&&(this._type=t,this._isInitialized&&(["action","choice","filter","input","field"].includes(this._type)||(this._type="action"),this._type==="action"&&(this._selected=!1,this._applySelected()),this._applyType()))}get selected(){return this._selected}set selected(t){this._selected!==t&&(this._selected=t,this._isInitialized&&(this._type==="action"&&(this._selected=!1),this._applySelected()))}get disabled(){return this._disabled}set disabled(t){this._disabled!==t&&(this._disabled=t,this._isInitialized&&this._applyDisabled())}get invalid(){return this._invalid}set invalid(t){this._invalid!==t&&(this._invalid=t,t?(this._adapter.setHostAttribute(i.attributes.INVALID,""),this._adapter.addRootClass(i.classes.INVALID)):(this._adapter.removeHostAttribute(i.attributes.INVALID),this._adapter.removeRootClass(i.classes.INVALID)))}get value(){return this._value}set value(t){this._value=t}get dense(){return this._dense}set dense(t){this._dense!==t&&(this._dense=t,this._isInitialized&&this._applyDense())}get emulateFocus(){return this._emulateFocus}set emulateFocus(t){this._emulateFocus!==t&&(this._emulateFocus=t,this._isInitialized&&this._applyEmulateFocus())}setFocus(){this._adapter.setFocus()}};var P='<template><button class="forge-chip" part="button"><slot name="leading" class="forge-chip__leading"></slot><div class="forge-chip__content" part="content"><slot></slot></div><slot name="trailing"></slot></button></template>',V='@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-chip{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:0 0;border-radius:4px;border-radius:var(--mdc-shape-small,4px);height:36px;text-transform:none;box-sizing:border-box;overflow:hidden;border-style:solid;-webkit-transition:border 280ms cubic-bezier(.4, 0, .2, 1);transition:border 280ms cubic-bezier(.4, 0, .2, 1);font-family:Roboto,sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));letter-spacing:.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight,var(--mdc-typography-button-font-weight,500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform,var(--mdc-typography-button-text-transform,uppercase));height:36px;height:var(--mdc-outlined-button-container-height,36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px);padding:0 15px 0 15px;border-width:1px;border-radius:16px;width:auto;width:var(--forge-chip-width,auto);height:auto;height:var(--forge-chip-height,auto);min-height:36px;min-height:var(--forge-chip-min-height,36px);box-sizing:border-box;-webkit-transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1)}.forge-chip::after,.forge-chip::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-chip::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-chip::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-chip.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-chip.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-chip.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-chip.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-chip.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-chip::after,.forge-chip::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-chip.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-chip::after,.forge-chip::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover::before,.forge-chip:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused::before,.forge-chip:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-chip::-moz-focus-inner{padding:0;border:0}.forge-chip:active{outline:0}.forge-chip:hover{cursor:pointer}.forge-chip:disabled{cursor:default;pointer-events:none}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-chip:not(:disabled){background-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip:disabled{color:rgba(0,0,0,.38);color:var(--mdc-outlined-button-disabled-label-text-color,rgba(0,0,0,.38))}.forge-chip .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size,1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size,1.125rem)}.forge-chip .mdc-button__ripple::after,.forge-chip .mdc-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover .mdc-button__ripple::before,.forge-chip:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.forge-chip:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px))}.forge-chip:not(:disabled){border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-outline-color,rgba(0,0,0,.12))}.forge-chip:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-disabled-outline-color,rgba(0,0,0,.12))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px)}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width,1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width,1px))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.forge-chip:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-evolution-chip__ripple{border-radius:16px}.forge-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.forge-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.forge-chip:disabled{border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-chip:disabled .forge-chip__delete-button{opacity:.54}.forge-chip__leading--hidden{display:none}.forge-chip__content{-webkit-box-flex:1;flex-grow:1}.forge-chip ::slotted([slot=leading]){margin-left:-6px;margin-right:4px}.forge-chip ::slotted(forge-avatar[slot]){--forge-avatar-size:24px}.forge-chip ::slotted([slot=trailing]){margin-left:4px;margin-right:-8px}.forge-chip__checkmark{height:24px}.forge-chip__checkmark-svg{width:0;height:24px;-webkit-transition:width 150ms cubic-bezier(.4, 0, .2, 1);transition:width 150ms cubic-bezier(.4, 0, .2, 1)}.forge-chip__checkmark-path{stroke:#ffffff;stroke:var(--mdc-theme-on-primary,#ffffff);-webkit-transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-left:4px;margin-right:-8px;-webkit-transition:color 150ms linear;transition:color 150ms linear;outline:0;line-height:inherit;position:relative;border-radius:50%}.forge-chip__delete-button:focus,.forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip__delete-button:active{opacity:.75}.forge-chip__delete-button__touch-target{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}.forge-chip--choice.forge-chip--selected:not(:disabled),.forge-chip--filter.forge-chip--selected:not(:disabled),.forge-chip--input.forge-chip--selected:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87))}.forge-chip--choice.forge-chip--selected:not(:disabled)::after,.forge-chip--choice.forge-chip--selected:not(:disabled)::before,.forge-chip--filter.forge-chip--selected:not(:disabled)::after,.forge-chip--filter.forge-chip--selected:not(:disabled)::before,.forge-chip--input.forge-chip--selected:not(:disabled)::after,.forge-chip--input.forge-chip--selected:not(:disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:not(:disabled):hover::before,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:not(:disabled):hover::before,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:not(:disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected:disabled,.forge-chip--filter.forge-chip--selected:disabled,.forge-chip--input.forge-chip--selected:disabled{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87));opacity:.37}.forge-chip--choice.forge-chip--selected:disabled::after,.forge-chip--choice.forge-chip--selected:disabled::before,.forge-chip--filter.forge-chip--selected:disabled::after,.forge-chip--filter.forge-chip--selected:disabled::before,.forge-chip--input.forge-chip--selected:disabled::after,.forge-chip--input.forge-chip--selected:disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:disabled:hover::before,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:disabled:hover::before,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected ::slotted([slot=leading]),.forge-chip--filter.forge-chip--selected ::slotted([slot=leading]),.forge-chip--input.forge-chip--selected ::slotted([slot=leading]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--filter.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--input.forge-chip--selected ::slotted([slot=trailing]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected .forge-chip__delete-button,.forge-chip--filter.forge-chip--selected .forge-chip__delete-button,.forge-chip--input.forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark{margin-left:-6px;margin-right:4px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg{width:24px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path{-webkit-transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);stroke-dashoffset:0}.forge-chip--field .forge-chip__delete-button{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip--field .forge-chip__delete-button:focus,.forge-chip--field .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button:focus,.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field:disabled .forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-chip--dense{min-height:28px;min-height:var(--forge-chip-min-height,28px)}.forge-chip--dense.forge-chip--field{min-height:20px;min-height:var(--forge-chip-min-height,20px);padding:0;margin:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-chip--dense.forge-chip--field ::slotted([slot=leading]){margin:0 0 0 2px;font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__content{font-size:12px;padding:0 8px}.forge-chip--dense.forge-chip--field ::slotted([slot=trailing]){font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__delete-button{margin:0 2px 0 0;font-size:18px}.forge-chip--invalid:not(:disabled){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled)::after,.forge-chip--invalid:not(:disabled)::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-chip--invalid:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--invalid:not(:disabled):hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip--invalid:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip--invalid:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip--invalid:not(:disabled):not(:disabled){border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled).forge-chip--selected{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled).forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}:host{display:inline-block}:host([hidden]){display:none}:host([theme=error]){--mdc-theme-primary:var(--mdc-theme-error)}',o=class extends x{constructor(){super();L.define(w),k(this,P,V),this._foundation=new h(new f(this))}static get observedAttributes(){return[i.attributes.TYPE,i.attributes.SELECTED,i.attributes.DISABLED,i.attributes.VALUE,i.attributes.DENSE,i.attributes.INVALID,i.attributes.EMULATE_FOCUS]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,r,a){switch(e){case i.attributes.TYPE:this.type=a;break;case i.attributes.SELECTED:this.selected=d(a);break;case i.attributes.DISABLED:this.disabled=d(a);break;case i.attributes.INVALID:this.invalid=d(a);break;case i.attributes.VALUE:this.value=a;break;case i.attributes.DENSE:this.dense=d(a);break;case i.attributes.EMULATE_FOCUS:this.emulateFocus=d(a)}}focus(){this._foundation.setFocus()}};c([p()],o.prototype,"type",2),c([p()],o.prototype,"selected",2),c([p()],o.prototype,"disabled",2),c([p()],o.prototype,"invalid",2),c([p()],o.prototype,"value",2),c([p()],o.prototype,"dense",2),c([p()],o.prototype,"emulateFocus",2),o=c([E({name:i.elementName,dependencies:[I]})],o);export{B as a,i as b,f as c,h as d,o as e};
+//# sourceMappingURL=chunk.YWRCWMNO.js.map

package/dist/esm/chunks/{chunk.Y6MPWPZU.js.map → chunk.YWRCWMNO.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/chips/chip-set/chip-set-constants.ts", "../../src/chips/chip/chip-constants.ts", "../../src/chips/chip/chip-adapter.ts", "../../src/chips/chip/chip-foundation.ts", "../../src/chips/chip/chip.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip-set`;\r\n\r\nconst attributes = {\r\n  VERTICAL: 'vertical',\r\n  TYPE: 'type',\r\n  DENSE: 'dense',\r\n  DISABLED: 'disabled'\r\n};\r\n\r\nconst classes = {\r\n  ROOT: 'forge-chip-set',\r\n  VERTICAL: 'forge-chip-set--vertical'\r\n};\r\n\r\nconst selectors = {\r\n  ROOT: `.${classes.ROOT}`\r\n};\r\n\r\nexport const CHIP_SET_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors\r\n};\r\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip`;\r\n\r\nconst attributes = {\r\n  TYPE: 'type',\r\n  SELECTED: 'selected',\r\n  VALUE: 'value',\r\n  DISABLED: 'disabled',\r\n  INVALID: 'invalid',\r\n  DENSE: 'dense',\r\n  EMULATE_FOCUS: 'emulate-focus'\r\n};\r\n\r\nconst classes = {\r\n  ACTION: 'forge-chip--action',\r\n  CHOICE: 'forge-chip--choice',\r\n  FILTER: 'forge-chip--filter',\r\n  INPUT: 'forge-chip--input',\r\n  FIELD: 'forge-chip--field',\r\n  INVALID: 'forge-chip--invalid',\r\n  SELECTED: 'forge-chip--selected',\r\n  DELETE_BUTTON: 'forge-chip__delete-button',\r\n  DELETE_BUTTON_TOUCH_TARGET: 'forge-chip__delete-button__touch-target',\r\n  DENSE: 'forge-chip--dense',\r\n  LEADING_HIDDEN: 'forge-chip__leading--hidden'\r\n};\r\n\r\nconst selectors = {\r\n  BUTTON: 'button.forge-chip'\r\n};\r\n\r\nconst events = {\r\n  DELETE: `${elementName}-delete`,\r\n  SELECT: `${elementName}-select`\r\n};\r\n\r\nconst defaults = {\r\n  TYPE: 'action'\r\n};\r\n\r\nexport const CHIP_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors,\r\n  events,\r\n  defaults\r\n};\r\n\r\nexport declare type ChipType =  'choice' | 'filter' | 'action' | 'input' | 'field';\r\n\r\nexport interface IChipSelectEventData<T = any> {\r\n  value: T;\r\n  selected: boolean;\r\n}\r\n\r\nexport interface IChipDeleteEventData<T = any> {\r\n  value: T;\r\n}\r\n\r\nexport interface IChipState {\r\n  type: ChipType;\r\n  disabled: boolean;\r\n  dense: boolean;\r\n}\r\n", "import { addClass, getShadowElement, removeClass, removeElement, walkUpUntil, elementFromHTML, toggleClass } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { IChipSetComponent } from '../chip-set/chip-set';\r\nimport { CHIP_SET_CONSTANTS } from '../chip-set/chip-set-constants';\r\nimport { IChipComponent } from './chip';\r\nimport { CHIP_CONSTANTS, IChipState } from './chip-constants';\r\nimport { ICON_CONSTANTS, IIconComponent } from '../../icon';\r\nimport { ForgeRipple } from '../../ripple';\r\n\r\nexport interface IChipAdapter extends IBaseAdapter {\r\n  addButtonListener(type: string, listener: (evt: Event) => void): void;\r\n  removeButtonListener(type: string, listener: (evt: Event) => void): void;\r\n  initializeRipple(): ForgeRipple;\r\n  clearTypeClass(): void;\r\n  addRootClass(className: string): void;\r\n  removeRootClass(name: string): void;\r\n  setCheckmarkVisibility(isVisible: boolean): void;\r\n  setSelected(value: boolean): void;\r\n  setDisabled(value: boolean): void;\r\n  setDense(value: boolean): void;\r\n  setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void;\r\n  setLeadingSlotVisibility(isVisible: boolean): void;\r\n  getChipSetState(): IChipState | null;\r\n  setFocus(): void;\r\n  setEmulatedFocus(value: boolean): void;\r\n}\r\n\r\nconst checkmarkTemplate = '<div class=\\\"forge-chip__checkmark\\\" aria-hidden=\\\"true\\\"><svg class=\\\"forge-chip__checkmark-svg\\\" viewBox=\\\"-2 -3 30 30\\\"><path class=\\\"forge-chip__checkmark-path\\\" fill=\\\"none\\\" stroke=\\\"black\\\" d=\\\"M1.73,12.91 8.1,19.28 22.79,4.59\\\"/></svg></div>';\r\n\r\nexport class ChipAdapter extends BaseAdapter<IChipComponent> implements IChipAdapter {\r\n  private _buttonElement: HTMLButtonElement;\r\n  private _deleteButton: HTMLElement;\r\n  private _deleteButtonTouchTarget: HTMLDivElement;\r\n  private _leadingSlotElement: HTMLSlotElement;\r\n  private _checkmarkElement: HTMLElement;\r\n\r\n  constructor(component: IChipComponent) {\r\n    super(component);\r\n    this._buttonElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\r\n    this._leadingSlotElement = getShadowElement(this._component, 'slot[name=leading]') as HTMLSlotElement;\r\n  }\r\n\r\n  public addButtonListener(type: string, listener: (evt: Event) => void): void {\r\n    this._buttonElement.addEventListener(type, listener);\r\n  }\r\n\r\n  public removeButtonListener(type: string, listener: (evt: Event) => void): void {\r\n    this._buttonElement.removeEventListener(type, listener);\r\n  }\r\n\r\n  public initializeRipple(): ForgeRipple {\r\n    return new ForgeRipple(this._buttonElement);\r\n  }\r\n\r\n  public clearTypeClass(): void {\r\n    removeClass([CHIP_CONSTANTS.classes.ACTION, CHIP_CONSTANTS.classes.CHOICE, CHIP_CONSTANTS.classes.FILTER, CHIP_CONSTANTS.classes.INPUT], this._buttonElement);\r\n  }\r\n\r\n  public addRootClass(className: string): void {\r\n    this._buttonElement.classList.add(className);\r\n  }\r\n\r\n  public removeRootClass(name: string): void {\r\n    this._buttonElement.classList.remove(name);\r\n  }\r\n\r\n  public setCheckmarkVisibility(isVisible: boolean): void {\r\n    if (isVisible) {\r\n      if (!this._checkmarkElement) {\r\n        this._checkmarkElement = elementFromHTML(checkmarkTemplate) as HTMLElement;\r\n      }\r\n      this._buttonElement.insertBefore(this._checkmarkElement, this._buttonElement.firstChild);\r\n    } else if (this._checkmarkElement && this._checkmarkElement.isConnected) {\r\n      removeElement(this._checkmarkElement);\r\n    }\r\n  }\r\n\r\n  public setSelected(value: boolean): void {\r\n    toggleClass(this._buttonElement, value, CHIP_CONSTANTS.classes.SELECTED);\r\n  }\r\n\r\n  public setDisabled(value: boolean): void {\r\n    this._buttonElement.disabled = value;\r\n  }\r\n\r\n  public setDense(value: boolean): void {\r\n    toggleClass(this._buttonElement, value, CHIP_CONSTANTS.classes.DENSE);\r\n  }\r\n\r\n  public setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void {\r\n    if (isVisible) {\r\n      if (!this._deleteButton) {\r\n        this._deleteButton = this._createDeleteButton(listener);\r\n      }\r\n      if (!this._deleteButtonTouchTarget) {\r\n        this._deleteButtonTouchTarget = this._createDeleteButtonTouchTarget(listener);\r\n      }\r\n      this._deleteButton.appendChild(this._deleteButtonTouchTarget);\r\n      this._buttonElement.appendChild(this._deleteButton);\r\n    } else {\r\n      if (this._deleteButtonTouchTarget) {\r\n        removeElement(this._deleteButtonTouchTarget);\r\n      }\r\n      if (this._deleteButton) {\r\n        removeElement(this._deleteButton);\r\n      }\r\n    }\r\n  }\r\n\r\n  public setLeadingSlotVisibility(isVisible: boolean): void {\r\n    toggleClass(this._leadingSlotElement, !isVisible, CHIP_CONSTANTS.classes.LEADING_HIDDEN);\r\n  }\r\n\r\n  public getChipSetState(): IChipState | null {\r\n    let state: IChipState | null = null;\r\n    const chipSet = walkUpUntil(this._component, node => node && node.nodeName === CHIP_SET_CONSTANTS.elementName.toUpperCase()) as IChipSetComponent;\r\n    if (chipSet) {\r\n      state = {\r\n        type: chipSet.type,\r\n        disabled: chipSet.disabled,\r\n        dense: chipSet.dense\r\n      };\r\n    }\r\n    return state;\r\n  }\r\n\r\n  private _createDeleteButton(listener: (evt: KeyboardEvent) => void): HTMLElement {\r\n    const el = document.createElement(ICON_CONSTANTS.elementName) as IIconComponent;\r\n    el.name = 'cancel';\r\n    el.tabIndex = 0;\r\n    el.setAttribute('aria-label', 'Delete');\r\n    el.setAttribute('role', 'button');\r\n    addClass([CHIP_CONSTANTS.classes.DELETE_BUTTON], el);\r\n    el.addEventListener('keydown', listener);\r\n    return el;\r\n  }\r\n\r\n  private _createDeleteButtonTouchTarget(listener: (evt: KeyboardEvent) => void): HTMLDivElement {\r\n    const el = document.createElement('div');\r\n    addClass(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET, el);\r\n    el.addEventListener('keydown', listener);\r\n    el.addEventListener('click', listener);\r\n    return el;\r\n  }\r\n\r\n  public setFocus(): void {\r\n    this._buttonElement.focus();\r\n  }\r\n\r\n  public setEmulatedFocus(value: boolean): void {\r\n    this._buttonElement.classList.toggle('mdc-ripple-upgraded--background-focused', value);\r\n  }\r\n}\r\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\r\nimport { ForgeRipple } from '../../ripple';\r\nimport { IChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\n\r\nexport interface IChipFoundation extends ICustomElementFoundation {\r\n  type: ChipType;\r\n  selected: boolean;\r\n  disabled: boolean;\r\n  invalid: boolean;\r\n  value: any;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n  setFocus(): void;\r\n}\r\n\r\nexport class ChipFoundation implements IChipFoundation {\r\n  private _type: ChipType = CHIP_CONSTANTS.defaults.TYPE as ChipType;\r\n  private _selected = false;\r\n  private _disabled = false;\r\n  private _invalid = false;\r\n  private _value: any = null;\r\n  private _dense = false;\r\n  private _emulateFocus = false;\r\n  private _isInitialized = false;\r\n  private _rippleInstance: ForgeRipple | undefined;\r\n  private _clickListener: (evt: MouseEvent) => void;\r\n  private _keydownListener: (evt: KeyboardEvent) => void;\r\n  private _deleteKeydownListener: (evt: KeyboardEvent) => void;\r\n  private _buttonFocusListener: (evt: FocusEvent) => void;\r\n  private _buttonBlurListener: (evt: FocusEvent) => void;\r\n\r\n  constructor(private _adapter: IChipAdapter) {\r\n    this._clickListener = evt => this._onClick(evt);\r\n    this._keydownListener = evt => this._onKeydown(evt);\r\n    this._deleteKeydownListener = evt => this._onDeleteKeydown(evt);\r\n    this._buttonFocusListener = evt => this._onButtonFocus(evt);\r\n    this._buttonBlurListener = evt => this._onButtonBlur(evt);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this._rippleInstance = this._adapter.initializeRipple();\r\n    this._adapter.addButtonListener('click', this._clickListener);\r\n    this._adapter.addButtonListener('focus', this._buttonFocusListener);\r\n    this._adapter.addButtonListener('blur', this._buttonBlurListener);\r\n    this._applyState();\r\n    this._isInitialized = true;\r\n  }\r\n\r\n  public disconnect(): void {\r\n    this._destroyRipple();\r\n    this._adapter.removeButtonListener('keydown', this._keydownListener);\r\n    this._adapter.removeButtonListener('click', this._clickListener);\r\n    this._adapter.removeButtonListener('focus', this._buttonFocusListener);\r\n    this._adapter.removeButtonListener('blur', this._buttonBlurListener);\r\n    this._isInitialized = false;\r\n  }\r\n\r\n  private _destroyRipple(): void {\r\n    if (this._rippleInstance) {\r\n      this._rippleInstance.destroy();\r\n      this._rippleInstance = undefined;\r\n    }\r\n  }\r\n\r\n  private _applyState(): void {\r\n    // Attempt to inherit state from the parent chip-set component\r\n    // Note: this should only inherit properties that need to be the same across the chips within a set\r\n    const chipSetState = this._adapter.getChipSetState();\r\n    if (chipSetState) {\r\n      this._type = chipSetState.type;\r\n      this._disabled = chipSetState.disabled;\r\n      this._dense = chipSetState.dense;\r\n    }\r\n\r\n    // Ensure that only non-action chips can be selected\r\n    if (this._type === 'action') {\r\n      this._selected = false;\r\n    }\r\n\r\n    this._applyDisabled();\r\n    this._applyType();\r\n    this._applySelected();\r\n    this._applyDense();\r\n    this._applyEmulateFocus();\r\n  }\r\n\r\n  private _onClick(evt: MouseEvent): void {\r\n    const target = evt.target as HTMLElement;\r\n    const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) || target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n    if (isDeleteButton) {\r\n      this._handleDeleteInteraction(evt);\r\n    } else {\r\n      this._handleSelectInteraction();\r\n    }\r\n  }\r\n\r\n  private _onKeydown(evt: KeyboardEvent): void {\r\n    if (this._type === 'input') {\r\n      const isDeleteKey = evt.key === 'Delete' || evt.key === 'Backspace';\r\n      if (isDeleteKey) {\r\n        this._emitDeleteEvent();\r\n      }\r\n    }\r\n  }\r\n\r\n  private _onDeleteKeydown(evt: KeyboardEvent): void {\r\n    if (evt.key === 'Enter') {\r\n      this._handleDeleteInteraction(evt);\r\n    }\r\n  }\r\n\r\n  private _onButtonFocus(evt: FocusEvent): void {\r\n    this._adapter.setHostAttribute('focused');\r\n  }\r\n\r\n  private _onButtonBlur(evt: FocusEvent): void {\r\n    this._adapter.removeHostAttribute('focused');\r\n  }\r\n\r\n  private _handleDeleteInteraction(evt: Event): void {\r\n    // The delete event can only be fired when the `input` or `field` type is used\r\n    const target = evt.target as HTMLElement;\r\n    const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) || target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n    if (isDeleteButton) {\r\n      evt.stopPropagation();\r\n      this._emitDeleteEvent();\r\n    }\r\n  }\r\n\r\n  private _handleSelectInteraction(): void {\r\n    const wasDefaultPrevented = this._emitSelectEvent();\r\n    const isSelectableType = ['filter', 'choice', 'input'].includes(this._type);\r\n    // We only toggle the selected state for certain types (and if default wasn't prevented on the event)\r\n    if (!wasDefaultPrevented && isSelectableType) {\r\n      this._selected = !this._selected;\r\n      this._applySelected();\r\n    }\r\n  }\r\n\r\n  private _emitSelectEvent(): boolean {\r\n    const selectEventData: IChipSelectEventData = {\r\n      selected: !this._selected,\r\n      value: this._value\r\n    };\r\n    return !this._adapter.emitHostEvent(CHIP_CONSTANTS.events.SELECT, selectEventData, true, true);\r\n  }\r\n\r\n  private _emitDeleteEvent(): void {\r\n    const deleteEventData: IChipDeleteEventData = { value: this._value };\r\n    this._adapter.emitHostEvent(CHIP_CONSTANTS.events.DELETE, deleteEventData, true, true);\r\n  }\r\n\r\n  private _applyType(): void {\r\n    this._adapter.clearTypeClass();\r\n    this._adapter.removeButtonListener('keydown', this._keydownListener);\r\n\r\n    switch (this._type) {\r\n      case 'action':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.ACTION);\r\n        break;\r\n      case 'choice':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.CHOICE);\r\n        break;\r\n      case 'filter':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FILTER);\r\n        break;\r\n      case 'input':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.INPUT);\r\n        this._adapter.addButtonListener('keydown', this._keydownListener);\r\n        break;\r\n      case 'field':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FIELD);\r\n        this._adapter.addButtonListener('keydown', this._keydownListener);\r\n        break;\r\n    }\r\n\r\n    this._adapter.setCheckmarkVisibility(this._type === 'filter');\r\n    const showDeleteButton = this._type === 'input' || this._type === 'field';\r\n    this._adapter.setDeleteButtonVisibility(showDeleteButton, this._deleteKeydownListener);\r\n    this._adapter.setLeadingSlotVisibility(!this._selected);\r\n    this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.TYPE, this._type);\r\n  }\r\n\r\n  private _applySelected(): void {\r\n    this._adapter.setSelected(this._selected);\r\n\r\n    // If using the filter type, we need to hide the leading slot to ensure that\r\n    // the checkmark shows in place of any leading elements\r\n    if (this._type === 'filter') {\r\n      this._adapter.setLeadingSlotVisibility(!this._selected);\r\n    }\r\n\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.SELECTED, this._selected);\r\n  }\r\n\r\n  private _applyDisabled(): void {\r\n    this._adapter.setDisabled(this._disabled);\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n  }\r\n\r\n  private _applyDense(): void {\r\n    this._adapter.setDense(this._dense);\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n  }\r\n\r\n  private _applyEmulateFocus(): void {\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.EMULATE_FOCUS, this._emulateFocus);\r\n    this._adapter.setEmulatedFocus(this._emulateFocus);\r\n  }\r\n\r\n  public get type(): ChipType {\r\n    return this._type;\r\n  }\r\n  public set type(value: ChipType) {\r\n    if (this._type !== value) {\r\n      this._type = value;\r\n      if (this._isInitialized) {\r\n        const isValidType = ['action', 'choice', 'filter', 'input', 'field'].includes(this._type);\r\n        if (!isValidType) {\r\n          this._type = 'action';\r\n        }\r\n        if (this._type === 'action') {\r\n          this._selected = false;\r\n          this._applySelected();\r\n        }\r\n        this._applyType();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get selected(): boolean {\r\n    return this._selected;\r\n  }\r\n  public set selected(value: boolean) {\r\n    if (this._selected !== value) {\r\n      this._selected = value;\r\n      if (this._isInitialized) {\r\n        if (this._type === 'action') {\r\n          this._selected = false;\r\n        }\r\n        this._applySelected();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get disabled(): boolean {\r\n    return this._disabled;\r\n  }\r\n  public set disabled(value: boolean) {\r\n    if (this._disabled !== value) {\r\n      this._disabled = value;\r\n      if (this._isInitialized) {\r\n        this._applyDisabled();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get invalid(): boolean {\r\n    return this._invalid;\r\n  }\r\n  public set invalid(val: boolean) {\r\n    if (this._invalid === val) {\r\n      return;\r\n    }\r\n    \r\n    this._invalid = val;\r\n    if (val) {\r\n      this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.INVALID, '');\r\n      this._adapter.addRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n    } else {\r\n      this._adapter.removeHostAttribute(CHIP_CONSTANTS.attributes.INVALID);\r\n      this._adapter.removeRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n    }\r\n  }\r\n\r\n  public get value(): any {\r\n    return this._value;\r\n  }\r\n  public set value(value: any) {\r\n    this._value = value;\r\n  }\r\n\r\n  public get dense(): boolean {\r\n    return this._dense;\r\n  }\r\n  public set dense(value: boolean) {\r\n    if (this._dense !== value) {\r\n      this._dense = value;\r\n      if (this._isInitialized) {\r\n        this._applyDense();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get emulateFocus(): boolean {\r\n    return this._emulateFocus;\r\n  }\r\n  public set emulateFocus(value: boolean) {\r\n    if (this._emulateFocus !== value) {\r\n      this._emulateFocus = value;\r\n      if (this._isInitialized) {\r\n        this._applyEmulateFocus();\r\n      }\r\n    }\r\n  }\r\n\r\n  public setFocus(): void {\r\n    this._adapter.setFocus();\r\n  }\r\n}\r\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { tylIconCancel } from '@tylertech/tyler-icons/standard';\r\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\r\nimport { IconComponent, IconRegistry } from '../../icon';\r\nimport { ChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\nimport { ChipFoundation } from './chip-foundation';\r\n\r\nconst template = '<template><button class=\\\"forge-chip\\\" part=\\\"button\\\"><slot name=\\\"leading\\\" class=\\\"forge-chip__leading\\\"></slot><div class=\\\"forge-chip__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"trailing\\\"></slot></button></template>';\r\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-chip{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:0 0;border-radius:4px;border-radius:var(--mdc-shape-small,4px);height:36px;text-transform:none;box-sizing:border-box;overflow:hidden;border-style:solid;-webkit-transition:border 280ms cubic-bezier(.4, 0, .2, 1);transition:border 280ms cubic-bezier(.4, 0, .2, 1);font-family:Roboto,sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));letter-spacing:.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight,var(--mdc-typography-button-font-weight,500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform,var(--mdc-typography-button-text-transform,uppercase));height:36px;height:var(--mdc-outlined-button-container-height,36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px);padding:0 15px 0 15px;border-width:1px;border-radius:16px;width:auto;width:var(--forge-chip-width,auto);height:auto;height:var(--forge-chip-height,auto);min-height:36px;min-height:var(--forge-chip-min-height,36px);box-sizing:border-box;-webkit-transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1)}.forge-chip::after,.forge-chip::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-chip::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-chip::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-chip.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-chip.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-chip.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-chip.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-chip.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-chip::after,.forge-chip::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-chip.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-chip::after,.forge-chip::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover::before,.forge-chip:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused::before,.forge-chip:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-chip::-moz-focus-inner{padding:0;border:0}.forge-chip:active{outline:0}.forge-chip:hover{cursor:pointer}.forge-chip:disabled{cursor:default;pointer-events:none}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-chip:not(:disabled){background-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip:disabled{color:rgba(0,0,0,.38);color:var(--mdc-outlined-button-disabled-label-text-color,rgba(0,0,0,.38))}.forge-chip .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size,1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size,1.125rem)}.forge-chip .mdc-button__ripple::after,.forge-chip .mdc-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover .mdc-button__ripple::before,.forge-chip:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.forge-chip:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px))}.forge-chip:not(:disabled){border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-outline-color,rgba(0,0,0,.12))}.forge-chip:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-disabled-outline-color,rgba(0,0,0,.12))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px)}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width,1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width,1px))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.forge-chip:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-evolution-chip__ripple{border-radius:16px}.forge-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.forge-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.forge-chip:disabled{border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-chip:disabled .forge-chip__delete-button{opacity:.54}.forge-chip__leading--hidden{display:none}.forge-chip__content{-webkit-box-flex:1;flex-grow:1}.forge-chip ::slotted([slot=leading]){margin-left:-6px;margin-right:4px}.forge-chip ::slotted(forge-avatar[slot]){--forge-avatar-size:24px}.forge-chip ::slotted([slot=trailing]){margin-left:4px;margin-right:-8px}.forge-chip__checkmark{height:24px}.forge-chip__checkmark-svg{width:0;height:24px;-webkit-transition:width 150ms cubic-bezier(.4, 0, .2, 1);transition:width 150ms cubic-bezier(.4, 0, .2, 1)}.forge-chip__checkmark-path{stroke:#ffffff;stroke:var(--mdc-theme-on-primary,#ffffff);-webkit-transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-left:4px;margin-right:-8px;-webkit-transition:color 150ms linear;transition:color 150ms linear;outline:0;line-height:inherit;position:relative;border-radius:50%}.forge-chip__delete-button:focus,.forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip__delete-button:active{opacity:.75}.forge-chip__delete-button__touch-target{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}.forge-chip--choice.forge-chip--selected:not(:disabled),.forge-chip--filter.forge-chip--selected:not(:disabled),.forge-chip--input.forge-chip--selected:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87))}.forge-chip--choice.forge-chip--selected:not(:disabled)::after,.forge-chip--choice.forge-chip--selected:not(:disabled)::before,.forge-chip--filter.forge-chip--selected:not(:disabled)::after,.forge-chip--filter.forge-chip--selected:not(:disabled)::before,.forge-chip--input.forge-chip--selected:not(:disabled)::after,.forge-chip--input.forge-chip--selected:not(:disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:not(:disabled):hover::before,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:not(:disabled):hover::before,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:not(:disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected:disabled,.forge-chip--filter.forge-chip--selected:disabled,.forge-chip--input.forge-chip--selected:disabled{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87));opacity:.37}.forge-chip--choice.forge-chip--selected:disabled::after,.forge-chip--choice.forge-chip--selected:disabled::before,.forge-chip--filter.forge-chip--selected:disabled::after,.forge-chip--filter.forge-chip--selected:disabled::before,.forge-chip--input.forge-chip--selected:disabled::after,.forge-chip--input.forge-chip--selected:disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:disabled:hover::before,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:disabled:hover::before,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected ::slotted([slot=leading]),.forge-chip--filter.forge-chip--selected ::slotted([slot=leading]),.forge-chip--input.forge-chip--selected ::slotted([slot=leading]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--filter.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--input.forge-chip--selected ::slotted([slot=trailing]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected .forge-chip__delete-button,.forge-chip--filter.forge-chip--selected .forge-chip__delete-button,.forge-chip--input.forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark{margin-left:-6px;margin-right:4px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg{width:24px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path{-webkit-transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);stroke-dashoffset:0}.forge-chip--field .forge-chip__delete-button{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip--field .forge-chip__delete-button:focus,.forge-chip--field .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button:focus,.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field:disabled .forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-chip--dense{min-height:28px;min-height:var(--forge-chip-min-height,28px)}.forge-chip--dense.forge-chip--field{min-height:20px;min-height:var(--forge-chip-min-height,20px);padding:0;margin:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-chip--dense.forge-chip--field ::slotted([slot=leading]){margin:0 0 0 2px;font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__content{font-size:12px;padding:0 8px}.forge-chip--dense.forge-chip--field ::slotted([slot=trailing]){font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__delete-button{margin:0 2px 0 0;font-size:18px}.forge-chip--invalid:not(:disabled){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled)::after,.forge-chip--invalid:not(:disabled)::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-chip--invalid:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--invalid:not(:disabled):hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip--invalid:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip--invalid:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip--invalid:not(:disabled):not(:disabled){border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled).forge-chip--selected{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled).forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}:host{display:inline-block}:host([hidden]){display:none}:host([theme=error]){--mdc-theme-primary:var(--mdc-theme-error)}';\r\n\r\nexport interface IChipComponent extends IBaseComponent {\r\n  type: ChipType;\r\n  selected: boolean;\r\n  disabled: boolean;\r\n  invalid: boolean;\r\n  value: any;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-chip': IChipComponent;\r\n  }\r\n\r\n  interface HTMLElementEventMap {\r\n    'forge-chip-delete': CustomEvent<IChipDeleteEventData>;\r\n    'forge-chip-select': CustomEvent<IChipSelectEventData>;\r\n  }\r\n}\r\n\r\n/**\r\n * The custom element class behind the `<forge-chip>` component.\r\n * \r\n * @tag forge-chip\r\n */\r\n@CustomElement({\r\n  name: CHIP_CONSTANTS.elementName,\r\n  dependencies: [IconComponent]\r\n})\r\nexport class ChipComponent extends BaseComponent implements IChipComponent {\r\n  public static get observedAttributes(): string[] {\r\n    return [\r\n      CHIP_CONSTANTS.attributes.TYPE,\r\n      CHIP_CONSTANTS.attributes.SELECTED,\r\n      CHIP_CONSTANTS.attributes.DISABLED,\r\n      CHIP_CONSTANTS.attributes.VALUE,\r\n      CHIP_CONSTANTS.attributes.DENSE,\r\n      CHIP_CONSTANTS.attributes.INVALID,\r\n      CHIP_CONSTANTS.attributes.EMULATE_FOCUS\r\n    ];\r\n  }\r\n\r\n  private _foundation: ChipFoundation;\r\n\r\n  constructor() {\r\n    super();\r\n    IconRegistry.define(tylIconCancel);\r\n    attachShadowTemplate(this, template, styles);\r\n    this._foundation = new ChipFoundation(new ChipAdapter(this));\r\n  }\r\n\r\n  public connectedCallback(): void {\r\n    this._foundation.initialize();\r\n  }\r\n\r\n  public disconnectedCallback(): void {\r\n    this._foundation.disconnect();\r\n  }\r\n\r\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n    switch (name) {\r\n      case CHIP_CONSTANTS.attributes.TYPE:\r\n        this.type = newValue as ChipType;\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.SELECTED:\r\n        this.selected = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.DISABLED:\r\n        this.disabled = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.INVALID:\r\n        this.invalid = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.VALUE:\r\n        this.value = newValue;\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.DENSE:\r\n        this.dense = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.EMULATE_FOCUS:\r\n        this.emulateFocus = coerceBoolean(newValue);\r\n    }\r\n  }\r\n\r\n  /** Gets/sets the chip type. */\r\n  @FoundationProperty()\r\n  public type: ChipType;\r\n\r\n  /** Gets/sets the selected state of the chip. */\r\n  @FoundationProperty()\r\n  public selected: boolean;\r\n\r\n  /** Gets/sets the disabled state of the chip. */\r\n  @FoundationProperty()\r\n  public disabled: boolean;\r\n\r\n  /** Gets/sets the invalid state of the chip. */\r\n  @FoundationProperty()\r\n  public invalid: boolean;\r\n\r\n  /** Gets/sets the chip value. */\r\n  @FoundationProperty()\r\n  public value: any;\r\n\r\n  /** Gets/sets the dense state of the chip. */\r\n  @FoundationProperty()\r\n  public dense: boolean;\r\n\r\n  @FoundationProperty()\r\n  public emulateFocus: boolean;\r\n\r\n  public override focus(): void {\r\n    this._foundation.setFocus();\r\n  }\r\n}\r\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip-set`;\r\n\r\nconst attributes = {\r\n  VERTICAL: 'vertical',\r\n  TYPE: 'type',\r\n  DENSE: 'dense',\r\n  DISABLED: 'disabled'\r\n};\r\n\r\nconst classes = {\r\n  ROOT: 'forge-chip-set',\r\n  VERTICAL: 'forge-chip-set--vertical'\r\n};\r\n\r\nconst selectors = {\r\n  ROOT: `.${classes.ROOT}`\r\n};\r\n\r\nexport const CHIP_SET_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors\r\n};\r\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip`;\r\n\r\nconst attributes = {\r\n  TYPE: 'type',\r\n  SELECTED: 'selected',\r\n  VALUE: 'value',\r\n  DISABLED: 'disabled',\r\n  INVALID: 'invalid',\r\n  DENSE: 'dense',\r\n  EMULATE_FOCUS: 'emulate-focus'\r\n};\r\n\r\nconst classes = {\r\n  ACTION: 'forge-chip--action',\r\n  CHOICE: 'forge-chip--choice',\r\n  FILTER: 'forge-chip--filter',\r\n  INPUT: 'forge-chip--input',\r\n  FIELD: 'forge-chip--field',\r\n  INVALID: 'forge-chip--invalid',\r\n  SELECTED: 'forge-chip--selected',\r\n  DELETE_BUTTON: 'forge-chip__delete-button',\r\n  DELETE_BUTTON_TOUCH_TARGET: 'forge-chip__delete-button__touch-target',\r\n  DENSE: 'forge-chip--dense',\r\n  LEADING_HIDDEN: 'forge-chip__leading--hidden'\r\n};\r\n\r\nconst selectors = {\r\n  BUTTON: 'button.forge-chip'\r\n};\r\n\r\nconst events = {\r\n  DELETE: `${elementName}-delete`,\r\n  SELECT: `${elementName}-select`\r\n};\r\n\r\nconst defaults = {\r\n  TYPE: 'action'\r\n};\r\n\r\nexport const CHIP_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors,\r\n  events,\r\n  defaults\r\n};\r\n\r\nexport declare type ChipType =  'choice' | 'filter' | 'action' | 'input' | 'field';\r\n\r\nexport interface IChipSelectEventData<T = any> {\r\n  value: T;\r\n  selected: boolean;\r\n}\r\n\r\nexport interface IChipDeleteEventData<T = any> {\r\n  value: T;\r\n}\r\n\r\nexport interface IChipState {\r\n  type: ChipType;\r\n  disabled: boolean;\r\n  dense: boolean;\r\n}\r\n", "import { addClass, getShadowElement, removeClass, removeElement, walkUpUntil, elementFromHTML, toggleClass } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { IChipSetComponent } from '../chip-set/chip-set';\r\nimport { CHIP_SET_CONSTANTS } from '../chip-set/chip-set-constants';\r\nimport { IChipComponent } from './chip';\r\nimport { CHIP_CONSTANTS, IChipState } from './chip-constants';\r\nimport { ICON_CONSTANTS, IIconComponent } from '../../icon';\r\nimport { ForgeRipple } from '../../ripple';\r\n\r\nexport interface IChipAdapter extends IBaseAdapter {\r\n  addButtonListener(type: string, listener: (evt: Event) => void): void;\r\n  removeButtonListener(type: string, listener: (evt: Event) => void): void;\r\n  initializeRipple(): ForgeRipple;\r\n  clearTypeClass(): void;\r\n  addRootClass(className: string): void;\r\n  removeRootClass(name: string): void;\r\n  setCheckmarkVisibility(isVisible: boolean): void;\r\n  setSelected(value: boolean): void;\r\n  setDisabled(value: boolean): void;\r\n  setDense(value: boolean): void;\r\n  setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void;\r\n  setLeadingSlotVisibility(isVisible: boolean): void;\r\n  getChipSetState(): IChipState | null;\r\n  setFocus(): void;\r\n  setEmulatedFocus(value: boolean): void;\r\n}\r\n\r\nconst checkmarkTemplate = '<div class=\\\"forge-chip__checkmark\\\" aria-hidden=\\\"true\\\"><svg class=\\\"forge-chip__checkmark-svg\\\" viewBox=\\\"-2 -3 30 30\\\"><path class=\\\"forge-chip__checkmark-path\\\" fill=\\\"none\\\" stroke=\\\"black\\\" d=\\\"M1.73,12.91 8.1,19.28 22.79,4.59\\\"/></svg></div>';\r\n\r\nexport class ChipAdapter extends BaseAdapter<IChipComponent> implements IChipAdapter {\r\n  private _buttonElement: HTMLButtonElement;\r\n  private _deleteButton: HTMLElement;\r\n  private _deleteButtonTouchTarget: HTMLDivElement;\r\n  private _leadingSlotElement: HTMLSlotElement;\r\n  private _checkmarkElement: HTMLElement;\r\n\r\n  constructor(component: IChipComponent) {\r\n    super(component);\r\n    this._buttonElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\r\n    this._leadingSlotElement = getShadowElement(this._component, 'slot[name=leading]') as HTMLSlotElement;\r\n  }\r\n\r\n  public addButtonListener(type: string, listener: (evt: Event) => void): void {\r\n    this._buttonElement.addEventListener(type, listener);\r\n  }\r\n\r\n  public removeButtonListener(type: string, listener: (evt: Event) => void): void {\r\n    this._buttonElement.removeEventListener(type, listener);\r\n  }\r\n\r\n  public initializeRipple(): ForgeRipple {\r\n    return new ForgeRipple(this._buttonElement);\r\n  }\r\n\r\n  public clearTypeClass(): void {\r\n    removeClass([CHIP_CONSTANTS.classes.ACTION, CHIP_CONSTANTS.classes.CHOICE, CHIP_CONSTANTS.classes.FILTER, CHIP_CONSTANTS.classes.INPUT], this._buttonElement);\r\n  }\r\n\r\n  public addRootClass(className: string): void {\r\n    this._buttonElement.classList.add(className);\r\n  }\r\n\r\n  public removeRootClass(name: string): void {\r\n    this._buttonElement.classList.remove(name);\r\n  }\r\n\r\n  public setCheckmarkVisibility(isVisible: boolean): void {\r\n    if (isVisible) {\r\n      if (!this._checkmarkElement) {\r\n        this._checkmarkElement = elementFromHTML(checkmarkTemplate) as HTMLElement;\r\n      }\r\n      this._buttonElement.insertBefore(this._checkmarkElement, this._buttonElement.firstChild);\r\n    } else if (this._checkmarkElement && this._checkmarkElement.isConnected) {\r\n      removeElement(this._checkmarkElement);\r\n    }\r\n  }\r\n\r\n  public setSelected(value: boolean): void {\r\n    toggleClass(this._buttonElement, value, CHIP_CONSTANTS.classes.SELECTED);\r\n  }\r\n\r\n  public setDisabled(value: boolean): void {\r\n    this._buttonElement.disabled = value;\r\n  }\r\n\r\n  public setDense(value: boolean): void {\r\n    toggleClass(this._buttonElement, value, CHIP_CONSTANTS.classes.DENSE);\r\n  }\r\n\r\n  public setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void {\r\n    if (isVisible) {\r\n      if (!this._deleteButton) {\r\n        this._deleteButton = this._createDeleteButton(listener);\r\n      }\r\n      if (!this._deleteButtonTouchTarget) {\r\n        this._deleteButtonTouchTarget = this._createDeleteButtonTouchTarget(listener);\r\n      }\r\n      this._deleteButton.appendChild(this._deleteButtonTouchTarget);\r\n      this._buttonElement.appendChild(this._deleteButton);\r\n    } else {\r\n      if (this._deleteButtonTouchTarget) {\r\n        removeElement(this._deleteButtonTouchTarget);\r\n      }\r\n      if (this._deleteButton) {\r\n        removeElement(this._deleteButton);\r\n      }\r\n    }\r\n  }\r\n\r\n  public setLeadingSlotVisibility(isVisible: boolean): void {\r\n    toggleClass(this._leadingSlotElement, !isVisible, CHIP_CONSTANTS.classes.LEADING_HIDDEN);\r\n  }\r\n\r\n  public getChipSetState(): IChipState | null {\r\n    let state: IChipState | null = null;\r\n    const chipSet = walkUpUntil(this._component, node => node && node.nodeName === CHIP_SET_CONSTANTS.elementName.toUpperCase()) as IChipSetComponent;\r\n    if (chipSet) {\r\n      state = {\r\n        type: chipSet.type,\r\n        disabled: chipSet.disabled,\r\n        dense: chipSet.dense\r\n      };\r\n    }\r\n    return state;\r\n  }\r\n\r\n  private _createDeleteButton(listener: (evt: KeyboardEvent) => void): HTMLElement {\r\n    const el = document.createElement(ICON_CONSTANTS.elementName) as IIconComponent;\r\n    el.name = 'cancel';\r\n    el.tabIndex = 0;\r\n    el.setAttribute('aria-label', 'Delete');\r\n    el.setAttribute('role', 'button');\r\n    addClass([CHIP_CONSTANTS.classes.DELETE_BUTTON], el);\r\n    el.addEventListener('keydown', listener);\r\n    return el;\r\n  }\r\n\r\n  private _createDeleteButtonTouchTarget(listener: (evt: KeyboardEvent) => void): HTMLDivElement {\r\n    const el = document.createElement('div');\r\n    addClass(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET, el);\r\n    el.addEventListener('keydown', listener);\r\n    el.addEventListener('click', listener);\r\n    return el;\r\n  }\r\n\r\n  public setFocus(): void {\r\n    this._buttonElement.focus();\r\n  }\r\n\r\n  public setEmulatedFocus(value: boolean): void {\r\n    this._buttonElement.classList.toggle('mdc-ripple-upgraded--background-focused', value);\r\n  }\r\n}\r\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\r\nimport { ForgeRipple } from '../../ripple';\r\nimport { IChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\n\r\nexport interface IChipFoundation extends ICustomElementFoundation {\r\n  type: ChipType;\r\n  selected: boolean;\r\n  disabled: boolean;\r\n  invalid: boolean;\r\n  value: any;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n  setFocus(): void;\r\n}\r\n\r\nexport class ChipFoundation implements IChipFoundation {\r\n  private _type: ChipType = CHIP_CONSTANTS.defaults.TYPE as ChipType;\r\n  private _selected = false;\r\n  private _disabled = false;\r\n  private _invalid = false;\r\n  private _value: any = null;\r\n  private _dense = false;\r\n  private _emulateFocus = false;\r\n  private _isInitialized = false;\r\n  private _rippleInstance: ForgeRipple | undefined;\r\n  private _clickListener: (evt: MouseEvent) => void;\r\n  private _keydownListener: (evt: KeyboardEvent) => void;\r\n  private _deleteKeydownListener: (evt: KeyboardEvent) => void;\r\n  private _buttonFocusListener: (evt: FocusEvent) => void;\r\n  private _buttonBlurListener: (evt: FocusEvent) => void;\r\n\r\n  constructor(private _adapter: IChipAdapter) {\r\n    this._clickListener = evt => this._onClick(evt);\r\n    this._keydownListener = evt => this._onKeydown(evt);\r\n    this._deleteKeydownListener = evt => this._onDeleteKeydown(evt);\r\n    this._buttonFocusListener = evt => this._onButtonFocus(evt);\r\n    this._buttonBlurListener = evt => this._onButtonBlur(evt);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this._rippleInstance = this._adapter.initializeRipple();\r\n    this._adapter.addButtonListener('click', this._clickListener);\r\n    this._adapter.addButtonListener('focus', this._buttonFocusListener);\r\n    this._adapter.addButtonListener('blur', this._buttonBlurListener);\r\n    this._applyState();\r\n    this._isInitialized = true;\r\n  }\r\n\r\n  public disconnect(): void {\r\n    this._destroyRipple();\r\n    this._adapter.removeButtonListener('keydown', this._keydownListener);\r\n    this._adapter.removeButtonListener('click', this._clickListener);\r\n    this._adapter.removeButtonListener('focus', this._buttonFocusListener);\r\n    this._adapter.removeButtonListener('blur', this._buttonBlurListener);\r\n    this._isInitialized = false;\r\n  }\r\n\r\n  private _destroyRipple(): void {\r\n    if (this._rippleInstance) {\r\n      this._rippleInstance.destroy();\r\n      this._rippleInstance = undefined;\r\n    }\r\n  }\r\n\r\n  private _applyState(): void {\r\n    // Attempt to inherit state from the parent chip-set component\r\n    // Note: this should only inherit properties that need to be the same across the chips within a set\r\n    const chipSetState = this._adapter.getChipSetState();\r\n    if (chipSetState) {\r\n      this._type = chipSetState.type;\r\n      this._disabled = chipSetState.disabled;\r\n      this._dense = chipSetState.dense;\r\n    }\r\n\r\n    // Ensure that only non-action chips can be selected\r\n    if (this._type === 'action') {\r\n      this._selected = false;\r\n    }\r\n\r\n    this._applyDisabled();\r\n    this._applyType();\r\n    this._applySelected();\r\n    this._applyDense();\r\n    this._applyEmulateFocus();\r\n  }\r\n\r\n  private _onClick(evt: MouseEvent): void {\r\n    const target = evt.target as HTMLElement;\r\n    const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) || target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n    if (isDeleteButton) {\r\n      this._handleDeleteInteraction(evt);\r\n    } else {\r\n      this._handleSelectInteraction();\r\n    }\r\n  }\r\n\r\n  private _onKeydown(evt: KeyboardEvent): void {\r\n    if (this._type === 'input') {\r\n      const isDeleteKey = evt.key === 'Delete' || evt.key === 'Backspace';\r\n      if (isDeleteKey) {\r\n        this._emitDeleteEvent();\r\n      }\r\n    }\r\n  }\r\n\r\n  private _onDeleteKeydown(evt: KeyboardEvent): void {\r\n    if (evt.key === 'Enter') {\r\n      this._handleDeleteInteraction(evt);\r\n    }\r\n  }\r\n\r\n  private _onButtonFocus(evt: FocusEvent): void {\r\n    this._adapter.setHostAttribute('focused');\r\n  }\r\n\r\n  private _onButtonBlur(evt: FocusEvent): void {\r\n    this._adapter.removeHostAttribute('focused');\r\n  }\r\n\r\n  private _handleDeleteInteraction(evt: Event): void {\r\n    // The delete event can only be fired when the `input` or `field` type is used\r\n    const target = evt.target as HTMLElement;\r\n    const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) || target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n    if (isDeleteButton) {\r\n      evt.stopPropagation();\r\n      this._emitDeleteEvent();\r\n    }\r\n  }\r\n\r\n  private _handleSelectInteraction(): void {\r\n    const wasDefaultPrevented = this._emitSelectEvent();\r\n    const isSelectableType = ['filter', 'choice', 'input'].includes(this._type);\r\n    // We only toggle the selected state for certain types (and if default wasn't prevented on the event)\r\n    if (!wasDefaultPrevented && isSelectableType) {\r\n      this._selected = !this._selected;\r\n      this._applySelected();\r\n    }\r\n  }\r\n\r\n  private _emitSelectEvent(): boolean {\r\n    const selectEventData: IChipSelectEventData = {\r\n      selected: !this._selected,\r\n      value: this._value\r\n    };\r\n    return !this._adapter.emitHostEvent(CHIP_CONSTANTS.events.SELECT, selectEventData, true, true);\r\n  }\r\n\r\n  private _emitDeleteEvent(): void {\r\n    const deleteEventData: IChipDeleteEventData = { value: this._value };\r\n    this._adapter.emitHostEvent(CHIP_CONSTANTS.events.DELETE, deleteEventData, true, true);\r\n  }\r\n\r\n  private _applyType(): void {\r\n    this._adapter.clearTypeClass();\r\n    this._adapter.removeButtonListener('keydown', this._keydownListener);\r\n\r\n    switch (this._type) {\r\n      case 'action':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.ACTION);\r\n        break;\r\n      case 'choice':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.CHOICE);\r\n        break;\r\n      case 'filter':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FILTER);\r\n        break;\r\n      case 'input':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.INPUT);\r\n        this._adapter.addButtonListener('keydown', this._keydownListener);\r\n        break;\r\n      case 'field':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FIELD);\r\n        this._adapter.addButtonListener('keydown', this._keydownListener);\r\n        break;\r\n    }\r\n\r\n    this._adapter.setCheckmarkVisibility(this._type === 'filter');\r\n    const showDeleteButton = this._type === 'input' || this._type === 'field';\r\n    this._adapter.setDeleteButtonVisibility(showDeleteButton, this._deleteKeydownListener);\r\n    this._adapter.setLeadingSlotVisibility(!this._selected);\r\n    this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.TYPE, this._type);\r\n  }\r\n\r\n  private _applySelected(): void {\r\n    this._adapter.setSelected(this._selected);\r\n\r\n    // If using the filter type, we need to hide the leading slot to ensure that\r\n    // the checkmark shows in place of any leading elements\r\n    if (this._type === 'filter') {\r\n      this._adapter.setLeadingSlotVisibility(!this._selected);\r\n    }\r\n\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.SELECTED, this._selected);\r\n  }\r\n\r\n  private _applyDisabled(): void {\r\n    this._adapter.setDisabled(this._disabled);\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n  }\r\n\r\n  private _applyDense(): void {\r\n    this._adapter.setDense(this._dense);\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n  }\r\n\r\n  private _applyEmulateFocus(): void {\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.EMULATE_FOCUS, this._emulateFocus);\r\n    this._adapter.setEmulatedFocus(this._emulateFocus);\r\n  }\r\n\r\n  public get type(): ChipType {\r\n    return this._type;\r\n  }\r\n  public set type(value: ChipType) {\r\n    if (this._type !== value) {\r\n      this._type = value;\r\n      if (this._isInitialized) {\r\n        const isValidType = ['action', 'choice', 'filter', 'input', 'field'].includes(this._type);\r\n        if (!isValidType) {\r\n          this._type = 'action';\r\n        }\r\n        if (this._type === 'action') {\r\n          this._selected = false;\r\n          this._applySelected();\r\n        }\r\n        this._applyType();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get selected(): boolean {\r\n    return this._selected;\r\n  }\r\n  public set selected(value: boolean) {\r\n    if (this._selected !== value) {\r\n      this._selected = value;\r\n      if (this._isInitialized) {\r\n        if (this._type === 'action') {\r\n          this._selected = false;\r\n        }\r\n        this._applySelected();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get disabled(): boolean {\r\n    return this._disabled;\r\n  }\r\n  public set disabled(value: boolean) {\r\n    if (this._disabled !== value) {\r\n      this._disabled = value;\r\n      if (this._isInitialized) {\r\n        this._applyDisabled();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get invalid(): boolean {\r\n    return this._invalid;\r\n  }\r\n  public set invalid(val: boolean) {\r\n    if (this._invalid === val) {\r\n      return;\r\n    }\r\n    \r\n    this._invalid = val;\r\n    if (val) {\r\n      this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.INVALID, '');\r\n      this._adapter.addRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n    } else {\r\n      this._adapter.removeHostAttribute(CHIP_CONSTANTS.attributes.INVALID);\r\n      this._adapter.removeRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n    }\r\n  }\r\n\r\n  public get value(): any {\r\n    return this._value;\r\n  }\r\n  public set value(value: any) {\r\n    this._value = value;\r\n  }\r\n\r\n  public get dense(): boolean {\r\n    return this._dense;\r\n  }\r\n  public set dense(value: boolean) {\r\n    if (this._dense !== value) {\r\n      this._dense = value;\r\n      if (this._isInitialized) {\r\n        this._applyDense();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get emulateFocus(): boolean {\r\n    return this._emulateFocus;\r\n  }\r\n  public set emulateFocus(value: boolean) {\r\n    if (this._emulateFocus !== value) {\r\n      this._emulateFocus = value;\r\n      if (this._isInitialized) {\r\n        this._applyEmulateFocus();\r\n      }\r\n    }\r\n  }\r\n\r\n  public setFocus(): void {\r\n    this._adapter.setFocus();\r\n  }\r\n}\r\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { tylIconCancel } from '@tylertech/tyler-icons/standard';\r\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\r\nimport { IconComponent, IconRegistry } from '../../icon';\r\nimport { ChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\nimport { ChipFoundation } from './chip-foundation';\r\n\r\nconst template = '<template><button class=\\\"forge-chip\\\" part=\\\"button\\\"><slot name=\\\"leading\\\" class=\\\"forge-chip__leading\\\"></slot><div class=\\\"forge-chip__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"trailing\\\"></slot></button></template>';\r\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-chip{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:0 0;border-radius:4px;border-radius:var(--mdc-shape-small,4px);height:36px;text-transform:none;box-sizing:border-box;overflow:hidden;border-style:solid;-webkit-transition:border 280ms cubic-bezier(.4, 0, .2, 1);transition:border 280ms cubic-bezier(.4, 0, .2, 1);font-family:Roboto,sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));letter-spacing:.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight,var(--mdc-typography-button-font-weight,500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform,var(--mdc-typography-button-text-transform,uppercase));height:36px;height:var(--mdc-outlined-button-container-height,36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px);padding:0 15px 0 15px;border-width:1px;border-radius:16px;width:auto;width:var(--forge-chip-width,auto);height:auto;height:var(--forge-chip-height,auto);min-height:36px;min-height:var(--forge-chip-min-height,36px);box-sizing:border-box;-webkit-transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1)}.forge-chip::after,.forge-chip::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-chip::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-chip::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-chip.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-chip.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-chip.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-chip.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-chip.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-chip::after,.forge-chip::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-chip.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-chip::after,.forge-chip::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover::before,.forge-chip:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused::before,.forge-chip:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-chip::-moz-focus-inner{padding:0;border:0}.forge-chip:active{outline:0}.forge-chip:hover{cursor:pointer}.forge-chip:disabled{cursor:default;pointer-events:none}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-chip:not(:disabled){background-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-chip:not(:disabled){color:#3f51b5;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip:disabled{color:rgba(0,0,0,.38);color:var(--mdc-outlined-button-disabled-label-text-color,rgba(0,0,0,.38))}.forge-chip .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size,1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size,1.125rem)}.forge-chip .mdc-button__ripple::after,.forge-chip .mdc-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#3f51b5))}.forge-chip.mdc-ripple-surface--hover .mdc-button__ripple::before,.forge-chip:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.forge-chip:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px))}.forge-chip:not(:disabled){border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-outline-color,rgba(0,0,0,.12))}.forge-chip:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-disabled-outline-color,rgba(0,0,0,.12))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px)}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width,1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width,1px))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.forge-chip:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-chip .mdc-evolution-chip__ripple{border-radius:16px}.forge-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.forge-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.forge-chip:disabled{border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-chip:disabled .forge-chip__delete-button{opacity:.54}.forge-chip__leading--hidden{display:none}.forge-chip__content{-webkit-box-flex:1;flex-grow:1}.forge-chip ::slotted([slot=leading]){margin-left:-6px;margin-right:4px}.forge-chip ::slotted(forge-avatar[slot]){--forge-avatar-size:24px}.forge-chip ::slotted([slot=trailing]){margin-left:4px;margin-right:-8px}.forge-chip__checkmark{height:24px}.forge-chip__checkmark-svg{width:0;height:24px;-webkit-transition:width 150ms cubic-bezier(.4, 0, .2, 1);transition:width 150ms cubic-bezier(.4, 0, .2, 1)}.forge-chip__checkmark-path{stroke:#ffffff;stroke:var(--mdc-theme-on-primary,#ffffff);-webkit-transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-left:4px;margin-right:-8px;-webkit-transition:color 150ms linear;transition:color 150ms linear;outline:0;line-height:inherit;position:relative;border-radius:50%}.forge-chip__delete-button:focus,.forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip__delete-button:active{opacity:.75}.forge-chip__delete-button__touch-target{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}.forge-chip--choice.forge-chip--selected:not(:disabled),.forge-chip--filter.forge-chip--selected:not(:disabled),.forge-chip--input.forge-chip--selected:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87))}.forge-chip--choice.forge-chip--selected:not(:disabled)::after,.forge-chip--choice.forge-chip--selected:not(:disabled)::before,.forge-chip--filter.forge-chip--selected:not(:disabled)::after,.forge-chip--filter.forge-chip--selected:not(:disabled)::before,.forge-chip--input.forge-chip--selected:not(:disabled)::after,.forge-chip--input.forge-chip--selected:not(:disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:not(:disabled):hover::before,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:not(:disabled):hover::before,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:not(:disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(:disabled).mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:not(:disabled).mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected:disabled,.forge-chip--filter.forge-chip--selected:disabled,.forge-chip--input.forge-chip--selected:disabled{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:rgba(255,255,255,.87);color:var(--mdc-theme-text-primary-on-dark,rgba(255,255,255,.87));opacity:.37}.forge-chip--choice.forge-chip--selected:disabled::after,.forge-chip--choice.forge-chip--selected:disabled::before,.forge-chip--filter.forge-chip--selected:disabled::after,.forge-chip--filter.forge-chip--selected:disabled::before,.forge-chip--input.forge-chip--selected:disabled::after,.forge-chip--input.forge-chip--selected:disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:disabled:hover::before,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:disabled:hover::before,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:disabled:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:disabled.mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:disabled.mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:disabled.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected ::slotted([slot=leading]),.forge-chip--filter.forge-chip--selected ::slotted([slot=leading]),.forge-chip--input.forge-chip--selected ::slotted([slot=leading]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--filter.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--input.forge-chip--selected ::slotted([slot=trailing]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected .forge-chip__delete-button,.forge-chip--filter.forge-chip--selected .forge-chip__delete-button,.forge-chip--input.forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark{margin-left:-6px;margin-right:4px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg{width:24px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path{-webkit-transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);stroke-dashoffset:0}.forge-chip--field .forge-chip__delete-button{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-chip--field .forge-chip__delete-button:focus,.forge-chip--field .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button:focus,.forge-chip--field.forge-chip--invalid:not(:disabled) .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field:disabled .forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-chip--dense{min-height:28px;min-height:var(--forge-chip-min-height,28px)}.forge-chip--dense.forge-chip--field{min-height:20px;min-height:var(--forge-chip-min-height,20px);padding:0;margin:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-chip--dense.forge-chip--field ::slotted([slot=leading]){margin:0 0 0 2px;font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__content{font-size:12px;padding:0 8px}.forge-chip--dense.forge-chip--field ::slotted([slot=trailing]){font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__delete-button{margin:0 2px 0 0;font-size:18px}.forge-chip--invalid:not(:disabled){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled)::after,.forge-chip--invalid:not(:disabled)::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-chip--invalid:not(:disabled).mdc-ripple-surface--hover::before,.forge-chip--invalid:not(:disabled):hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip--invalid:not(:disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--invalid:not(:disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip--invalid:not(:disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip--invalid:not(:disabled):not(:disabled){border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled).forge-chip--selected{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(:disabled).forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}:host{display:inline-block}:host([hidden]){display:none}:host([theme=error]){--mdc-theme-primary:var(--mdc-theme-error)}';\r\n\r\nexport interface IChipComponent extends IBaseComponent {\r\n  type: ChipType;\r\n  selected: boolean;\r\n  disabled: boolean;\r\n  invalid: boolean;\r\n  value: any;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-chip': IChipComponent;\r\n  }\r\n\r\n  interface HTMLElementEventMap {\r\n    'forge-chip-delete': CustomEvent<IChipDeleteEventData>;\r\n    'forge-chip-select': CustomEvent<IChipSelectEventData>;\r\n  }\r\n}\r\n\r\n/**\r\n * The custom element class behind the `<forge-chip>` component.\r\n * \r\n * @tag forge-chip\r\n */\r\n@CustomElement({\r\n  name: CHIP_CONSTANTS.elementName,\r\n  dependencies: [IconComponent]\r\n})\r\nexport class ChipComponent extends BaseComponent implements IChipComponent {\r\n  public static get observedAttributes(): string[] {\r\n    return [\r\n      CHIP_CONSTANTS.attributes.TYPE,\r\n      CHIP_CONSTANTS.attributes.SELECTED,\r\n      CHIP_CONSTANTS.attributes.DISABLED,\r\n      CHIP_CONSTANTS.attributes.VALUE,\r\n      CHIP_CONSTANTS.attributes.DENSE,\r\n      CHIP_CONSTANTS.attributes.INVALID,\r\n      CHIP_CONSTANTS.attributes.EMULATE_FOCUS\r\n    ];\r\n  }\r\n\r\n  private _foundation: ChipFoundation;\r\n\r\n  constructor() {\r\n    super();\r\n    IconRegistry.define(tylIconCancel);\r\n    attachShadowTemplate(this, template, styles);\r\n    this._foundation = new ChipFoundation(new ChipAdapter(this));\r\n  }\r\n\r\n  public connectedCallback(): void {\r\n    this._foundation.initialize();\r\n  }\r\n\r\n  public disconnectedCallback(): void {\r\n    this._foundation.disconnect();\r\n  }\r\n\r\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n    switch (name) {\r\n      case CHIP_CONSTANTS.attributes.TYPE:\r\n        this.type = newValue as ChipType;\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.SELECTED:\r\n        this.selected = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.DISABLED:\r\n        this.disabled = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.INVALID:\r\n        this.invalid = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.VALUE:\r\n        this.value = newValue;\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.DENSE:\r\n        this.dense = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.EMULATE_FOCUS:\r\n        this.emulateFocus = coerceBoolean(newValue);\r\n    }\r\n  }\r\n\r\n  /** Gets/sets the chip type. */\r\n  @FoundationProperty()\r\n  public declare type: ChipType;\r\n\r\n  /** Gets/sets the selected state of the chip. */\r\n  @FoundationProperty()\r\n  public declare selected: boolean;\r\n\r\n  /** Gets/sets the disabled state of the chip. */\r\n  @FoundationProperty()\r\n  public declare disabled: boolean;\r\n\r\n  /** Gets/sets the invalid state of the chip. */\r\n  @FoundationProperty()\r\n  public declare invalid: boolean;\r\n\r\n  /** Gets/sets the chip value. */\r\n  @FoundationProperty()\r\n  public declare value: any;\r\n\r\n  /** Gets/sets the dense state of the chip. */\r\n  @FoundationProperty()\r\n  public declare dense: boolean;\r\n\r\n  @FoundationProperty()\r\n  public declare emulateFocus: boolean;\r\n\r\n  public override focus(): void {\r\n    this._foundation.setFocus();\r\n  }\r\n}\r\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{A as T,c as L,t as w}from"./chunk.LZMYHIO2.js";import{d as B}from"./chunk.KBMLP7UT.js";import{d as N,l as S}from"./chunk.JXY6MTP3.js";import{a as k}from"./chunk.5PXABBKU.js";import{a}from"./chunk.B3IJU6XJ.js";import{a as C,b as A}from"./chunk.OOW3UKT4.js";import{a as I,e as y,g as c,j as h,l as O}from"./chunk.MMVZJLXE.js";import{f as g,g as _,l as f,r as v,t as x,u as E}from"./chunk.R4NDFXVA.js";import{b as m,k as l}from"./chunk.G76HB2FK.js";import{a as d,f as r}from"./chunk.MCIQXNKY.js";var D=`${A}app-bar-search`,R={FOCUSED:"forge-app-bar-search--focused",DISABLED:"forge-app-bar-search--disabled"},z={ROOT:".forge-app-bar-search",INPUT:"input",GLOBAL_ICON_CONTAINER:".forge-app-bar-search__global-icon-container",CONTEXT_CONTAINER:".forge-app-bar-search__context"},H={DISABLED:"disabled",VALUE:"value",PLACEHOLDER:"placeholder",COMBINED:"combined",GLOBAL:"global"},M={INPUT:`${D}-input`},P={DEFAULT_CONTEXT:"global"},o={elementName:D,classes:R,selectors:z,attributes:H,events:M,strings:P},G=[{label:"in this application",value:"local"},{label:"in all products",value:P.DEFAULT_CONTEXT}];var p=class{constructor(t){this._adapter=t;this._disabled=!1;this._combined=!1;this._combinedContext=o.strings.DEFAULT_CONTEXT;this._combinedOptions=[];this._global=!1;this._keydownListener=e=>this._onKeyDown(e),this._focusListener=e=>this._onFocus(e),this._blurListener=e=>this._onBlur(e)}initialize(){if(this._adapter.initialize(),!this._adapter.hasInputElement())throw new Error("An input element is required as a child of the app-bar-search component.");this._adapter.setGlobalIconVisibility(this._global),this._adapter.setContextVisibility(this._combined),this._adapter.addSearchInputEventListener("keydown",this._keydownListener),this._adapter.addSearchInputEventListener("focus",this._focusListener),this._adapter.addSearchInputEventListener("blur",this._blurListener)}_onKeyDown(t){if(t.key==="Enter"||t.keyCode===13){let e={value:t.target.value,combined:this._combined,context:this._combinedContext};this._adapter.emitHostEvent(o.events.INPUT,e,!0)}}_onFocus(t){this._adapter.addRootClass(o.classes.FOCUSED)}_onBlur(t){this._adapter.removeRootClass(o.classes.FOCUSED)}disconnect(){this._adapter.removeSearchInputEventListener("keydown",this._keydownListener),this._adapter.removeSearchInputEventListener("focus",this._focusListener),this._adapter.removeSearchInputEventListener("blur",this._blurListener)}get disabled(){return this._disabled}set disabled(t){t!==this._disabled&&(this._disabled=t,this._adapter.setDisabled(this._disabled),this._adapter.toggleHostAttribute(o.attributes.DISABLED,this._disabled))}get value(){return this._adapter.getInputValue()}set value(t){this._adapter.setInputValue(t)}set placeholder(t){this._adapter.setInputPlaceholder(t)}get combined(){return this._combined}set combined(t){this._combined!==t&&(this._combined=t,this._adapter.setContextVisibility(this._combined))}get combinedOptions(){return this._combinedOptions?this._combinedOptions.map(t=>d({},t)):[]}set combinedOptions(t){t||(this._combinedOptions=[]),this._combinedOptions=t.map(e=>d({},e))}get selectedCombinedOption(){return this._selectedCombinedOption}set selectedCombinedOption(t){this._selectedCombinedOption!==t&&(this._selectedCombinedOption=t)}get global(){return this._global}set global(t){this._global!==t&&(this._global=t,this._adapter.setGlobalIconVisibility(this._global))}};var b=class extends k{constructor(e){super(e);this._rootElement=c(e,o.selectors.ROOT),this._globalIconContainer=c(e,o.selectors.GLOBAL_ICON_CONTAINER),this._contextContainerElement=c(e,o.selectors.CONTEXT_CONTAINER)}initialize(){let e=v(this._component,o.selectors.INPUT,!1);e.length&&(this._inputElement=e[0])}hasInputElement(){return m(this._inputElement)}addRootClass(e){g(e,this._rootElement)}removeRootClass(e){_(e,this._rootElement)}addSearchInputEventListener(e,s){this._inputElement.addEventListener(e,s)}removeSearchInputEventListener(e,s){this._inputElement.removeEventListener(e,s)}setDisabled(e){x(this._rootElement,e,o.classes.DISABLED),E(this._inputElement,e,o.attributes.DISABLED)}getInputValue(){return this._inputElement.value}setInputValue(e){this._inputElement.value=e}setInputPlaceholder(e){this._inputElement.placeholder=e}setGlobalIconVisibility(e){this._globalIconPlaceholder=h(this._component,e,o.elementName,o.selectors.GLOBAL_ICON_CONTAINER,this._globalIconContainer,this._globalIconPlaceholder)}setContextVisibility(e){this._contextContainerPlaceholder=h(this._component,e,o.elementName,o.selectors.CONTEXT_CONTAINER,this._contextContainerElement,this._contextContainerPlaceholder)}};var F='<template><div class="forge-app-bar-search" part="root"><div class="forge-app-bar-search__container" part="container"><div class="forge-app-bar-search__search-icon-container" part="icon-container"><forge-icon name="search" class="forge-app-bar-search__icon" part="icon"></forge-icon></div><slot></slot><div class="forge-app-bar-search__context" part="context"><div class="forge-app-bar-search__vertical-divider" part="context-divider"></div><button type="button" class="forge-app-bar-search__context-button" part="context-button"><span class="forge-app-bar-search__context-button-text" part="context-button-text">in this application</span><forge-icon name="arrow_drop_down" class="forge-app-bar-search__context-button-icon" part="context-button-icon"></forge-icon></button></div><div class="forge-app-bar-search__global-icon-container" part="global-icon-container"><forge-icon slot="trailing" name="language" id="app-bar-global-context" part="global-icon"></forge-icon><forge-tooltip delay="500" position="bottom" target="#app-bar-global-context">Global search</forge-tooltip></div></div><div class="forge-app-bar-search__actions" part="actions-container"><slot name="action"></slot></div></div></template>',V='::slotted([slot=action]){margin-left:8px}.forge-app-bar-search{display:-webkit-box;display:flex;height:2.25rem}.forge-app-bar-search__container{background-color:rgba(255,255,255,.08);background-color:var(--forge-app-bar-search-theme-background,rgba(255,255,255,.08));width:100%;-webkit-box-flex:1;flex:1 1 auto;margin:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.forge-app-bar-search__container::before{border-color:#fff;border-color:var(--mdc-theme-on-primary,#fff);content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border-width:1px;border-style:solid;z-index:-1;opacity:.54;-webkit-transition-property:border-color,opacity;transition-property:border-color,opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);will-change:border-color,border-width,opacity,top,left,bottom,right}.forge-app-bar-search__container:hover::before{opacity:.87;opacity:var(--forge-app-bar-search-theme-hover-opacity, .87)}.forge-app-bar-search__container ::slotted(input){color:#fff;color:var(--mdc-theme-on-primary,#fff);display:block;overflow:hidden;background:0 0;border:none;font-size:1rem;-webkit-box-flex:1;flex:1 1 auto;margin:0;margin-left:-8px;outline:0;pointer-events:auto;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2)}.forge-app-bar-search__container ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__global-icon-container{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 16px}.forge-app-bar-search__search-icon-container{width:56px;height:36px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:none}.forge-app-bar-search__icon{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-app-bar-search__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar-search__context{height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-app-bar-search__context-button{color:#000;color:var(--mdc-theme-on-surface,#000);outline:0;border:none;background:0 0;min-width:100px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:70%;margin-left:8px;margin-right:4px;border-radius:4px;background-color:transparent;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;will-change:background-color;padding:0;padding-left:8px}.forge-app-bar-search__context-button:hover{background-color:rgba(255,255,255,.12)}.forge-app-bar-search__context-button:focus{background-color:rgba(255,255,255,.2)}.forge-app-bar-search__context-button-text{-webkit-box-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.forge-app-bar-search__vertical-divider{border-left-color:#fff;border-left-color:var(--mdc-theme-on-primary,#fff);display:inline-block;position:absolute;top:8px;bottom:8px;border-left-width:1px;border-left-style:solid}.forge-app-bar-search--focused .forge-app-bar-search__container{background-color:rgba(255,255,255,.12);background-color:var(--forge-app-bar-search-theme-background-focused,rgba(255,255,255,.12))}.forge-app-bar-search--focused .forge-app-bar-search__container::before{opacity:.87;border-width:2px;top:-1px;right:-1px;bottom:-1px;left:-1px}.forge-app-bar-search--disabled{opacity:.26;opacity:var(--forge-app-bar-search-theme-disabled-opacity, .26);cursor:not-allowed}.forge-app-bar-search--disabled .forge-app-bar-search__container:hover::before{opacity:54%}.forge-app-bar-search--disabled ::slotted(input){cursor:not-allowed}:host{display:block;width:100%;contain:layout style}:host([hidden]){display:none}',i=class extends O{constructor(){super();N.define([T,L,w]),y(this,F,V),this._foundation=new p(new b(this))}static get observedAttributes(){return[o.attributes.DISABLED,o.attributes.VALUE,o.attributes.PLACEHOLDER,o.attributes.COMBINED,o.attributes.GLOBAL]}connectedCallback(){this.children.length?this._initialize():f(this).then(()=>this._initialize())}_initialize(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,s,n){switch(e){case o.attributes.DISABLED:this.disabled=l(n);break;case o.attributes.VALUE:this.value=n;break;case o.attributes.PLACEHOLDER:this.placeholder=n;break;case o.attributes.COMBINED:this.combined=l(n);break;case o.attributes.GLOBAL:this.global=l(n);break}}set placeholder(e){this._foundation.placeholder=e}};r([a()],i.prototype,"value",2),r([a()],i.prototype,"disabled",2),r([a()],i.prototype,"combined",2),r([a()],i.prototype,"combinedOptions",2),r([a()],i.prototype,"selectedCombinedOption",2),r([a()],i.prototype,"global",2),i=r([C({name:o.elementName,dependencies:[B,S]})],i);function de(){I(i)}export{o as a,G as b,p as c,b as d,i as e,de as f};
+//# sourceMappingURL=chunk.Z4MN5NB5.js.map

package/dist/esm/chunks/{chunk.4KBQ5AJJ.js.map → chunk.Z4MN5NB5.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/app-bar/search/app-bar-search-constants.ts", "../../src/app-bar/search/app-bar-search-foundation.ts", "../../src/app-bar/search/app-bar-search-adapter.ts", "../../src/app-bar/search/app-bar-search.ts", "../../src/app-bar/search/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { IOption } from '../../select';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-search`;\n\nconst classes = {\n  FOCUSED: 'forge-app-bar-search--focused',\n  DISABLED: 'forge-app-bar-search--disabled'\n};\n\nconst selectors = {\n  ROOT: '.forge-app-bar-search',\n  INPUT: 'input',\n  GLOBAL_ICON_CONTAINER: '.forge-app-bar-search__global-icon-container',\n  CONTEXT_CONTAINER: '.forge-app-bar-search__context'\n};\n\nconst attributes = {\n  DISABLED: 'disabled',\n  VALUE: 'value',\n  PLACEHOLDER: 'placeholder',\n  COMBINED: 'combined',\n  GLOBAL: 'global'\n};\n\nconst events = {\n  INPUT: `${elementName}-input`\n};\n\nconst strings = {\n  DEFAULT_CONTEXT: 'global'\n};\n\nexport const APP_BAR_SEARCH_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  attributes,\n  events,\n  strings\n};\n\nexport const DEFAULT_COMBINED_OPTIONS: IOption[] = [\n  { label: 'in this application', value: 'local' },\n  { label: 'in all products', value: strings.DEFAULT_CONTEXT }\n];\n\nexport interface IAppBarSearchInputEventData {\n  value: string;\n  combined: boolean;\n  context: string;\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IAppBarSearchAdapter } from './app-bar-search-adapter';\nimport { APP_BAR_SEARCH_CONSTANTS, IAppBarSearchInputEventData } from './app-bar-search-constants';\nimport { IOption } from '../../select';\n\nexport interface IAppBarSearchFoundation extends ICustomElementFoundation {\n  disabled: boolean;\n  value: string;\n  placeholder: string;\n  combined: boolean;\n  combinedOptions: IOption[];\n  selectedCombinedOption: string;\n  global: boolean;\n}\n\n/**\n * Provides facilities and helper methods for creating an app-bar-search component.\n */\nexport class AppBarSearchFoundation implements IAppBarSearchFoundation {\n  private _disabled = false;\n  private _combined = false;\n  private _combinedContext = APP_BAR_SEARCH_CONSTANTS.strings.DEFAULT_CONTEXT;\n  private _combinedOptions: IOption[] = [];\n  private _selectedCombinedOption: string;\n  private _global = false;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _focusListener: (evt: Event) => void;\n  private _blurListener: (evt: Event) => void;\n\n  constructor(private _adapter: IAppBarSearchAdapter) {\n    this._keydownListener = evt => this._onKeyDown(evt);\n    this._focusListener = evt => this._onFocus(evt);\n    this._blurListener = evt => this._onBlur(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initialize();\n\n    if (!this._adapter.hasInputElement()) {\n      throw new Error('An input element is required as a child of the app-bar-search component.');\n    }\n\n    this._adapter.setGlobalIconVisibility(this._global);\n    this._adapter.setContextVisibility(this._combined);\n    this._adapter.addSearchInputEventListener('keydown', this._keydownListener);\n    this._adapter.addSearchInputEventListener('focus', this._focusListener);\n    this._adapter.addSearchInputEventListener('blur', this._blurListener);\n  }\n\n  /**\n   * Handles keydown events on our search input.\n   * @param {KeyboardEvent} evt\n   */\n  private _onKeyDown(evt: KeyboardEvent): void {\n    if (evt.key === 'Enter' || evt.keyCode === 13) {\n      const data: IAppBarSearchInputEventData = {\n        value: (evt.target as HTMLInputElement).value,\n        combined: this._combined,\n        context: this._combinedContext\n      };\n      this._adapter.emitHostEvent(APP_BAR_SEARCH_CONSTANTS.events.INPUT, data, true);\n    }\n  }\n\n  private _onFocus(evt: Event): void {\n    this._adapter.addRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n  }\n\n  private _onBlur(evt: Event): void {\n    this._adapter.removeRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n  }\n\n  public disconnect(): void {\n    this._adapter.removeSearchInputEventListener('keydown', this._keydownListener);\n    this._adapter.removeSearchInputEventListener('focus', this._focusListener);\n    this._adapter.removeSearchInputEventListener('blur', this._blurListener);\n  }\n\n  /** Gets/sets the disabled state of the input. */\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (value !== this._disabled) {\n      this._disabled = value;\n      this._adapter.setDisabled(this._disabled);\n      this._adapter.toggleHostAttribute(APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n\n  /** Gets/sets the input value. */\n  public get value(): string {\n    return this._adapter.getInputValue();\n  }\n  public set value(value: string) {\n    this._adapter.setInputValue(value);\n  }\n\n  /** Sets the placeholder text. */\n  public set placeholder(value: string) {\n    this._adapter.setInputPlaceholder(value);\n  }\n\n  /** Gets/sets the combined bool. */\n  public get combined(): boolean {\n    return this._combined;\n  }\n  public set combined(value: boolean) {\n    if (this._combined !== value) {\n      this._combined = value;\n      this._adapter.setContextVisibility(this._combined);\n    }\n  }\n\n  /** Gets/sets options for the combined search dropdown. */\n  // Note: this is currently the end of the combinedOptions implemention.\n  //   In the future this will feed into a select or menu type dropdown.\n  public get combinedOptions(): IOption[] {\n    if (!this._combinedOptions) {\n      return [];\n    }\n\n    return this._combinedOptions.map(co => ({ ...co }));\n  }\n  public set combinedOptions(value: IOption[]) {\n    if (!value) {\n      this._combinedOptions = [];\n    }\n\n    this._combinedOptions = value.map(v => ({ ...v }));\n  }\n\n  /** Gets/sets selected option for the combined search dropdown. */\n  // Note: this is currently the end of the selectedCombinedOption implemention.\n  //   In the future this will hold the selected select or menu type dropdown value.\n  public get selectedCombinedOption(): string {\n    return this._selectedCombinedOption;\n  }\n  public set selectedCombinedOption(value: string) {\n    if (this._selectedCombinedOption !== value) {\n      this._selectedCombinedOption = value;\n    }\n  }\n\n  /** Gets/sets the input value. */\n  public get global(): boolean {\n    return this._global;\n  }\n  public set global(value: boolean) {\n    if (this._global !== value) {\n      this._global = value;\n      this._adapter.setGlobalIconVisibility(this._global);\n    }\n  }\n}\n", "import { addClass, getShadowElement, isDefined, removeClass, toggleElementPlaceholder, deepQuerySelectorAll, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IAppBarSearchComponent } from './app-bar-search';\nimport { APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\n\nexport interface IAppBarSearchAdapter extends IBaseAdapter {\n  initialize(): void;\n  hasInputElement(): boolean;\n  addRootClass(className: string | string[]): void;\n  removeRootClass(className: string | string[]): void;\n  addSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n  removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n  setDisabled(disabled: boolean): void;\n  getInputValue(): string;\n  setInputValue(value: string): void;\n  setInputPlaceholder(value: string): void;\n  setGlobalIconVisibility(isVisible: boolean): void;\n  setContextVisibility(isVisible: boolean): void;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `AppBarSearchComponent`.\n */\nexport class AppBarSearchAdapter extends BaseAdapter<IAppBarSearchComponent> implements IAppBarSearchAdapter {\n  private _rootElement: HTMLElement;\n  private _inputElement: HTMLInputElement;\n  private _globalIconContainer: HTMLElement;\n  private _globalIconPlaceholder: Comment;\n  private _contextContainerElement: HTMLElement;\n  private _contextContainerPlaceholder: Comment;\n\n  constructor(component: IAppBarSearchComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.ROOT);\n    this._globalIconContainer = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER);\n    this._contextContainerElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER);\n  }\n\n  public initialize(): void {\n    const inputElements = deepQuerySelectorAll(this._component, APP_BAR_SEARCH_CONSTANTS.selectors.INPUT, false);\n    if (inputElements.length) {\n      this._inputElement = inputElements[0] as HTMLInputElement;\n    }\n  }\n\n  public hasInputElement(): boolean {\n    return isDefined(this._inputElement);\n  }\n\n  public addRootClass(className: string | string[]): void {\n    addClass(className, this._rootElement);\n  }\n\n  public removeRootClass(className: string | string[]): void {\n    removeClass(className, this._rootElement);\n  }\n\n  /**\n   * Adds an event to the search input element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event listener.\n   */\n  public addSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n    this._inputElement.addEventListener(type, listener);\n  }\n\n  /**\n   * Removes an event from the search input element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event listener.\n   */\n  public removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n    this._inputElement.removeEventListener(type, listener);\n  }\n\n  /**\n   * Toggles the disabled attribute on the search input.\n   * @param {boolean} disabled Whether the attribute should be set or not.\n   */\n  public setDisabled(disabled: boolean): void {\n    toggleClass(this._rootElement, disabled, APP_BAR_SEARCH_CONSTANTS.classes.DISABLED);\n    toggleAttribute(this._inputElement, disabled, APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED);\n  }\n\n  public getInputValue(): string {\n    return this._inputElement.value;\n  }\n  public setInputValue(value: string): void {\n    this._inputElement.value = value;\n  }\n\n  public setInputPlaceholder(value: string): void {\n    this._inputElement.placeholder = value;\n  }\n\n  public setGlobalIconVisibility(isVisible: boolean): void {\n    this._globalIconPlaceholder = toggleElementPlaceholder(\n      this._component,\n      isVisible,\n      APP_BAR_SEARCH_CONSTANTS.elementName,\n      APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER,\n      this._globalIconContainer,\n      this._globalIconPlaceholder\n    );\n  }\n\n  public setContextVisibility(isVisible: boolean): void {\n    this._contextContainerPlaceholder = toggleElementPlaceholder(\n      this._component,\n      isVisible,\n      APP_BAR_SEARCH_CONSTANTS.elementName,\n      APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER,\n      this._contextContainerElement,\n      this._contextContainerPlaceholder\n    );\n  }\n}\n", "import { CustomElement, attachShadowTemplate, ensureChildren, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconArrowDropDown, tylIconLanguage, tylIconSearch } from '@tylertech/tyler-icons/standard';\nimport { AppBarSearchFoundation } from './app-bar-search-foundation';\nimport { AppBarSearchAdapter } from './app-bar-search-adapter';\nimport { IAppBarSearchInputEventData, APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\nimport { IOption } from '../../select';\nimport { TooltipComponent } from '../../tooltip';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-app-bar-search\\\" part=\\\"root\\\"><div class=\\\"forge-app-bar-search__container\\\" part=\\\"container\\\"><div class=\\\"forge-app-bar-search__search-icon-container\\\" part=\\\"icon-container\\\"><forge-icon name=\\\"search\\\" class=\\\"forge-app-bar-search__icon\\\" part=\\\"icon\\\"></forge-icon></div><slot></slot><div class=\\\"forge-app-bar-search__context\\\" part=\\\"context\\\"><div class=\\\"forge-app-bar-search__vertical-divider\\\" part=\\\"context-divider\\\"></div><button type=\\\"button\\\" class=\\\"forge-app-bar-search__context-button\\\" part=\\\"context-button\\\"><span class=\\\"forge-app-bar-search__context-button-text\\\" part=\\\"context-button-text\\\">in this application</span><forge-icon name=\\\"arrow_drop_down\\\" class=\\\"forge-app-bar-search__context-button-icon\\\" part=\\\"context-button-icon\\\"></forge-icon></button></div><div class=\\\"forge-app-bar-search__global-icon-container\\\" part=\\\"global-icon-container\\\"><forge-icon slot=\\\"trailing\\\" name=\\\"language\\\" id=\\\"app-bar-global-context\\\" part=\\\"global-icon\\\"></forge-icon><forge-tooltip delay=\\\"500\\\" position=\\\"bottom\\\" target=\\\"#app-bar-global-context\\\">Global search</forge-tooltip></div></div><div class=\\\"forge-app-bar-search__actions\\\" part=\\\"actions-container\\\"><slot name=\\\"action\\\"></slot></div></div></template>';\nconst styles = '::slotted([slot=action]){margin-left:8px}.forge-app-bar-search{display:-webkit-box;display:flex;height:2.25rem}.forge-app-bar-search__container{background-color:rgba(255,255,255,.08);background-color:var(--forge-app-bar-search-theme-background,rgba(255,255,255,.08));width:100%;-webkit-box-flex:1;flex:1 1 auto;margin:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.forge-app-bar-search__container::before{border-color:#fff;border-color:var(--mdc-theme-on-primary,#fff);content:\\\"\\\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border-width:1px;border-style:solid;z-index:-1;opacity:.54;-webkit-transition-property:border-color,opacity;transition-property:border-color,opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);will-change:border-color,border-width,opacity,top,left,bottom,right}.forge-app-bar-search__container:hover::before{opacity:.87;opacity:var(--forge-app-bar-search-theme-hover-opacity, .87)}.forge-app-bar-search__container ::slotted(input){color:#fff;color:var(--mdc-theme-on-primary,#fff);display:block;overflow:hidden;background:0 0;border:none;font-size:1rem;-webkit-box-flex:1;flex:1 1 auto;margin:0;margin-left:-8px;outline:0;pointer-events:auto;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2)}.forge-app-bar-search__container ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__global-icon-container{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 16px}.forge-app-bar-search__search-icon-container{width:56px;height:36px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:none}.forge-app-bar-search__icon{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-app-bar-search__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar-search__context{height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-app-bar-search__context-button{color:#000;color:var(--mdc-theme-on-surface,#000);outline:0;border:none;background:0 0;min-width:100px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:70%;margin-left:8px;margin-right:4px;border-radius:4px;background-color:transparent;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;will-change:background-color;padding:0;padding-left:8px}.forge-app-bar-search__context-button:hover{background-color:rgba(255,255,255,.12)}.forge-app-bar-search__context-button:focus{background-color:rgba(255,255,255,.2)}.forge-app-bar-search__context-button-text{-webkit-box-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.forge-app-bar-search__vertical-divider{border-left-color:#fff;border-left-color:var(--mdc-theme-on-primary,#fff);display:inline-block;position:absolute;top:8px;bottom:8px;border-left-width:1px;border-left-style:solid}.forge-app-bar-search--focused .forge-app-bar-search__container{background-color:rgba(255,255,255,.12);background-color:var(--forge-app-bar-search-theme-background-focused,rgba(255,255,255,.12))}.forge-app-bar-search--focused .forge-app-bar-search__container::before{opacity:.87;border-width:2px;top:-1px;right:-1px;bottom:-1px;left:-1px}.forge-app-bar-search--disabled{opacity:.26;opacity:var(--forge-app-bar-search-theme-disabled-opacity, .26);cursor:not-allowed}.forge-app-bar-search--disabled .forge-app-bar-search__container:hover::before{opacity:54%}.forge-app-bar-search--disabled ::slotted(input){cursor:not-allowed}:host{display:block;width:100%;contain:layout style}:host([hidden]){display:none}';\n\nexport interface IAppBarSearchComponent extends IBaseComponent {\n  disabled: boolean;\n  value: string;\n  placeholder: string;\n  combined: boolean;\n  combinedOptions: IOption[];\n  selectedCombinedOption: string;\n  global: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-app-bar-search': IAppBarSearchComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-app-bar-search-input': CustomEvent<IAppBarSearchInputEventData>;\n  }\n}\n\n/**\n * The web component class behind the `<forge-app-bar-search>` custom element.\n * \n * @tag forge-app-bar-search\n * \n * @slot - The default (unnamed) slot is where child `<input>` elements will be placed.\n * @slot action - Places actions at the end of the input.\n * \n * @csspart root - The root element\n * @csspart container - The input container element.\n * @csspart icon-container - The icon container element.\n * @csspart icon - The <forge-icon> element.\n * @csspart context - The context container element.\n * @csspart context-divider - The context divider element.\n * @csspart context-button - The context button element.\n * @csspart context-button-text - The context button text element.\n * @csspart context-button-icon - The context button icon element.\n * @csspart global-icon-container - The global icon container element.\n * @csspart global-icon - The global icon <forge-icon> element.\n * @csspart actions-container - The action container element around the slot.\n * \n * @cssproperty --mdc-theme-on-primary - Controls the border-color of the container outline, the font-color, and icon color.\n * @cssproperty --mdc-theme-on-surface - Controls the font color of the buttons.\n * @cssproperty --mdc-theme-text-secondary-on-background - Controls the placeholder font color.\n * @cssproperty --forge-app-bar-search-theme-background - Controls the background-color of the container.\n * @cssproperty --forge-app-bar-search-theme-background-focused - Controls the focused background-color of the container.\n * @cssproperty --forge-app-bar-search-theme-hover-opacity - Controls the hover opacity of the outline.\n * @cssproperty --forge-app-bar-search-theme-disabled-opacity - Controls the disabled opacity of the component.\n */\n@CustomElement({\n  name: APP_BAR_SEARCH_CONSTANTS.elementName,\n  dependencies: [\n    TooltipComponent,\n    IconComponent\n  ]\n})\nexport class AppBarSearchComponent extends BaseComponent implements IAppBarSearchComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED,\n      APP_BAR_SEARCH_CONSTANTS.attributes.VALUE,\n      APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER,\n      APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED,\n      APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL\n    ];\n  }\n\n  /** The foundation class that handles business logic for this component. */\n  private _foundation: AppBarSearchFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([tylIconSearch, tylIconArrowDropDown, tylIconLanguage]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new AppBarSearchFoundation(new AppBarSearchAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    if (this.children.length) {\n      this._initialize();\n    } else {\n      ensureChildren(this).then(() => this._initialize());\n    }\n  }\n\n  private _initialize(): void {\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 APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.VALUE:\n        this.value = newValue;\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER:\n        this.placeholder = newValue;\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED:\n        this.combined = coerceBoolean(newValue);\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL:\n        this.global = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  /** Gets/sets the value. */\n  @FoundationProperty()\n  public value: string;\n\n  /** Gets/sets the disabled state of the search input. */\n  @FoundationProperty()\n  public disabled: boolean;\n  \n  /** Gets/sets whether this is a combined search box with search options. */\n  @FoundationProperty()\n  public combined: boolean;\n  \n  /** Gets/sets seelcted option for the combined search dropdown. */\n  @FoundationProperty()\n  public combinedOptions: IOption[];\n  \n  /** Gets/sets selected option for the combined search dropdown. */\n  @FoundationProperty()\n  public selectedCombinedOption: string;\n  \n  /** Gets/sets whether the global icon is displayed at the end of the input. */\n  @FoundationProperty()\n  public global: boolean;\n\n  /** Sets the input placeholder value. */\n  public set placeholder(value: string) {\n    this._foundation.placeholder = value;\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AppBarSearchComponent } from './app-bar-search';\n\nexport * from './app-bar-search-adapter';\nexport * from './app-bar-search-constants';\nexport * from './app-bar-search-foundation';\nexport * from './app-bar-search';\n\nexport function defineAppBarSearchComponent(): void {\n  defineCustomElement(AppBarSearchComponent);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\nimport { IOption } from '../../select';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}app-bar-search`;\n\nconst classes = {\n  FOCUSED: 'forge-app-bar-search--focused',\n  DISABLED: 'forge-app-bar-search--disabled'\n};\n\nconst selectors = {\n  ROOT: '.forge-app-bar-search',\n  INPUT: 'input',\n  GLOBAL_ICON_CONTAINER: '.forge-app-bar-search__global-icon-container',\n  CONTEXT_CONTAINER: '.forge-app-bar-search__context'\n};\n\nconst attributes = {\n  DISABLED: 'disabled',\n  VALUE: 'value',\n  PLACEHOLDER: 'placeholder',\n  COMBINED: 'combined',\n  GLOBAL: 'global'\n};\n\nconst events = {\n  INPUT: `${elementName}-input`\n};\n\nconst strings = {\n  DEFAULT_CONTEXT: 'global'\n};\n\nexport const APP_BAR_SEARCH_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  attributes,\n  events,\n  strings\n};\n\nexport const DEFAULT_COMBINED_OPTIONS: IOption[] = [\n  { label: 'in this application', value: 'local' },\n  { label: 'in all products', value: strings.DEFAULT_CONTEXT }\n];\n\nexport interface IAppBarSearchInputEventData {\n  value: string;\n  combined: boolean;\n  context: string;\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IAppBarSearchAdapter } from './app-bar-search-adapter';\nimport { APP_BAR_SEARCH_CONSTANTS, IAppBarSearchInputEventData } from './app-bar-search-constants';\nimport { IOption } from '../../select';\n\nexport interface IAppBarSearchFoundation extends ICustomElementFoundation {\n  disabled: boolean;\n  value: string;\n  placeholder: string;\n  combined: boolean;\n  combinedOptions: IOption[];\n  selectedCombinedOption: string;\n  global: boolean;\n}\n\n/**\n * Provides facilities and helper methods for creating an app-bar-search component.\n */\nexport class AppBarSearchFoundation implements IAppBarSearchFoundation {\n  private _disabled = false;\n  private _combined = false;\n  private _combinedContext = APP_BAR_SEARCH_CONSTANTS.strings.DEFAULT_CONTEXT;\n  private _combinedOptions: IOption[] = [];\n  private _selectedCombinedOption: string;\n  private _global = false;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _focusListener: (evt: Event) => void;\n  private _blurListener: (evt: Event) => void;\n\n  constructor(private _adapter: IAppBarSearchAdapter) {\n    this._keydownListener = evt => this._onKeyDown(evt);\n    this._focusListener = evt => this._onFocus(evt);\n    this._blurListener = evt => this._onBlur(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initialize();\n\n    if (!this._adapter.hasInputElement()) {\n      throw new Error('An input element is required as a child of the app-bar-search component.');\n    }\n\n    this._adapter.setGlobalIconVisibility(this._global);\n    this._adapter.setContextVisibility(this._combined);\n    this._adapter.addSearchInputEventListener('keydown', this._keydownListener);\n    this._adapter.addSearchInputEventListener('focus', this._focusListener);\n    this._adapter.addSearchInputEventListener('blur', this._blurListener);\n  }\n\n  /**\n   * Handles keydown events on our search input.\n   * @param {KeyboardEvent} evt\n   */\n  private _onKeyDown(evt: KeyboardEvent): void {\n    if (evt.key === 'Enter' || evt.keyCode === 13) {\n      const data: IAppBarSearchInputEventData = {\n        value: (evt.target as HTMLInputElement).value,\n        combined: this._combined,\n        context: this._combinedContext\n      };\n      this._adapter.emitHostEvent(APP_BAR_SEARCH_CONSTANTS.events.INPUT, data, true);\n    }\n  }\n\n  private _onFocus(evt: Event): void {\n    this._adapter.addRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n  }\n\n  private _onBlur(evt: Event): void {\n    this._adapter.removeRootClass(APP_BAR_SEARCH_CONSTANTS.classes.FOCUSED);\n  }\n\n  public disconnect(): void {\n    this._adapter.removeSearchInputEventListener('keydown', this._keydownListener);\n    this._adapter.removeSearchInputEventListener('focus', this._focusListener);\n    this._adapter.removeSearchInputEventListener('blur', this._blurListener);\n  }\n\n  /** Gets/sets the disabled state of the input. */\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (value !== this._disabled) {\n      this._disabled = value;\n      this._adapter.setDisabled(this._disabled);\n      this._adapter.toggleHostAttribute(APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n\n  /** Gets/sets the input value. */\n  public get value(): string {\n    return this._adapter.getInputValue();\n  }\n  public set value(value: string) {\n    this._adapter.setInputValue(value);\n  }\n\n  /** Sets the placeholder text. */\n  public set placeholder(value: string) {\n    this._adapter.setInputPlaceholder(value);\n  }\n\n  /** Gets/sets the combined bool. */\n  public get combined(): boolean {\n    return this._combined;\n  }\n  public set combined(value: boolean) {\n    if (this._combined !== value) {\n      this._combined = value;\n      this._adapter.setContextVisibility(this._combined);\n    }\n  }\n\n  /** Gets/sets options for the combined search dropdown. */\n  // Note: this is currently the end of the combinedOptions implemention.\n  //   In the future this will feed into a select or menu type dropdown.\n  public get combinedOptions(): IOption[] {\n    if (!this._combinedOptions) {\n      return [];\n    }\n\n    return this._combinedOptions.map(co => ({ ...co }));\n  }\n  public set combinedOptions(value: IOption[]) {\n    if (!value) {\n      this._combinedOptions = [];\n    }\n\n    this._combinedOptions = value.map(v => ({ ...v }));\n  }\n\n  /** Gets/sets selected option for the combined search dropdown. */\n  // Note: this is currently the end of the selectedCombinedOption implemention.\n  //   In the future this will hold the selected select or menu type dropdown value.\n  public get selectedCombinedOption(): string {\n    return this._selectedCombinedOption;\n  }\n  public set selectedCombinedOption(value: string) {\n    if (this._selectedCombinedOption !== value) {\n      this._selectedCombinedOption = value;\n    }\n  }\n\n  /** Gets/sets the input value. */\n  public get global(): boolean {\n    return this._global;\n  }\n  public set global(value: boolean) {\n    if (this._global !== value) {\n      this._global = value;\n      this._adapter.setGlobalIconVisibility(this._global);\n    }\n  }\n}\n", "import { addClass, getShadowElement, isDefined, removeClass, toggleElementPlaceholder, deepQuerySelectorAll, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IAppBarSearchComponent } from './app-bar-search';\nimport { APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\n\nexport interface IAppBarSearchAdapter extends IBaseAdapter {\n  initialize(): void;\n  hasInputElement(): boolean;\n  addRootClass(className: string | string[]): void;\n  removeRootClass(className: string | string[]): void;\n  addSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n  removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void;\n  setDisabled(disabled: boolean): void;\n  getInputValue(): string;\n  setInputValue(value: string): void;\n  setInputPlaceholder(value: string): void;\n  setGlobalIconVisibility(isVisible: boolean): void;\n  setContextVisibility(isVisible: boolean): void;\n}\n\n/**\n * Provides facilities for interacting with the internal DOM of `AppBarSearchComponent`.\n */\nexport class AppBarSearchAdapter extends BaseAdapter<IAppBarSearchComponent> implements IAppBarSearchAdapter {\n  private _rootElement: HTMLElement;\n  private _inputElement: HTMLInputElement;\n  private _globalIconContainer: HTMLElement;\n  private _globalIconPlaceholder: Comment;\n  private _contextContainerElement: HTMLElement;\n  private _contextContainerPlaceholder: Comment;\n\n  constructor(component: IAppBarSearchComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.ROOT);\n    this._globalIconContainer = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER);\n    this._contextContainerElement = getShadowElement(component, APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER);\n  }\n\n  public initialize(): void {\n    const inputElements = deepQuerySelectorAll(this._component, APP_BAR_SEARCH_CONSTANTS.selectors.INPUT, false);\n    if (inputElements.length) {\n      this._inputElement = inputElements[0] as HTMLInputElement;\n    }\n  }\n\n  public hasInputElement(): boolean {\n    return isDefined(this._inputElement);\n  }\n\n  public addRootClass(className: string | string[]): void {\n    addClass(className, this._rootElement);\n  }\n\n  public removeRootClass(className: string | string[]): void {\n    removeClass(className, this._rootElement);\n  }\n\n  /**\n   * Adds an event to the search input element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event listener.\n   */\n  public addSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n    this._inputElement.addEventListener(type, listener);\n  }\n\n  /**\n   * Removes an event from the search input element.\n   * @param {string} type The event type.\n   * @param {Function} listener The event listener.\n   */\n  public removeSearchInputEventListener(type: string, listener: (evt: Event) => void): void {\n    this._inputElement.removeEventListener(type, listener);\n  }\n\n  /**\n   * Toggles the disabled attribute on the search input.\n   * @param {boolean} disabled Whether the attribute should be set or not.\n   */\n  public setDisabled(disabled: boolean): void {\n    toggleClass(this._rootElement, disabled, APP_BAR_SEARCH_CONSTANTS.classes.DISABLED);\n    toggleAttribute(this._inputElement, disabled, APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED);\n  }\n\n  public getInputValue(): string {\n    return this._inputElement.value;\n  }\n  public setInputValue(value: string): void {\n    this._inputElement.value = value;\n  }\n\n  public setInputPlaceholder(value: string): void {\n    this._inputElement.placeholder = value;\n  }\n\n  public setGlobalIconVisibility(isVisible: boolean): void {\n    this._globalIconPlaceholder = toggleElementPlaceholder(\n      this._component,\n      isVisible,\n      APP_BAR_SEARCH_CONSTANTS.elementName,\n      APP_BAR_SEARCH_CONSTANTS.selectors.GLOBAL_ICON_CONTAINER,\n      this._globalIconContainer,\n      this._globalIconPlaceholder\n    );\n  }\n\n  public setContextVisibility(isVisible: boolean): void {\n    this._contextContainerPlaceholder = toggleElementPlaceholder(\n      this._component,\n      isVisible,\n      APP_BAR_SEARCH_CONSTANTS.elementName,\n      APP_BAR_SEARCH_CONSTANTS.selectors.CONTEXT_CONTAINER,\n      this._contextContainerElement,\n      this._contextContainerPlaceholder\n    );\n  }\n}\n", "import { CustomElement, attachShadowTemplate, ensureChildren, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconArrowDropDown, tylIconLanguage, tylIconSearch } from '@tylertech/tyler-icons/standard';\nimport { AppBarSearchFoundation } from './app-bar-search-foundation';\nimport { AppBarSearchAdapter } from './app-bar-search-adapter';\nimport { IAppBarSearchInputEventData, APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';\nimport { IOption } from '../../select';\nimport { TooltipComponent } from '../../tooltip';\nimport { IconComponent, IconRegistry } from '../../icon';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-app-bar-search\\\" part=\\\"root\\\"><div class=\\\"forge-app-bar-search__container\\\" part=\\\"container\\\"><div class=\\\"forge-app-bar-search__search-icon-container\\\" part=\\\"icon-container\\\"><forge-icon name=\\\"search\\\" class=\\\"forge-app-bar-search__icon\\\" part=\\\"icon\\\"></forge-icon></div><slot></slot><div class=\\\"forge-app-bar-search__context\\\" part=\\\"context\\\"><div class=\\\"forge-app-bar-search__vertical-divider\\\" part=\\\"context-divider\\\"></div><button type=\\\"button\\\" class=\\\"forge-app-bar-search__context-button\\\" part=\\\"context-button\\\"><span class=\\\"forge-app-bar-search__context-button-text\\\" part=\\\"context-button-text\\\">in this application</span><forge-icon name=\\\"arrow_drop_down\\\" class=\\\"forge-app-bar-search__context-button-icon\\\" part=\\\"context-button-icon\\\"></forge-icon></button></div><div class=\\\"forge-app-bar-search__global-icon-container\\\" part=\\\"global-icon-container\\\"><forge-icon slot=\\\"trailing\\\" name=\\\"language\\\" id=\\\"app-bar-global-context\\\" part=\\\"global-icon\\\"></forge-icon><forge-tooltip delay=\\\"500\\\" position=\\\"bottom\\\" target=\\\"#app-bar-global-context\\\">Global search</forge-tooltip></div></div><div class=\\\"forge-app-bar-search__actions\\\" part=\\\"actions-container\\\"><slot name=\\\"action\\\"></slot></div></div></template>';\nconst styles = '::slotted([slot=action]){margin-left:8px}.forge-app-bar-search{display:-webkit-box;display:flex;height:2.25rem}.forge-app-bar-search__container{background-color:rgba(255,255,255,.08);background-color:var(--forge-app-bar-search-theme-background,rgba(255,255,255,.08));width:100%;-webkit-box-flex:1;flex:1 1 auto;margin:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.forge-app-bar-search__container::before{border-color:#fff;border-color:var(--mdc-theme-on-primary,#fff);content:\\\"\\\";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border-width:1px;border-style:solid;z-index:-1;opacity:.54;-webkit-transition-property:border-color,opacity;transition-property:border-color,opacity;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);will-change:border-color,border-width,opacity,top,left,bottom,right}.forge-app-bar-search__container:hover::before{opacity:.87;opacity:var(--forge-app-bar-search-theme-hover-opacity, .87)}.forge-app-bar-search__container ::slotted(input){color:#fff;color:var(--mdc-theme-on-primary,#fff);display:block;overflow:hidden;background:0 0;border:none;font-size:1rem;-webkit-box-flex:1;flex:1 1 auto;margin:0;margin-left:-8px;outline:0;pointer-events:auto;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.55,0,0.55,0.2);transition-timing-function:cubic-bezier(0.55,0,0.55,0.2)}.forge-app-bar-search__container ::slotted(input)::-webkit-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-moz-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input):-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::-ms-input-placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__container ::slotted(input)::placeholder{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));font-size:1rem;opacity:1}.forge-app-bar-search__global-icon-container{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;margin:0 16px}.forge-app-bar-search__search-icon-container{width:56px;height:36px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-flex:0;flex:none}.forge-app-bar-search__icon{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-app-bar-search__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.forge-app-bar-search__context{height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-left:8px}.forge-app-bar-search__context-button{color:#000;color:var(--mdc-theme-on-surface,#000);outline:0;border:none;background:0 0;min-width:100px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:70%;margin-left:8px;margin-right:4px;border-radius:4px;background-color:transparent;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;will-change:background-color;padding:0;padding-left:8px}.forge-app-bar-search__context-button:hover{background-color:rgba(255,255,255,.12)}.forge-app-bar-search__context-button:focus{background-color:rgba(255,255,255,.2)}.forge-app-bar-search__context-button-text{-webkit-box-flex:1;flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.forge-app-bar-search__vertical-divider{border-left-color:#fff;border-left-color:var(--mdc-theme-on-primary,#fff);display:inline-block;position:absolute;top:8px;bottom:8px;border-left-width:1px;border-left-style:solid}.forge-app-bar-search--focused .forge-app-bar-search__container{background-color:rgba(255,255,255,.12);background-color:var(--forge-app-bar-search-theme-background-focused,rgba(255,255,255,.12))}.forge-app-bar-search--focused .forge-app-bar-search__container::before{opacity:.87;border-width:2px;top:-1px;right:-1px;bottom:-1px;left:-1px}.forge-app-bar-search--disabled{opacity:.26;opacity:var(--forge-app-bar-search-theme-disabled-opacity, .26);cursor:not-allowed}.forge-app-bar-search--disabled .forge-app-bar-search__container:hover::before{opacity:54%}.forge-app-bar-search--disabled ::slotted(input){cursor:not-allowed}:host{display:block;width:100%;contain:layout style}:host([hidden]){display:none}';\n\nexport interface IAppBarSearchComponent extends IBaseComponent {\n  disabled: boolean;\n  value: string;\n  placeholder: string;\n  combined: boolean;\n  combinedOptions: IOption[];\n  selectedCombinedOption: string;\n  global: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-app-bar-search': IAppBarSearchComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-app-bar-search-input': CustomEvent<IAppBarSearchInputEventData>;\n  }\n}\n\n/**\n * The web component class behind the `<forge-app-bar-search>` custom element.\n * \n * @tag forge-app-bar-search\n * \n * @slot - The default (unnamed) slot is where child `<input>` elements will be placed.\n * @slot action - Places actions at the end of the input.\n * \n * @csspart root - The root element\n * @csspart container - The input container element.\n * @csspart icon-container - The icon container element.\n * @csspart icon - The <forge-icon> element.\n * @csspart context - The context container element.\n * @csspart context-divider - The context divider element.\n * @csspart context-button - The context button element.\n * @csspart context-button-text - The context button text element.\n * @csspart context-button-icon - The context button icon element.\n * @csspart global-icon-container - The global icon container element.\n * @csspart global-icon - The global icon <forge-icon> element.\n * @csspart actions-container - The action container element around the slot.\n * \n * @cssproperty --mdc-theme-on-primary - Controls the border-color of the container outline, the font-color, and icon color.\n * @cssproperty --mdc-theme-on-surface - Controls the font color of the buttons.\n * @cssproperty --mdc-theme-text-secondary-on-background - Controls the placeholder font color.\n * @cssproperty --forge-app-bar-search-theme-background - Controls the background-color of the container.\n * @cssproperty --forge-app-bar-search-theme-background-focused - Controls the focused background-color of the container.\n * @cssproperty --forge-app-bar-search-theme-hover-opacity - Controls the hover opacity of the outline.\n * @cssproperty --forge-app-bar-search-theme-disabled-opacity - Controls the disabled opacity of the component.\n */\n@CustomElement({\n  name: APP_BAR_SEARCH_CONSTANTS.elementName,\n  dependencies: [\n    TooltipComponent,\n    IconComponent\n  ]\n})\nexport class AppBarSearchComponent extends BaseComponent implements IAppBarSearchComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED,\n      APP_BAR_SEARCH_CONSTANTS.attributes.VALUE,\n      APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER,\n      APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED,\n      APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL\n    ];\n  }\n\n  /** The foundation class that handles business logic for this component. */\n  private _foundation: AppBarSearchFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([tylIconSearch, tylIconArrowDropDown, tylIconLanguage]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new AppBarSearchFoundation(new AppBarSearchAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    if (this.children.length) {\n      this._initialize();\n    } else {\n      ensureChildren(this).then(() => this._initialize());\n    }\n  }\n\n  private _initialize(): void {\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 APP_BAR_SEARCH_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.VALUE:\n        this.value = newValue;\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.PLACEHOLDER:\n        this.placeholder = newValue;\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.COMBINED:\n        this.combined = coerceBoolean(newValue);\n        break;\n      case APP_BAR_SEARCH_CONSTANTS.attributes.GLOBAL:\n        this.global = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  /** Gets/sets the value. */\n  @FoundationProperty()\n  public declare value: string;\n\n  /** Gets/sets the disabled state of the search input. */\n  @FoundationProperty()\n  public declare disabled: boolean;\n  \n  /** Gets/sets whether this is a combined search box with search options. */\n  @FoundationProperty()\n  public declare combined: boolean;\n  \n  /** Gets/sets seelcted option for the combined search dropdown. */\n  @FoundationProperty()\n  public declare combinedOptions: IOption[];\n  \n  /** Gets/sets selected option for the combined search dropdown. */\n  @FoundationProperty()\n  public declare selectedCombinedOption: string;\n  \n  /** Gets/sets whether the global icon is displayed at the end of the input. */\n  @FoundationProperty()\n  public declare global: boolean;\n\n  /** Sets the input placeholder value. */\n  public set placeholder(value: string) {\n    this._foundation.placeholder = value;\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { AppBarSearchComponent } from './app-bar-search';\n\nexport * from './app-bar-search-adapter';\nexport * from './app-bar-search-constants';\nexport * from './app-bar-search-foundation';\nexport * from './app-bar-search';\n\nexport function defineAppBarSearchComponent(): void {\n  defineCustomElement(AppBarSearchComponent);\n}\n"],
+  "mappings": "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",
   "names": []
 }