@tylertech/forge 2.10.1 → 2.12.0

package/dist/esm/chunks/{chunk.NEGJYSPB.js → chunk.LLHA3SQR.js}

@@ -3,5 +3,5 @@
  * Copyright 2022 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{b as K}from"./chunk.G5BCWBD5.js";import{B as D}from"./chunk.LZMYHIO2.js";import{d as F}from"./chunk.OUEF6VQ6.js";import{d as U,l as Z}from"./chunk.7TQYFMM4.js";import{a as z}from"./chunk.A23NSEWA.js";import{a as g}from"./chunk.B3IJU6XJ.js";import{a as B,b as N}from"./chunk.BSZ2LBJX.js";import{a as G}from"./chunk.3E5QKMHL.js";import{a as M,e as O,g as s}from"./chunk.HN4PXH3D.js";import{d as u,k as C,o as P}from"./chunk.G76HB2FK.js";import{a as L,f as h}from"./chunk.MCIQXNKY.js";var W=`${N}color-picker`,Y={VALUE:"value",ALLOW_OPACITY:"allow-opacity",DEBOUNCE_CHANGE_EVENT:"debounce-change-event"},J={SLIDER_THUMB_ACTIVE:"forge-color-picker__slider-thumb--active",GRADIENT_THUMB_ACTIVE:"forge-color-picker__gradient-thumb--active"},Q={GRADIENT:".forge-color-picker__gradient",GRADIENT_THUMB:".forge-color-picker__gradient-thumb",PREVIEW_COLOR:".forge-color-picker__color-preview",HEX_INPUT:"#forge-color-picker-hex-input",RGBA_INPUT:"#forge-color-picker-rgba-input",HSVA_INPUT:"#forge-color-picker-hsva-input",HUE_SLIDER:".forge-color-picker__hue-slider",HUE_SLIDER_THUMB:"#forge-color-picker-hue-thumb",OPACITY_SLIDER:".forge-color-picker__opacity-slider",OPACITY_SLIDER_THUMB:"#forge-color-picker-opacity-thumb",SLIDER:".forge-color-picker__slider",SLIDER_THUMB:".forge-color-picker__slider-thumb",COLOR_VALUE_HEX_CONTAINER:".forge-color-picker__color-hex",COLOR_VALUE_RGBA_CONTAINER:".forge-color-picker__color-rgba",COLOR_VALUE_HSVA_CONTAINER:".forge-color-picker__color-hsva",TYPE_BUTTON:"#forge-color-picker-type-button",COLOR_VALUE_RGBA_R:"#forge-color-picker-rgba-r-input",COLOR_VALUE_RGBA_G:"#forge-color-picker-rgba-g-input",COLOR_VALUE_RGBA_B:"#forge-color-picker-rgba-b-input",COLOR_VALUE_RGBA_A:"#forge-color-picker-rgba-a-input",COLOR_VALUE_HSVA_H:"#forge-color-picker-hsva-h-input",COLOR_VALUE_HSVA_S:"#forge-color-picker-hsva-s-input",COLOR_VALUE_HSVA_V:"#forge-color-picker-hsva-v-input",COLOR_VALUE_HSVA_A:"#forge-color-picker-hsva-a-input"},q={CHANGE:`${W}-change`},ee={CHANGE_EVENT_DEBOUNCE_THRESHOLD:200},o={elementName:W,attributes:Y,events:q,classes:J,selectors:Q,numbers:ee},w="000000",A=(n=>(n.HEX="hex",n.RGB="rgb",n.RGBA="rgba",n.HSV="hsv",n.HSVA="hsva",n))(A||{});var f=class extends z{constructor(t){super(t);this._gradientElement=s(t,o.selectors.GRADIENT),this._previewColorElement=s(t,o.selectors.PREVIEW_COLOR),this._hexInputElement=s(t,o.selectors.HEX_INPUT),this._rgbaInputRElement=s(t,o.selectors.COLOR_VALUE_RGBA_R),this._rgbaInputGElement=s(t,o.selectors.COLOR_VALUE_RGBA_G),this._rgbaInputBElement=s(t,o.selectors.COLOR_VALUE_RGBA_B),this._rgbaInputAElement=s(t,o.selectors.COLOR_VALUE_RGBA_A),this._hsvaInputHElement=s(t,o.selectors.COLOR_VALUE_HSVA_H),this._hsvaInputSElement=s(t,o.selectors.COLOR_VALUE_HSVA_S),this._hsvaInputVElement=s(t,o.selectors.COLOR_VALUE_HSVA_V),this._hsvaInputAElement=s(t,o.selectors.COLOR_VALUE_HSVA_A),this._hueSliderElement=s(t,o.selectors.HUE_SLIDER),this._hueSliderThumbElement=s(t,o.selectors.HUE_SLIDER_THUMB),this._opacitySliderElement=s(t,o.selectors.OPACITY_SLIDER),this._opacitySliderThumbElement=s(t,o.selectors.OPACITY_SLIDER_THUMB),this._hexValueContainerElement=s(t,o.selectors.COLOR_VALUE_HEX_CONTAINER),this._rgbaValueContainerElement=s(t,o.selectors.COLOR_VALUE_RGBA_CONTAINER),this._hsvaValueContainerElement=s(t,o.selectors.COLOR_VALUE_HSVA_CONTAINER),this._typeButtonElement=s(t,o.selectors.TYPE_BUTTON)}setPreviewColor(t){this._previewColorElement.style.backgroundColor=t}setHexInputValue(t){this._hexInputElement.value=t}setRgbaInputValue(t){this._rgbaInputRElement.value=t.r.toString(),this._rgbaInputGElement.value=t.g.toString(),this._rgbaInputBElement.value=t.b.toString(),this._rgbaInputAElement.value=t.a.toString()}setHsvaInputValue(t){this._hsvaInputHElement.value=t.h.toString(),this._hsvaInputSElement.value=t.s.toString(),this._hsvaInputVElement.value=t.v.toString(),this._hsvaInputAElement.value=t.a.toString()}updateA11y(t,i){this._hueSliderThumbElement.setAttribute("aria-valuenow",t.toString()),this._hueSliderThumbElement.setAttribute("aria-valuetext",t.toString()),this._opacitySliderThumbElement.setAttribute("aria-valuenow",i.toString()),this._opacitySliderThumbElement.setAttribute("aria-valuetext",i.toString())}setGradientColor(t){this._gradientElement.style.backgroundColor=t}getHueSliderElement(){return this._hueSliderElement}getOpacitySliderElement(){return this._opacitySliderElement}getGradientElement(){return this._gradientElement}setActiveValueType(t){switch(this._hexValueContainerElement.style.display="none",this._rgbaValueContainerElement.style.display="none",this._hsvaValueContainerElement.style.display="none",t){case"hex":this._hexValueContainerElement.style.removeProperty("display");break;case"rgba":this._rgbaValueContainerElement.style.removeProperty("display");break;case"hsva":this._hsvaValueContainerElement.style.removeProperty("display");break}}focusValueInput(t){switch(t){case"hex":this._hexInputElement.focus(),this._hexInputElement.select();break;case"rgba":this._rgbaInputRElement.focus(),this._rgbaInputRElement.select();break;case"hsva":this._hsvaInputHElement.focus(),this._hsvaInputHElement.select();break}}setTypeClickListener(t){this._typeButtonElement.addEventListener("click",t)}removeTypeClickListener(t){this._typeButtonElement.removeEventListener("click",t)}setHexInputListener(t,i){this._hexInputElement.addEventListener(t,i)}removeHexInputListener(t,i){this._hexInputElement.removeEventListener(t,i)}getHexInputValue(){return this._hexInputElement.value}setRgbaInputListener(t,i){this._rgbaInputRElement.addEventListener(t,i),this._rgbaInputGElement.addEventListener(t,i),this._rgbaInputBElement.addEventListener(t,i),this._rgbaInputAElement.addEventListener(t,i)}removeRgbaInputListener(t,i){this._rgbaInputRElement.removeEventListener(t,i),this._rgbaInputGElement.removeEventListener(t,i),this._rgbaInputBElement.removeEventListener(t,i),this._rgbaInputAElement.removeEventListener(t,i)}getRgbaInputValue(){return{r:parseInt(this._rgbaInputRElement.value,10),g:parseInt(this._rgbaInputGElement.value,10),b:parseInt(this._rgbaInputBElement.value,10),a:parseFloat(this._rgbaInputAElement.value)}}setHsvaInputListener(t,i){this._hsvaInputHElement.addEventListener(t,i),this._hsvaInputSElement.addEventListener(t,i),this._hsvaInputVElement.addEventListener(t,i),this._hsvaInputAElement.addEventListener(t,i)}removeHsvaInputListener(t,i){this._hsvaInputHElement.removeEventListener(t,i),this._hsvaInputSElement.removeEventListener(t,i),this._hsvaInputVElement.removeEventListener(t,i),this._hsvaInputAElement.removeEventListener(t,i)}getHsvaInputValue(){return{h:parseInt(this._hsvaInputHElement.value,10),s:parseInt(this._hsvaInputSElement.value,10),v:parseInt(this._hsvaInputVElement.value,10),a:parseFloat(this._hsvaInputAElement.value)}}toggleOpacityControls(t){t?(this._opacitySliderElement.style.removeProperty("display"),this._rgbaInputAElement.parentElement&&this._rgbaInputAElement.parentElement.style.removeProperty("display"),this._hsvaInputAElement.parentElement&&this._hsvaInputAElement.parentElement.style.removeProperty("display")):(this._opacitySliderElement.style.display="none",this._rgbaInputAElement.parentElement&&(this._rgbaInputAElement.parentElement.style.display="none"),this._hsvaInputAElement.parentElement&&(this._hsvaInputAElement.parentElement.style.display="none"))}};function E(r,e,t){let i=t.getBoundingClientRect(),a=r-i.left,n=e-i.top;return a>i.width?a=i.width:a<0&&(a=0),n>i.height?n=i.height:n<0&&(n=0),{x:a,y:n,height:i.height,width:i.width}}function v(r){let e,t,i,a=r.h/60,n=r.s/100,l=r.v/100;if(n===0)return e=t=i=l,{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(i*255),a:r.a};let d=Math.floor(a),_=a-d,c=l*(1-n),x=l*(1-n*_),k=l*(1-n*(1-_));switch(d){case 0:e=l,t=k,i=c;break;case 1:e=x,t=l,i=c;break;case 2:e=c,t=l,i=k;break;case 3:e=c,t=x,i=l;break;case 4:e=k,t=c,i=l;break;default:e=l,t=c,i=x}return{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(i*255),a:r.a}}function m(r){return T(r.r)+T(r.g)+T(r.b)+(Math.round(r.a*255)+65536).toString(16).substr(-2)}function T(r){return("0"+r.toString(16)).slice(-2)}function $(r){let e=r.length===3||r.length===4,t=e?`${r.slice(0,1)}${r.slice(0,1)}`:r.slice(0,2),i=e?`${r.slice(1,2)}${r.slice(1,2)}`:r.slice(2,4),a=e?`${r.slice(2,3)}${r.slice(2,3)}`:r.slice(4,6),n=(e?`${r.slice(3,4)}${r.slice(3,4)}`:r.slice(6,8))||"ff";return{r:parseInt(t,16),g:parseInt(i,16),b:parseInt(a,16),a:parseFloat((parseInt(n,16)/255).toFixed(2))}}function X(r){return`rgba(${r.r}, ${r.g}, ${r.b}, ${r.a})`}function H(r,e){let t=r.replace(/^#/,"");return e||(t.length===4?t=t.substring(0,3):t.length===8&&(t=t.substring(0,6))),`#${t}`}function j(r){let e=r.r/255,t=r.g/255,i=r.b/255,a=Math.max(e,t,i),n=Math.min(e,t,i),l=a,d=a,_=a,c=a-n;if(d=a===0?0:c/a,a===n)l=0;else{switch(a){case e:l=(t-i)/c+(t<i?6:0);break;case t:l=(i-e)/c+2;break;case i:l=(e-t)/c+4;break}l/=6}return{h:Math.round(l*360),s:Math.round(d*100),v:Math.round(_*100),a:r.a}}function S(r){if(!r||typeof r!="string")return!1;switch(r.substring(0,1)==="#"&&(r=r.substring(1)),r.length){case 3:return/^[0-9A-F]{3}$/i.test(r);case 4:return/^[0-9A-F]{4}$/i.test(r);case 6:return/^[0-9A-F]{6}$/i.test(r);case 8:return/^[0-9A-F]{8}$/i.test(r);default:return!1}}function R(r){return u(r.r)&&r.r>=0&&r.r<=255&&u(r.g)&&r.g>=0&&r.g<=255&&u(r.b)&&r.b>=0&&r.b<=255&&u(r.a)&&r.a>=0&&r.a<=1}function V(r){return u(r.h)&&r.h>=0&&r.h<=360&&u(r.s)&&r.s>=0&&r.s<=100&&u(r.v)&&r.v>=0&&r.v<=100&&u(r.a)&&r.a>=0&&r.a<=1}var y=class{constructor(e,t){this._rootElement=e;this._changeListener=t;this._keydownListener=i=>this._onKeydown(i),this._downListener=i=>this._onDown(i),this._moveListener=i=>this._onMove(i),this._upListener=i=>this._onUp(i),this._initialize()}destroy(){this._unlisten()}setValue(e,t){window.requestAnimationFrame(()=>{let i=this._rootElement.getBoundingClientRect();this._xPercent=Math.round(i.width*(e/100)),this._yPercent=i.height-Math.round(i.height*(t/100)),this._setThumbPosition(this._xPercent,this._yPercent)})}_initialize(){this._thumbElement=this._rootElement.querySelector(o.selectors.GRADIENT_THUMB),this._listen(),this._setThumbPosition(this._xPercent,this._yPercent)}_listen(){this._rootElement.addEventListener("keydown",this._keydownListener),this._rootElement.addEventListener("mousedown",this._downListener),this._rootElement.addEventListener("touchstart",this._downListener)}_unlisten(){this._rootElement.removeEventListener("keydown",this._keydownListener),this._rootElement.removeEventListener("mousedown",this._downListener),this._rootElement.removeEventListener("touchstart",this._downListener),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener)}_onKeydown(e){let t=e.key==="Enter"||e.keyCode===13,i=e.key==="ArrowLeft"||e.keyCode===37,a=e.key==="ArrowUp"||e.keyCode===38,n=e.key==="ArrowRight"||e.keyCode===39,l=e.key==="ArrowDown"||e.keyCode===40,d=this._rootElement.getBoundingClientRect();if(l)e.preventDefault(),this._yPercent++;else if(a)e.preventDefault(),this._yPercent--;else if(i)e.preventDefault(),this._xPercent--;else if(n)e.preventDefault(),this._xPercent++;else if(t)e.preventDefault();else return;this._xPercent>d.width?this._xPercent=d.width:this._xPercent<0&&(this._xPercent=0),this._yPercent>d.height?this._yPercent=d.height:this._yPercent<0&&(this._yPercent=0),this._setThumbPosition(this._xPercent,this._yPercent),this._notify()}_onDown(e){e.preventDefault(),document.addEventListener("mousemove",this._moveListener),document.addEventListener("touchmove",this._moveListener),document.addEventListener("mouseup",this._upListener),document.addEventListener("touchend",this._upListener),this._updateThumbPosition(e)}_onMove(e){e.preventDefault(),this._updateThumbPosition(e)}_onUp(e){document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener),this._updateThumbPosition(e),this._thumbElement.focus()}_updateThumbPosition(e){let t=/^mouse/.test(e.type),i=t?e.clientX:e.changedTouches[0].clientX,a=t?e.clientY:e.changedTouches[0].clientY,n=this._calculateSliderPercent(i,a);this._setThumbPosition(n.x,n.y),this._xPercent=parseInt((n.x/n.width*100).toString(),10),this._yPercent=Math.abs(parseInt((n.y/n.height*100).toString(),10)-100),this._notify()}_calculateSliderPercent(e,t){return E(e,t,this._rootElement)}_setThumbPosition(e,t){this._thumbElement.style.left=`${e}px`,this._thumbElement.style.top=`${t}px`}_notify(){typeof this._changeListener=="function"&&this._changeListener(this._xPercent,this._yPercent)}};var b=class{constructor(e,t){this._rootElement=e;this._changeListener=t;this._percent=1;this._min=0;this._max=1;this._step=.01;this._keydownListener=i=>this._onKeydown(i),this._downListener=i=>this._onDown(i),this._moveListener=i=>this._onMove(i),this._upListener=i=>this._onUp(i),this._initialize()}destroy(){this._unlisten()}setValue(e){this._percent=e,this._setThumbPosition(this._percent)}_initialize(){this._thumbElement=this._rootElement.querySelector(o.selectors.SLIDER_THUMB),this._listen(),this._setThumbPosition(this._percent)}_listen(){this._thumbElement.addEventListener("keydown",this._keydownListener),this._rootElement.addEventListener("mousedown",this._downListener),this._rootElement.addEventListener("touchstart",this._downListener)}_unlisten(){this._thumbElement.removeEventListener("keydown",this._keydownListener),this._rootElement.removeEventListener("mousedown",this._downListener),this._rootElement.removeEventListener("touchstart",this._downListener),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener)}_onKeydown(e){let t=e.key==="ArrowLeft"||e.keyCode===37,i=e.key==="ArrowRight"||e.keyCode===39,a=e.key==="Home"||e.keyCode===36,n=e.key==="End"||e.keyCode===35;t?(e.preventDefault(),this._percent-=this._step):i?(e.preventDefault(),this._percent+=this._step):a?(e.preventDefault(),this._percent=this._min):n&&(e.preventDefault(),this._percent=this._max),this._percent<this._min?this._percent=this._min:this._percent>this._max&&(this._percent=this._max),this._setThumbPosition(this._percent),this._notify()}_onDown(e){e.preventDefault(),document.addEventListener("mousemove",this._moveListener),document.addEventListener("touchmove",this._moveListener),document.addEventListener("mouseup",this._upListener),document.addEventListener("touchend",this._upListener),this._updateThumbPosition(e)}_onMove(e){e.preventDefault(),this._thumbElement.classList.add(o.classes.SLIDER_THUMB_ACTIVE),this._updateThumbPosition(e)}_onUp(e){this._thumbElement.classList.remove(o.classes.SLIDER_THUMB_ACTIVE),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener),this._updateThumbPosition(e),this._thumbElement.focus()}_updateThumbPosition(e){let t=/^mouse/.test(e.type)?e.clientX:e.changedTouches[0].clientX;this._percent=this._calculateSliderPercent(t),this._setThumbPosition(this._percent),this._notify()}_calculateSliderPercent(e){let t=E(e,0,this._rootElement);return parseFloat((t.x/t.width).toFixed(2))}_setThumbPosition(e){this._thumbElement.style.left=`${e*100}%`}_notify(){typeof this._changeListener=="function"&&this._changeListener(this._percent)}};var I=class{constructor(e){this._adapter=e;this._value=null;this._allowOpacity=!0;this._hex=w;this._hsva={h:0,s:0,v:0,a:1};this._rgba={r:0,g:0,b:0,a:1};this._debounceChangeEvent=!1;this._valueType="hex";this._gradientSliderChangedListener=(t,i)=>this._onGradientSliderChanged(t,i),this._hueSliderChangedListener=t=>this._onHueSliderChanged(t),this._opacitySliderChangedListener=t=>this._onOpacitySliderChanged(t),this._typeClickListener=t=>this._onTypeClicked(t),this._hexInputChangedListener=t=>this._onHexInputChanged(),this._rgbaInputChangedListener=t=>this._onRgbaInputChanged(),this._hsvaInputChangedListener=t=>this._onHsvaInputChanged()}initialize(){this._applyChangeEventTrigger(),this._adapter.setTypeClickListener(this._typeClickListener),this._adapter.setHexInputListener("input",this._hexInputChangedListener),this._adapter.setRgbaInputListener("input",this._rgbaInputChangedListener),this._adapter.setHsvaInputListener("input",this._hsvaInputChangedListener),this._gradientSlider=new y(this._adapter.getGradientElement(),this._gradientSliderChangedListener),this._hueSlider=new b(this._adapter.getHueSliderElement(),this._hueSliderChangedListener),this._opacitySlider=new b(this._adapter.getOpacitySliderElement(),this._opacitySliderChangedListener),this._initializeOpacity(),this._setColorFromHex(),this._adapter.setActiveValueType(this._valueType)}disconnect(){this._adapter.removeTypeClickListener(this._typeClickListener),this._adapter.removeHexInputListener("input",this._hexInputChangedListener),this._adapter.removeRgbaInputListener("input",this._hexInputChangedListener),this._adapter.removeHsvaInputListener("input",this._hexInputChangedListener),this._gradientSlider.destroy(),this._hueSlider.destroy(),this._opacitySlider.destroy()}_applyChangeEventTrigger(){this._debounceChangeEvent?this._triggerChangeEvent=P((e,t)=>{this._emitChangeEvent(e,t)},o.numbers.CHANGE_EVENT_DEBOUNCE_THRESHOLD,!1):this._triggerChangeEvent=(e,t)=>this._emitChangeEvent(e,t)}_initializeOpacity(){this._hsva.a=1,this._adapter.toggleOpacityControls(this._allowOpacity),this._render()}_onTypeClicked(e){this._valueType==="hex"?this._valueType="rgba":this._valueType==="rgba"?this._valueType="hsva":this._valueType==="hsva"&&(this._valueType="hex"),this._adapter.setActiveValueType(this._valueType),this._adapter.focusValueInput(this._valueType)}_onHexInputChanged(){let e=this._adapter.getHexInputValue();S(e)&&(this.value=e,this._triggerChangeEvent("input","hex"))}_onRgbaInputChanged(){let e=this._adapter.getRgbaInputValue();R(e)&&(this.value=m(e),this._triggerChangeEvent("input","rgba"))}_onHsvaInputChanged(){let e=this._adapter.getHsvaInputValue();V(e)&&(this.value=m(v(e)),this._triggerChangeEvent("input","hsva"))}_setColorFromHex(){this._rgba=$(this._hex),this._hsva=j(this._rgba),this._gradientSlider.setValue(this._hsva.s,this._hsva.v),this._hueSlider.setValue(parseFloat((this._hsva.h/360).toFixed(2))),this._opacitySlider.setValue(this._hsva.a),this._render()}_onGradientSliderChanged(e,t){this._hsva.s=e,this._hsva.v=t,this._syncColors(),this._render(),this._triggerChangeEvent("slider","gradient")}_onHueSliderChanged(e){this._hsva.h=parseInt((360*e).toString(),10),this._syncColors(),this._setGradientColor(),this._render(),this._triggerChangeEvent("slider","hue")}_onOpacitySliderChanged(e){this._hsva.a=e,this._syncColors(),this._render(),this._triggerChangeEvent("slider","opacity")}_setGradientColor(){let e=v({h:this._hsva.h,s:100,v:100,a:1});this._adapter.setGradientColor(`rgb(${e.r}, ${e.g}, ${e.b})`)}_syncColors(){this._rgba=v(this._hsva),this._hex=m(this._rgba),this._value=this._hex||null}_render(){this._setGradientColor(),this._adapter.setPreviewColor(X(this._rgba)),this._adapter.setHexInputValue(this._getFormattedHex()),this._adapter.setRgbaInputValue(this._rgba),this._adapter.setHsvaInputValue(this._hsva),this._adapter.updateA11y(this._hsva.h,Math.round(this._hsva.a*100))}_getFormattedHex(){return H(this._hex,!1)}_emitChangeEvent(e,t){let i={type:e,source:t,hex:H(this._hex,!1).replace(/^#/,""),rgba:this._rgba,hsva:this._hsva};this._allowOpacity&&(i.alpha=this._hsva.a),this._adapter.emitHostEvent(o.events.CHANGE,i)}get value(){return this._getFormattedHex()}set value(e){if(this._value!==e){if(this._value=e||w,!S(this._value))throw new Error("Invalid hex value provided.");this._hex=this._value.replace(/^#/,""),this._setColorFromHex(),this._adapter.setHostAttribute(o.attributes.VALUE,this._value)}}get rgba(){return this._rgba?L({},this._rgba):null}set rgba(e){e?R(e)&&(this.value=m(e)):this.value=null}get hsva(){return this._hsva?L({},this._hsva):null}set hsva(e){e?V(e)&&(this.value=m(v(e))):this.value=null}get opacity(){return this._hsva?this._hsva.a:null}set opacity(e){this._hsva.a!==e&&e!=null&&this._allowOpacity&&(e>=0&&e<=1?(this._hsva.a=e,this._opacitySlider.setValue(this._hsva.a),this._syncColors(),this._render()):console.warn(`The provided opacity value (${e}) must be between 0 and 1.`))}get allowOpacity(){return this._allowOpacity}set allowOpacity(e){this._allowOpacity=e,this._initializeOpacity()}get debounceChangeEvent(){return this._debounceChangeEvent}set debounceChangeEvent(e){this._debounceChangeEvent!==e&&(this._debounceChangeEvent=e,this._applyChangeEventTrigger())}};var te='<template><div class="forge-color-picker" part="root"><input type="color" tabindex="-1" class="forge-color-picker__input" spellcheck="false" autocomplete="off" aria-label="Color picker value" part="input"><div class="forge-color-picker__container" part="container"><div class="forge-color-picker__gradient" tabindex="0" part="gradient"><div class="forge-color-picker__gradient-color" part="gradient-color"></div><div class="forge-color-picker__gradient-thumb" part="gradient-thumb"></div></div><div class="forge-color-picker__control-preview" part="controls-preview-container"><div class="forge-color-picker__controls" part="controls-container"><div class="forge-color-picker__slider-control" part="hue-control-container"><div class="forge-color-picker__slider forge-color-picker__hue-slider" part="hue-control-slider"><div class="forge-color-picker__slider-thumb" id="forge-color-picker-hue-thumb" part="hue-control-slider-thumb" tabindex="0" role="slider" aria-label="Change hue" aria-valuemin="0" aria-valuemax="360" aria-valuenow="0" aria-orientation="horizontal" aria-valuetext="0"></div></div></div><div class="forge-color-picker__slider-control" part="opacity-control-container"><div class="forge-color-picker__canvas" part="opacity-control-canvas"><div class="forge-color-picker__slider forge-color-picker__opacity-slider" part="opacity-control-slider"><div class="forge-color-picker__slider-thumb" id="forge-color-picker-opacity-thumb" part="opacity-control-slider-thumb" tabindex="0" role="slider" aria-label="Change opacity" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-orientation="horizontal" aria-valuetext="0"></div></div></div></div></div><div class="forge-color-picker__color-preview-container forge-color-picker__canvas" part="color-preview-container"><div class="forge-color-picker__color-preview" part="color-preview"></div></div></div><div class="forge-color-picker__value" part="value-container"><div class="forge-color-picker__color-types" part="types-container"><div class="forge-color-picker__color-hex" part="hex-type-container"><div part="hex-type-label-wrapper"><label for="forge-color-picker-hex-input" part="hex-label">HEX</label></div><input type="text" id="forge-color-picker-hex-input" part="hex-input" style="width: 88px;" maxlength="9" spellcheck="false" autocomplete="off" aria-label="HEX value"></div><div class="forge-color-picker__color-rgba" part="rgba-type-container"><div part="rgba-type-wrapper-r"><label for="forge-color-picker-rgba-r-input" part="rgba-type-label-r">R</label> <input type="number" id="forge-color-picker-rgba-r-input" part="rgba-type-input-r" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Red"></div><div part="rgba-type-wrapper-g"><label for="forge-color-picker-rgba-g-input" part="rgba-type-label-g">G</label> <input type="number" id="forge-color-picker-rgba-g-input" part="rgba-type-input-g" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Green"></div><div part="rgba-type-wrapper-b"><label for="forge-color-picker-rgba-b-input" part="rgba-type-label-b">B</label> <input type="number" id="forge-color-picker-rgba-b-input" part="rgba-type-input-b" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Blue"></div><div part="rgba-type-wrapper-a"><label for="forge-color-picker-rgba-a-input" part="rgba-type-label-a">A</label> <input type="number" id="forge-color-picker-rgba-a-input" part="rgba-type-input-a" min="0" max="1" step="0.1" maxlength="3" autocomplete="off" aria-label="Alpha"></div></div><div class="forge-color-picker__color-hsva" part="hsva-type-container"><div part="hsva-type-wrapper-h"><label for="forge-color-picker-hsva-h-input" part="hsva-type-label-h">H</label> <input type="number" id="forge-color-picker-hsva-h-input" part="hsva-type-input-h" min="0" max="360" maxlength="3" autocomplete="off" aria-label="Hue"></div><div part="hsva-type-wrapper-s"><label for="forge-color-picker-hsva-s-input" part="hsva-type-label-s">S</label> <input type="number" id="forge-color-picker-hsva-s-input" part="hsva-type-input-s" min="0" max="100" maxlength="3" autocomplete="off" aria-label="Saturation"></div><div part="hsva-type-wrapper-v"><label for="forge-color-picker-hsva-v-input" part="hsva-type-label-v">V</label> <input type="number" id="forge-color-picker-hsva-v-input" part="hsva-type-input-v" min="0" max="100" maxlength="3" autocomplete="off" aria-label="Value"></div><div part="hsva-type-wrapper-a"><label for="forge-color-picker-hsva-a-input" part="hsva-type-label-a">A</label> <input type="number" id="forge-color-picker-hsva-a-input" part="hsva-type-input-a" min="0" max="1" step="0.1" maxlength="3" autocomplete="off" aria-label="Alpha"></div></div></div><div class="forge-color-picker__type-button" part="type-container"><forge-icon-button part="type-button"><button type="button" id="forge-color-picker-type-button" aria-labelledby="type-button-tooltip" part="type-button-element"><forge-icon name="unfold_more" part="type-button-icon"></forge-icon></button><forge-tooltip delay="500" position="bottom" id="type-button-tooltip">Change color format</forge-tooltip></forge-icon-button></div></div></div></div></template>',ie='.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-icon-button::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}*{-webkit-box-sizing:border-box;box-sizing:border-box}.forge-color-picker{width:272px;width:var(--forge-color-picker-width,272px);position:relative;display:inline-block;overflow:hidden}.forge-color-picker__input{height:1px;opacity:0;position:absolute;width:1px}.forge-color-picker__gradient{position:relative;outline:0}.forge-color-picker__gradient-color{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),to(#000)),-webkit-gradient(linear,left top,right top,color-stop(0,#fff),to(rgba(255,255,255,0)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);height:152px}.forge-color-picker__gradient-thumb{border:1px solid #fff;border-radius:50%;cursor:pointer;display:inline-block;height:10px;width:10px;margin-left:-5px;margin-top:-5px;position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:left .2s cubic-bezier(.25, .8, .25, 1) 0s,top .2s cubic-bezier(.25, .8, .25, 1) 0s;transition:left .2s cubic-bezier(.25, .8, .25, 1) 0s,top .2s cubic-bezier(.25, .8, .25, 1) 0s}.forge-color-picker__control-preview{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100%;padding:16px}.forge-color-picker__controls{-webkit-box-flex:1;flex:1;margin-right:16px}.forge-color-picker__slider{position:relative}.forge-color-picker__slider-thumb{outline:0;height:16px;width:16px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3);position:absolute;border-radius:50%;top:calc(50% - 8px);margin-left:-8px;-webkit-transition:left .4s cubic-bezier(.25, .8, .25, 1);transition:left .4s cubic-bezier(.25, .8, .25, 1)}.forge-color-picker__slider-thumb--active{-webkit-transition:none;transition:none}.forge-color-picker__slider-thumb:hover{cursor:pointer}.forge-color-picker__color-preview-container{border-radius:50%;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.54) inset,0 0 2px 0 rgba(0,0,0,.54);box-shadow:0 0 2px 0 rgba(0,0,0,.54) inset,0 0 2px 0 rgba(0,0,0,.54);overflow:hidden}.forge-color-picker__color-preview{height:32px;width:32px;-webkit-transition:background-color .2s cubic-bezier(.25, .8, .25, 1);transition:background-color .2s cubic-bezier(.25, .8, .25, 1)}.forge-color-picker__value{display:-webkit-box;display:flex;width:100%;-webkit-box-align:center;align-items:center;padding:0 8px 16px 16px;font-size:12px}.forge-color-picker__color-types{-webkit-box-flex:1;flex:1}.forge-color-picker__color-types label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))}.forge-color-picker__color-types input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit)}.forge-color-picker__color-types input[type=number],.forge-color-picker__color-types input[type=text]{color:#000;color:var(--mdc-theme-on-surface,#000);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:transparent;padding:4px 8px;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1);transition:box-shadow .2s 0s cubic-bezier(0, 0, .2, 1),border-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:box-shadow .2s 0s cubic-bezier(0, 0, .2, 1),border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1)}.forge-color-picker__color-types input[type=number]:hover,.forge-color-picker__color-types input[type=text]:hover{border-color:rgba(0,0,0,.87);border-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-color-picker__color-types input[type=number]:focus,.forge-color-picker__color-types input[type=text]:focus{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5);-webkit-box-shadow:0 0 0 1px inset #3f51b5;box-shadow:0 0 0 1px inset #3f51b5;-webkit-box-shadow:0 0 0 1px inset var(--mdc-theme-primary,#3f51b5);box-shadow:0 0 0 1px inset var(--mdc-theme-primary,#3f51b5)}.forge-color-picker__color-types input[type=number]{text-align:center;-moz-appearance:textfield}.forge-color-picker__color-types input[type=number]::-webkit-inner-spin-button,.forge-color-picker__color-types input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.forge-color-picker__color-hex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:space-between;align-items:space-between}.forge-color-picker__canvas{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+")}.forge-color-picker__hue-slider{height:8px;background:-webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),to(#ff0004));background:linear-gradient(to right,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%)}.forge-color-picker__opacity-slider{height:8px;margin-top:16px;background:-webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),to(red));background:linear-gradient(to right,rgba(255,0,0,0) 0,red 100%)}.forge-color-picker__color-hsva,.forge-color-picker__color-rgba{display:-webkit-box;display:flex}.forge-color-picker__color-hsva div,.forge-color-picker__color-rgba div{margin-right:4px}.forge-color-picker__color-hsva label,.forge-color-picker__color-rgba label{display:block;text-align:center}.forge-color-picker__color-hsva input,.forge-color-picker__color-rgba input{width:44px}:host{display:inline-block}:host([hidden]){display:none}',p=class extends G{constructor(){super();U.define(D),O(this,te,ie),this._foundation=new I(new f(this))}static get observedAttributes(){return[o.attributes.VALUE,o.attributes.ALLOW_OPACITY,o.attributes.DEBOUNCE_CHANGE_EVENT]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,i,a){switch(t){case o.attributes.VALUE:this.value=a;break;case o.attributes.ALLOW_OPACITY:this.allowOpacity=C(a);break;case o.attributes.DEBOUNCE_CHANGE_EVENT:this.debounceChangeEvent=C(a);break}}};h([g()],p.prototype,"value",2),h([g()],p.prototype,"rgba",2),h([g()],p.prototype,"hsva",2),h([g()],p.prototype,"opacity",2),h([g()],p.prototype,"allowOpacity",2),h([g()],p.prototype,"debounceChangeEvent",2),p=h([B({name:o.elementName,dependencies:[K,F,Z]})],p);function Xe(){M(p)}export{o as a,w as b,A as c,f as d,I as e,p as f,Xe as g};
-//# sourceMappingURL=chunk.NEGJYSPB.js.map
+import{b as K}from"./chunk.BOENNFXE.js";import{B as D}from"./chunk.LZMYHIO2.js";import{d as F}from"./chunk.OUEF6VQ6.js";import{d as U,l as Z}from"./chunk.YAJT3P6V.js";import{a as z}from"./chunk.A23NSEWA.js";import{a as g}from"./chunk.B3IJU6XJ.js";import{a as B,b as N}from"./chunk.BSZ2LBJX.js";import{a as G}from"./chunk.3E5QKMHL.js";import{a as M,e as O,g as s}from"./chunk.HN4PXH3D.js";import{d as u,k as C,o as P}from"./chunk.G76HB2FK.js";import{a as L,f as h}from"./chunk.MCIQXNKY.js";var W=`${N}color-picker`,Y={VALUE:"value",ALLOW_OPACITY:"allow-opacity",DEBOUNCE_CHANGE_EVENT:"debounce-change-event"},J={SLIDER_THUMB_ACTIVE:"forge-color-picker__slider-thumb--active",GRADIENT_THUMB_ACTIVE:"forge-color-picker__gradient-thumb--active"},Q={GRADIENT:".forge-color-picker__gradient",GRADIENT_THUMB:".forge-color-picker__gradient-thumb",PREVIEW_COLOR:".forge-color-picker__color-preview",HEX_INPUT:"#forge-color-picker-hex-input",RGBA_INPUT:"#forge-color-picker-rgba-input",HSVA_INPUT:"#forge-color-picker-hsva-input",HUE_SLIDER:".forge-color-picker__hue-slider",HUE_SLIDER_THUMB:"#forge-color-picker-hue-thumb",OPACITY_SLIDER:".forge-color-picker__opacity-slider",OPACITY_SLIDER_THUMB:"#forge-color-picker-opacity-thumb",SLIDER:".forge-color-picker__slider",SLIDER_THUMB:".forge-color-picker__slider-thumb",COLOR_VALUE_HEX_CONTAINER:".forge-color-picker__color-hex",COLOR_VALUE_RGBA_CONTAINER:".forge-color-picker__color-rgba",COLOR_VALUE_HSVA_CONTAINER:".forge-color-picker__color-hsva",TYPE_BUTTON:"#forge-color-picker-type-button",COLOR_VALUE_RGBA_R:"#forge-color-picker-rgba-r-input",COLOR_VALUE_RGBA_G:"#forge-color-picker-rgba-g-input",COLOR_VALUE_RGBA_B:"#forge-color-picker-rgba-b-input",COLOR_VALUE_RGBA_A:"#forge-color-picker-rgba-a-input",COLOR_VALUE_HSVA_H:"#forge-color-picker-hsva-h-input",COLOR_VALUE_HSVA_S:"#forge-color-picker-hsva-s-input",COLOR_VALUE_HSVA_V:"#forge-color-picker-hsva-v-input",COLOR_VALUE_HSVA_A:"#forge-color-picker-hsva-a-input"},q={CHANGE:`${W}-change`},ee={CHANGE_EVENT_DEBOUNCE_THRESHOLD:200},o={elementName:W,attributes:Y,events:q,classes:J,selectors:Q,numbers:ee},w="000000",A=(n=>(n.HEX="hex",n.RGB="rgb",n.RGBA="rgba",n.HSV="hsv",n.HSVA="hsva",n))(A||{});var f=class extends z{constructor(t){super(t);this._gradientElement=s(t,o.selectors.GRADIENT),this._previewColorElement=s(t,o.selectors.PREVIEW_COLOR),this._hexInputElement=s(t,o.selectors.HEX_INPUT),this._rgbaInputRElement=s(t,o.selectors.COLOR_VALUE_RGBA_R),this._rgbaInputGElement=s(t,o.selectors.COLOR_VALUE_RGBA_G),this._rgbaInputBElement=s(t,o.selectors.COLOR_VALUE_RGBA_B),this._rgbaInputAElement=s(t,o.selectors.COLOR_VALUE_RGBA_A),this._hsvaInputHElement=s(t,o.selectors.COLOR_VALUE_HSVA_H),this._hsvaInputSElement=s(t,o.selectors.COLOR_VALUE_HSVA_S),this._hsvaInputVElement=s(t,o.selectors.COLOR_VALUE_HSVA_V),this._hsvaInputAElement=s(t,o.selectors.COLOR_VALUE_HSVA_A),this._hueSliderElement=s(t,o.selectors.HUE_SLIDER),this._hueSliderThumbElement=s(t,o.selectors.HUE_SLIDER_THUMB),this._opacitySliderElement=s(t,o.selectors.OPACITY_SLIDER),this._opacitySliderThumbElement=s(t,o.selectors.OPACITY_SLIDER_THUMB),this._hexValueContainerElement=s(t,o.selectors.COLOR_VALUE_HEX_CONTAINER),this._rgbaValueContainerElement=s(t,o.selectors.COLOR_VALUE_RGBA_CONTAINER),this._hsvaValueContainerElement=s(t,o.selectors.COLOR_VALUE_HSVA_CONTAINER),this._typeButtonElement=s(t,o.selectors.TYPE_BUTTON)}setPreviewColor(t){this._previewColorElement.style.backgroundColor=t}setHexInputValue(t){this._hexInputElement.value=t}setRgbaInputValue(t){this._rgbaInputRElement.value=t.r.toString(),this._rgbaInputGElement.value=t.g.toString(),this._rgbaInputBElement.value=t.b.toString(),this._rgbaInputAElement.value=t.a.toString()}setHsvaInputValue(t){this._hsvaInputHElement.value=t.h.toString(),this._hsvaInputSElement.value=t.s.toString(),this._hsvaInputVElement.value=t.v.toString(),this._hsvaInputAElement.value=t.a.toString()}updateA11y(t,i){this._hueSliderThumbElement.setAttribute("aria-valuenow",t.toString()),this._hueSliderThumbElement.setAttribute("aria-valuetext",t.toString()),this._opacitySliderThumbElement.setAttribute("aria-valuenow",i.toString()),this._opacitySliderThumbElement.setAttribute("aria-valuetext",i.toString())}setGradientColor(t){this._gradientElement.style.backgroundColor=t}getHueSliderElement(){return this._hueSliderElement}getOpacitySliderElement(){return this._opacitySliderElement}getGradientElement(){return this._gradientElement}setActiveValueType(t){switch(this._hexValueContainerElement.style.display="none",this._rgbaValueContainerElement.style.display="none",this._hsvaValueContainerElement.style.display="none",t){case"hex":this._hexValueContainerElement.style.removeProperty("display");break;case"rgba":this._rgbaValueContainerElement.style.removeProperty("display");break;case"hsva":this._hsvaValueContainerElement.style.removeProperty("display");break}}focusValueInput(t){switch(t){case"hex":this._hexInputElement.focus(),this._hexInputElement.select();break;case"rgba":this._rgbaInputRElement.focus(),this._rgbaInputRElement.select();break;case"hsva":this._hsvaInputHElement.focus(),this._hsvaInputHElement.select();break}}setTypeClickListener(t){this._typeButtonElement.addEventListener("click",t)}removeTypeClickListener(t){this._typeButtonElement.removeEventListener("click",t)}setHexInputListener(t,i){this._hexInputElement.addEventListener(t,i)}removeHexInputListener(t,i){this._hexInputElement.removeEventListener(t,i)}getHexInputValue(){return this._hexInputElement.value}setRgbaInputListener(t,i){this._rgbaInputRElement.addEventListener(t,i),this._rgbaInputGElement.addEventListener(t,i),this._rgbaInputBElement.addEventListener(t,i),this._rgbaInputAElement.addEventListener(t,i)}removeRgbaInputListener(t,i){this._rgbaInputRElement.removeEventListener(t,i),this._rgbaInputGElement.removeEventListener(t,i),this._rgbaInputBElement.removeEventListener(t,i),this._rgbaInputAElement.removeEventListener(t,i)}getRgbaInputValue(){return{r:parseInt(this._rgbaInputRElement.value,10),g:parseInt(this._rgbaInputGElement.value,10),b:parseInt(this._rgbaInputBElement.value,10),a:parseFloat(this._rgbaInputAElement.value)}}setHsvaInputListener(t,i){this._hsvaInputHElement.addEventListener(t,i),this._hsvaInputSElement.addEventListener(t,i),this._hsvaInputVElement.addEventListener(t,i),this._hsvaInputAElement.addEventListener(t,i)}removeHsvaInputListener(t,i){this._hsvaInputHElement.removeEventListener(t,i),this._hsvaInputSElement.removeEventListener(t,i),this._hsvaInputVElement.removeEventListener(t,i),this._hsvaInputAElement.removeEventListener(t,i)}getHsvaInputValue(){return{h:parseInt(this._hsvaInputHElement.value,10),s:parseInt(this._hsvaInputSElement.value,10),v:parseInt(this._hsvaInputVElement.value,10),a:parseFloat(this._hsvaInputAElement.value)}}toggleOpacityControls(t){t?(this._opacitySliderElement.style.removeProperty("display"),this._rgbaInputAElement.parentElement&&this._rgbaInputAElement.parentElement.style.removeProperty("display"),this._hsvaInputAElement.parentElement&&this._hsvaInputAElement.parentElement.style.removeProperty("display")):(this._opacitySliderElement.style.display="none",this._rgbaInputAElement.parentElement&&(this._rgbaInputAElement.parentElement.style.display="none"),this._hsvaInputAElement.parentElement&&(this._hsvaInputAElement.parentElement.style.display="none"))}};function E(r,e,t){let i=t.getBoundingClientRect(),a=r-i.left,n=e-i.top;return a>i.width?a=i.width:a<0&&(a=0),n>i.height?n=i.height:n<0&&(n=0),{x:a,y:n,height:i.height,width:i.width}}function v(r){let e,t,i,a=r.h/60,n=r.s/100,l=r.v/100;if(n===0)return e=t=i=l,{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(i*255),a:r.a};let d=Math.floor(a),_=a-d,c=l*(1-n),x=l*(1-n*_),k=l*(1-n*(1-_));switch(d){case 0:e=l,t=k,i=c;break;case 1:e=x,t=l,i=c;break;case 2:e=c,t=l,i=k;break;case 3:e=c,t=x,i=l;break;case 4:e=k,t=c,i=l;break;default:e=l,t=c,i=x}return{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(i*255),a:r.a}}function m(r){return T(r.r)+T(r.g)+T(r.b)+(Math.round(r.a*255)+65536).toString(16).substr(-2)}function T(r){return("0"+r.toString(16)).slice(-2)}function $(r){let e=r.length===3||r.length===4,t=e?`${r.slice(0,1)}${r.slice(0,1)}`:r.slice(0,2),i=e?`${r.slice(1,2)}${r.slice(1,2)}`:r.slice(2,4),a=e?`${r.slice(2,3)}${r.slice(2,3)}`:r.slice(4,6),n=(e?`${r.slice(3,4)}${r.slice(3,4)}`:r.slice(6,8))||"ff";return{r:parseInt(t,16),g:parseInt(i,16),b:parseInt(a,16),a:parseFloat((parseInt(n,16)/255).toFixed(2))}}function X(r){return`rgba(${r.r}, ${r.g}, ${r.b}, ${r.a})`}function H(r,e){let t=r.replace(/^#/,"");return e||(t.length===4?t=t.substring(0,3):t.length===8&&(t=t.substring(0,6))),`#${t}`}function j(r){let e=r.r/255,t=r.g/255,i=r.b/255,a=Math.max(e,t,i),n=Math.min(e,t,i),l=a,d=a,_=a,c=a-n;if(d=a===0?0:c/a,a===n)l=0;else{switch(a){case e:l=(t-i)/c+(t<i?6:0);break;case t:l=(i-e)/c+2;break;case i:l=(e-t)/c+4;break}l/=6}return{h:Math.round(l*360),s:Math.round(d*100),v:Math.round(_*100),a:r.a}}function S(r){if(!r||typeof r!="string")return!1;switch(r.substring(0,1)==="#"&&(r=r.substring(1)),r.length){case 3:return/^[0-9A-F]{3}$/i.test(r);case 4:return/^[0-9A-F]{4}$/i.test(r);case 6:return/^[0-9A-F]{6}$/i.test(r);case 8:return/^[0-9A-F]{8}$/i.test(r);default:return!1}}function R(r){return u(r.r)&&r.r>=0&&r.r<=255&&u(r.g)&&r.g>=0&&r.g<=255&&u(r.b)&&r.b>=0&&r.b<=255&&u(r.a)&&r.a>=0&&r.a<=1}function V(r){return u(r.h)&&r.h>=0&&r.h<=360&&u(r.s)&&r.s>=0&&r.s<=100&&u(r.v)&&r.v>=0&&r.v<=100&&u(r.a)&&r.a>=0&&r.a<=1}var y=class{constructor(e,t){this._rootElement=e;this._changeListener=t;this._keydownListener=i=>this._onKeydown(i),this._downListener=i=>this._onDown(i),this._moveListener=i=>this._onMove(i),this._upListener=i=>this._onUp(i),this._initialize()}destroy(){this._unlisten()}setValue(e,t){window.requestAnimationFrame(()=>{let i=this._rootElement.getBoundingClientRect();this._xPercent=Math.round(i.width*(e/100)),this._yPercent=i.height-Math.round(i.height*(t/100)),this._setThumbPosition(this._xPercent,this._yPercent)})}_initialize(){this._thumbElement=this._rootElement.querySelector(o.selectors.GRADIENT_THUMB),this._listen(),this._setThumbPosition(this._xPercent,this._yPercent)}_listen(){this._rootElement.addEventListener("keydown",this._keydownListener),this._rootElement.addEventListener("mousedown",this._downListener),this._rootElement.addEventListener("touchstart",this._downListener)}_unlisten(){this._rootElement.removeEventListener("keydown",this._keydownListener),this._rootElement.removeEventListener("mousedown",this._downListener),this._rootElement.removeEventListener("touchstart",this._downListener),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener)}_onKeydown(e){let t=e.key==="Enter"||e.keyCode===13,i=e.key==="ArrowLeft"||e.keyCode===37,a=e.key==="ArrowUp"||e.keyCode===38,n=e.key==="ArrowRight"||e.keyCode===39,l=e.key==="ArrowDown"||e.keyCode===40,d=this._rootElement.getBoundingClientRect();if(l)e.preventDefault(),this._yPercent++;else if(a)e.preventDefault(),this._yPercent--;else if(i)e.preventDefault(),this._xPercent--;else if(n)e.preventDefault(),this._xPercent++;else if(t)e.preventDefault();else return;this._xPercent>d.width?this._xPercent=d.width:this._xPercent<0&&(this._xPercent=0),this._yPercent>d.height?this._yPercent=d.height:this._yPercent<0&&(this._yPercent=0),this._setThumbPosition(this._xPercent,this._yPercent),this._notify()}_onDown(e){e.preventDefault(),document.addEventListener("mousemove",this._moveListener),document.addEventListener("touchmove",this._moveListener),document.addEventListener("mouseup",this._upListener),document.addEventListener("touchend",this._upListener),this._updateThumbPosition(e)}_onMove(e){e.preventDefault(),this._updateThumbPosition(e)}_onUp(e){document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener),this._updateThumbPosition(e),this._thumbElement.focus()}_updateThumbPosition(e){let t=/^mouse/.test(e.type),i=t?e.clientX:e.changedTouches[0].clientX,a=t?e.clientY:e.changedTouches[0].clientY,n=this._calculateSliderPercent(i,a);this._setThumbPosition(n.x,n.y),this._xPercent=parseInt((n.x/n.width*100).toString(),10),this._yPercent=Math.abs(parseInt((n.y/n.height*100).toString(),10)-100),this._notify()}_calculateSliderPercent(e,t){return E(e,t,this._rootElement)}_setThumbPosition(e,t){this._thumbElement.style.left=`${e}px`,this._thumbElement.style.top=`${t}px`}_notify(){typeof this._changeListener=="function"&&this._changeListener(this._xPercent,this._yPercent)}};var b=class{constructor(e,t){this._rootElement=e;this._changeListener=t;this._percent=1;this._min=0;this._max=1;this._step=.01;this._keydownListener=i=>this._onKeydown(i),this._downListener=i=>this._onDown(i),this._moveListener=i=>this._onMove(i),this._upListener=i=>this._onUp(i),this._initialize()}destroy(){this._unlisten()}setValue(e){this._percent=e,this._setThumbPosition(this._percent)}_initialize(){this._thumbElement=this._rootElement.querySelector(o.selectors.SLIDER_THUMB),this._listen(),this._setThumbPosition(this._percent)}_listen(){this._thumbElement.addEventListener("keydown",this._keydownListener),this._rootElement.addEventListener("mousedown",this._downListener),this._rootElement.addEventListener("touchstart",this._downListener)}_unlisten(){this._thumbElement.removeEventListener("keydown",this._keydownListener),this._rootElement.removeEventListener("mousedown",this._downListener),this._rootElement.removeEventListener("touchstart",this._downListener),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener)}_onKeydown(e){let t=e.key==="ArrowLeft"||e.keyCode===37,i=e.key==="ArrowRight"||e.keyCode===39,a=e.key==="Home"||e.keyCode===36,n=e.key==="End"||e.keyCode===35;t?(e.preventDefault(),this._percent-=this._step):i?(e.preventDefault(),this._percent+=this._step):a?(e.preventDefault(),this._percent=this._min):n&&(e.preventDefault(),this._percent=this._max),this._percent<this._min?this._percent=this._min:this._percent>this._max&&(this._percent=this._max),this._setThumbPosition(this._percent),this._notify()}_onDown(e){e.preventDefault(),document.addEventListener("mousemove",this._moveListener),document.addEventListener("touchmove",this._moveListener),document.addEventListener("mouseup",this._upListener),document.addEventListener("touchend",this._upListener),this._updateThumbPosition(e)}_onMove(e){e.preventDefault(),this._thumbElement.classList.add(o.classes.SLIDER_THUMB_ACTIVE),this._updateThumbPosition(e)}_onUp(e){this._thumbElement.classList.remove(o.classes.SLIDER_THUMB_ACTIVE),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener),this._updateThumbPosition(e),this._thumbElement.focus()}_updateThumbPosition(e){let t=/^mouse/.test(e.type)?e.clientX:e.changedTouches[0].clientX;this._percent=this._calculateSliderPercent(t),this._setThumbPosition(this._percent),this._notify()}_calculateSliderPercent(e){let t=E(e,0,this._rootElement);return parseFloat((t.x/t.width).toFixed(2))}_setThumbPosition(e){this._thumbElement.style.left=`${e*100}%`}_notify(){typeof this._changeListener=="function"&&this._changeListener(this._percent)}};var I=class{constructor(e){this._adapter=e;this._value=null;this._allowOpacity=!0;this._hex=w;this._hsva={h:0,s:0,v:0,a:1};this._rgba={r:0,g:0,b:0,a:1};this._debounceChangeEvent=!1;this._valueType="hex";this._gradientSliderChangedListener=(t,i)=>this._onGradientSliderChanged(t,i),this._hueSliderChangedListener=t=>this._onHueSliderChanged(t),this._opacitySliderChangedListener=t=>this._onOpacitySliderChanged(t),this._typeClickListener=t=>this._onTypeClicked(t),this._hexInputChangedListener=t=>this._onHexInputChanged(),this._rgbaInputChangedListener=t=>this._onRgbaInputChanged(),this._hsvaInputChangedListener=t=>this._onHsvaInputChanged()}initialize(){this._applyChangeEventTrigger(),this._adapter.setTypeClickListener(this._typeClickListener),this._adapter.setHexInputListener("input",this._hexInputChangedListener),this._adapter.setRgbaInputListener("input",this._rgbaInputChangedListener),this._adapter.setHsvaInputListener("input",this._hsvaInputChangedListener),this._gradientSlider=new y(this._adapter.getGradientElement(),this._gradientSliderChangedListener),this._hueSlider=new b(this._adapter.getHueSliderElement(),this._hueSliderChangedListener),this._opacitySlider=new b(this._adapter.getOpacitySliderElement(),this._opacitySliderChangedListener),this._initializeOpacity(),this._setColorFromHex(),this._adapter.setActiveValueType(this._valueType)}disconnect(){this._adapter.removeTypeClickListener(this._typeClickListener),this._adapter.removeHexInputListener("input",this._hexInputChangedListener),this._adapter.removeRgbaInputListener("input",this._hexInputChangedListener),this._adapter.removeHsvaInputListener("input",this._hexInputChangedListener),this._gradientSlider.destroy(),this._hueSlider.destroy(),this._opacitySlider.destroy()}_applyChangeEventTrigger(){this._debounceChangeEvent?this._triggerChangeEvent=P((e,t)=>{this._emitChangeEvent(e,t)},o.numbers.CHANGE_EVENT_DEBOUNCE_THRESHOLD,!1):this._triggerChangeEvent=(e,t)=>this._emitChangeEvent(e,t)}_initializeOpacity(){this._hsva.a=1,this._adapter.toggleOpacityControls(this._allowOpacity),this._render()}_onTypeClicked(e){this._valueType==="hex"?this._valueType="rgba":this._valueType==="rgba"?this._valueType="hsva":this._valueType==="hsva"&&(this._valueType="hex"),this._adapter.setActiveValueType(this._valueType),this._adapter.focusValueInput(this._valueType)}_onHexInputChanged(){let e=this._adapter.getHexInputValue();S(e)&&(this.value=e,this._triggerChangeEvent("input","hex"))}_onRgbaInputChanged(){let e=this._adapter.getRgbaInputValue();R(e)&&(this.value=m(e),this._triggerChangeEvent("input","rgba"))}_onHsvaInputChanged(){let e=this._adapter.getHsvaInputValue();V(e)&&(this.value=m(v(e)),this._triggerChangeEvent("input","hsva"))}_setColorFromHex(){this._rgba=$(this._hex),this._hsva=j(this._rgba),this._gradientSlider.setValue(this._hsva.s,this._hsva.v),this._hueSlider.setValue(parseFloat((this._hsva.h/360).toFixed(2))),this._opacitySlider.setValue(this._hsva.a),this._render()}_onGradientSliderChanged(e,t){this._hsva.s=e,this._hsva.v=t,this._syncColors(),this._render(),this._triggerChangeEvent("slider","gradient")}_onHueSliderChanged(e){this._hsva.h=parseInt((360*e).toString(),10),this._syncColors(),this._setGradientColor(),this._render(),this._triggerChangeEvent("slider","hue")}_onOpacitySliderChanged(e){this._hsva.a=e,this._syncColors(),this._render(),this._triggerChangeEvent("slider","opacity")}_setGradientColor(){let e=v({h:this._hsva.h,s:100,v:100,a:1});this._adapter.setGradientColor(`rgb(${e.r}, ${e.g}, ${e.b})`)}_syncColors(){this._rgba=v(this._hsva),this._hex=m(this._rgba),this._value=this._hex||null}_render(){this._setGradientColor(),this._adapter.setPreviewColor(X(this._rgba)),this._adapter.setHexInputValue(this._getFormattedHex()),this._adapter.setRgbaInputValue(this._rgba),this._adapter.setHsvaInputValue(this._hsva),this._adapter.updateA11y(this._hsva.h,Math.round(this._hsva.a*100))}_getFormattedHex(){return H(this._hex,!1)}_emitChangeEvent(e,t){let i={type:e,source:t,hex:H(this._hex,!1).replace(/^#/,""),rgba:this._rgba,hsva:this._hsva};this._allowOpacity&&(i.alpha=this._hsva.a),this._adapter.emitHostEvent(o.events.CHANGE,i)}get value(){return this._getFormattedHex()}set value(e){if(this._value!==e){if(this._value=e||w,!S(this._value))throw new Error("Invalid hex value provided.");this._hex=this._value.replace(/^#/,""),this._setColorFromHex(),this._adapter.setHostAttribute(o.attributes.VALUE,this._value)}}get rgba(){return this._rgba?L({},this._rgba):null}set rgba(e){e?R(e)&&(this.value=m(e)):this.value=null}get hsva(){return this._hsva?L({},this._hsva):null}set hsva(e){e?V(e)&&(this.value=m(v(e))):this.value=null}get opacity(){return this._hsva?this._hsva.a:null}set opacity(e){this._hsva.a!==e&&e!=null&&this._allowOpacity&&(e>=0&&e<=1?(this._hsva.a=e,this._opacitySlider.setValue(this._hsva.a),this._syncColors(),this._render()):console.warn(`The provided opacity value (${e}) must be between 0 and 1.`))}get allowOpacity(){return this._allowOpacity}set allowOpacity(e){this._allowOpacity=e,this._initializeOpacity()}get debounceChangeEvent(){return this._debounceChangeEvent}set debounceChangeEvent(e){this._debounceChangeEvent!==e&&(this._debounceChangeEvent=e,this._applyChangeEventTrigger())}};var te='<template><div class="forge-color-picker" part="root"><input type="color" tabindex="-1" class="forge-color-picker__input" spellcheck="false" autocomplete="off" aria-label="Color picker value" part="input"><div class="forge-color-picker__container" part="container"><div class="forge-color-picker__gradient" tabindex="0" part="gradient"><div class="forge-color-picker__gradient-color" part="gradient-color"></div><div class="forge-color-picker__gradient-thumb" part="gradient-thumb"></div></div><div class="forge-color-picker__control-preview" part="controls-preview-container"><div class="forge-color-picker__controls" part="controls-container"><div class="forge-color-picker__slider-control" part="hue-control-container"><div class="forge-color-picker__slider forge-color-picker__hue-slider" part="hue-control-slider"><div class="forge-color-picker__slider-thumb" id="forge-color-picker-hue-thumb" part="hue-control-slider-thumb" tabindex="0" role="slider" aria-label="Change hue" aria-valuemin="0" aria-valuemax="360" aria-valuenow="0" aria-orientation="horizontal" aria-valuetext="0"></div></div></div><div class="forge-color-picker__slider-control" part="opacity-control-container"><div class="forge-color-picker__canvas" part="opacity-control-canvas"><div class="forge-color-picker__slider forge-color-picker__opacity-slider" part="opacity-control-slider"><div class="forge-color-picker__slider-thumb" id="forge-color-picker-opacity-thumb" part="opacity-control-slider-thumb" tabindex="0" role="slider" aria-label="Change opacity" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-orientation="horizontal" aria-valuetext="0"></div></div></div></div></div><div class="forge-color-picker__color-preview-container forge-color-picker__canvas" part="color-preview-container"><div class="forge-color-picker__color-preview" part="color-preview"></div></div></div><div class="forge-color-picker__value" part="value-container"><div class="forge-color-picker__color-types" part="types-container"><div class="forge-color-picker__color-hex" part="hex-type-container"><div part="hex-type-label-wrapper"><label for="forge-color-picker-hex-input" part="hex-label">HEX</label></div><input type="text" id="forge-color-picker-hex-input" part="hex-input" style="width: 88px;" maxlength="9" spellcheck="false" autocomplete="off" aria-label="HEX value"></div><div class="forge-color-picker__color-rgba" part="rgba-type-container"><div part="rgba-type-wrapper-r"><label for="forge-color-picker-rgba-r-input" part="rgba-type-label-r">R</label> <input type="number" id="forge-color-picker-rgba-r-input" part="rgba-type-input-r" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Red"></div><div part="rgba-type-wrapper-g"><label for="forge-color-picker-rgba-g-input" part="rgba-type-label-g">G</label> <input type="number" id="forge-color-picker-rgba-g-input" part="rgba-type-input-g" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Green"></div><div part="rgba-type-wrapper-b"><label for="forge-color-picker-rgba-b-input" part="rgba-type-label-b">B</label> <input type="number" id="forge-color-picker-rgba-b-input" part="rgba-type-input-b" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Blue"></div><div part="rgba-type-wrapper-a"><label for="forge-color-picker-rgba-a-input" part="rgba-type-label-a">A</label> <input type="number" id="forge-color-picker-rgba-a-input" part="rgba-type-input-a" min="0" max="1" step="0.1" maxlength="3" autocomplete="off" aria-label="Alpha"></div></div><div class="forge-color-picker__color-hsva" part="hsva-type-container"><div part="hsva-type-wrapper-h"><label for="forge-color-picker-hsva-h-input" part="hsva-type-label-h">H</label> <input type="number" id="forge-color-picker-hsva-h-input" part="hsva-type-input-h" min="0" max="360" maxlength="3" autocomplete="off" aria-label="Hue"></div><div part="hsva-type-wrapper-s"><label for="forge-color-picker-hsva-s-input" part="hsva-type-label-s">S</label> <input type="number" id="forge-color-picker-hsva-s-input" part="hsva-type-input-s" min="0" max="100" maxlength="3" autocomplete="off" aria-label="Saturation"></div><div part="hsva-type-wrapper-v"><label for="forge-color-picker-hsva-v-input" part="hsva-type-label-v">V</label> <input type="number" id="forge-color-picker-hsva-v-input" part="hsva-type-input-v" min="0" max="100" maxlength="3" autocomplete="off" aria-label="Value"></div><div part="hsva-type-wrapper-a"><label for="forge-color-picker-hsva-a-input" part="hsva-type-label-a">A</label> <input type="number" id="forge-color-picker-hsva-a-input" part="hsva-type-input-a" min="0" max="1" step="0.1" maxlength="3" autocomplete="off" aria-label="Alpha"></div></div></div><div class="forge-color-picker__type-button" part="type-container"><forge-icon-button part="type-button"><button type="button" id="forge-color-picker-type-button" aria-labelledby="type-button-tooltip" part="type-button-element"><forge-icon name="unfold_more" part="type-button-icon"></forge-icon></button><forge-tooltip delay="500" position="bottom" id="type-button-tooltip">Change color format</forge-tooltip></forge-icon-button></div></div></div></div></template>',ie='.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-icon-button::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}*{-webkit-box-sizing:border-box;box-sizing:border-box}.forge-color-picker{width:272px;width:var(--forge-color-picker-width,272px);position:relative;display:inline-block;overflow:hidden}.forge-color-picker__input{height:1px;opacity:0;position:absolute;width:1px}.forge-color-picker__gradient{position:relative;outline:0}.forge-color-picker__gradient-color{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),to(#000)),-webkit-gradient(linear,left top,right top,color-stop(0,#fff),to(rgba(255,255,255,0)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);height:152px}.forge-color-picker__gradient-thumb{border:1px solid #fff;border-radius:50%;cursor:pointer;display:inline-block;height:10px;width:10px;margin-left:-5px;margin-top:-5px;position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:left .2s cubic-bezier(.25, .8, .25, 1) 0s,top .2s cubic-bezier(.25, .8, .25, 1) 0s;transition:left .2s cubic-bezier(.25, .8, .25, 1) 0s,top .2s cubic-bezier(.25, .8, .25, 1) 0s}.forge-color-picker__control-preview{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100%;padding:16px}.forge-color-picker__controls{-webkit-box-flex:1;flex:1;margin-right:16px}.forge-color-picker__slider{position:relative}.forge-color-picker__slider-thumb{outline:0;height:16px;width:16px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3);position:absolute;border-radius:50%;top:calc(50% - 8px);margin-left:-8px;-webkit-transition:left .4s cubic-bezier(.25, .8, .25, 1);transition:left .4s cubic-bezier(.25, .8, .25, 1)}.forge-color-picker__slider-thumb--active{-webkit-transition:none;transition:none}.forge-color-picker__slider-thumb:hover{cursor:pointer}.forge-color-picker__color-preview-container{border-radius:50%;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.54) inset,0 0 2px 0 rgba(0,0,0,.54);box-shadow:0 0 2px 0 rgba(0,0,0,.54) inset,0 0 2px 0 rgba(0,0,0,.54);overflow:hidden}.forge-color-picker__color-preview{height:32px;width:32px;-webkit-transition:background-color .2s cubic-bezier(.25, .8, .25, 1);transition:background-color .2s cubic-bezier(.25, .8, .25, 1)}.forge-color-picker__value{display:-webkit-box;display:flex;width:100%;-webkit-box-align:center;align-items:center;padding:0 8px 16px 16px;font-size:12px}.forge-color-picker__color-types{-webkit-box-flex:1;flex:1}.forge-color-picker__color-types label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))}.forge-color-picker__color-types input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit)}.forge-color-picker__color-types input[type=number],.forge-color-picker__color-types input[type=text]{color:#000;color:var(--mdc-theme-on-surface,#000);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:transparent;padding:4px 8px;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1);transition:box-shadow .2s 0s cubic-bezier(0, 0, .2, 1),border-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:box-shadow .2s 0s cubic-bezier(0, 0, .2, 1),border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1)}.forge-color-picker__color-types input[type=number]:hover,.forge-color-picker__color-types input[type=text]:hover{border-color:rgba(0,0,0,.87);border-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-color-picker__color-types input[type=number]:focus,.forge-color-picker__color-types input[type=text]:focus{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5);-webkit-box-shadow:0 0 0 1px inset #3f51b5;box-shadow:0 0 0 1px inset #3f51b5;-webkit-box-shadow:0 0 0 1px inset var(--mdc-theme-primary,#3f51b5);box-shadow:0 0 0 1px inset var(--mdc-theme-primary,#3f51b5)}.forge-color-picker__color-types input[type=number]{text-align:center;-moz-appearance:textfield}.forge-color-picker__color-types input[type=number]::-webkit-inner-spin-button,.forge-color-picker__color-types input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.forge-color-picker__color-hex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:space-between;align-items:space-between}.forge-color-picker__canvas{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+")}.forge-color-picker__hue-slider{height:8px;background:-webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),to(#ff0004));background:linear-gradient(to right,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%)}.forge-color-picker__opacity-slider{height:8px;margin-top:16px;background:-webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),to(red));background:linear-gradient(to right,rgba(255,0,0,0) 0,red 100%)}.forge-color-picker__color-hsva,.forge-color-picker__color-rgba{display:-webkit-box;display:flex}.forge-color-picker__color-hsva div,.forge-color-picker__color-rgba div{margin-right:4px}.forge-color-picker__color-hsva label,.forge-color-picker__color-rgba label{display:block;text-align:center}.forge-color-picker__color-hsva input,.forge-color-picker__color-rgba input{width:44px}:host{display:inline-block}:host([hidden]){display:none}',p=class extends G{constructor(){super();U.define(D),O(this,te,ie),this._foundation=new I(new f(this))}static get observedAttributes(){return[o.attributes.VALUE,o.attributes.ALLOW_OPACITY,o.attributes.DEBOUNCE_CHANGE_EVENT]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,i,a){switch(t){case o.attributes.VALUE:this.value=a;break;case o.attributes.ALLOW_OPACITY:this.allowOpacity=C(a);break;case o.attributes.DEBOUNCE_CHANGE_EVENT:this.debounceChangeEvent=C(a);break}}};h([g()],p.prototype,"value",2),h([g()],p.prototype,"rgba",2),h([g()],p.prototype,"hsva",2),h([g()],p.prototype,"opacity",2),h([g()],p.prototype,"allowOpacity",2),h([g()],p.prototype,"debounceChangeEvent",2),p=h([B({name:o.elementName,dependencies:[K,F,Z]})],p);function Xe(){M(p)}export{o as a,w as b,A as c,f as d,I as e,p as f,Xe as g};
+//# sourceMappingURL=chunk.LLHA3SQR.js.map

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{a as x}from"./chunk.MIYZJUXH.js";import{a as v}from"./chunk.A23NSEWA.js";import{a as g}from"./chunk.B3IJU6XJ.js";import{a as h,b as k}from"./chunk.BSZ2LBJX.js";import{a as u}from"./chunk.3E5QKMHL.js";import{a as p,e as l,g as b}from"./chunk.HN4PXH3D.js";import{f as m,g as c}from"./chunk.R4NDFXVA.js";import{k as d}from"./chunk.G76HB2FK.js";import{f as a}from"./chunk.MCIQXNKY.js";var C=`${k}badge`,w={DOT:"dot",OPEN:"open",THEME:"theme",STRONG:"strong"},_={DOT:"forge-badge--dot",OPEN:"forge-badge--open"},B={ROOT:".forge-badge"},e={elementName:C,attributes:w,classes:_,selectors:B};var n=class extends v{constructor(t){super(t);this._rootElement=b(t,e.selectors.ROOT)}setRootClass(t){m(t,this._rootElement)}removeRootClass(t){c(t,this._rootElement)}};var s=class{constructor(o){this._adapter=o;this._dot=!1;this._open=!0}initialize(){this._applyDot(),this._setOpen()}_applyDot(){this._dot?(this._adapter.setRootClass(e.classes.DOT),this._adapter.setHostAttribute(e.attributes.DOT)):(this._adapter.removeRootClass(e.classes.DOT),this._adapter.removeHostAttribute(e.attributes.DOT))}_setOpen(){this._open?(this._adapter.setRootClass(e.classes.OPEN),this._adapter.setHostAttribute(e.attributes.OPEN)):(this._adapter.removeRootClass(e.classes.OPEN),this._adapter.removeHostAttribute(e.attributes.OPEN))}get dot(){return this._dot}set dot(o){this._dot!==o&&(this._dot=o,this._applyDot())}get open(){return this._open}set open(o){this._open!==o&&(this._open=o,this._setOpen())}};var O='<template><div class="forge-badge forge-badge--open" part="root"><slot name="leading"></slot><slot></slot><slot name="trailing"></slot></div></template>',I='.forge-badge{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1.25rem;height:var(--forge-badge-height,1.25rem);line-height:1.25rem;line-height:var(--forge-badge-line-height, 1.25rem);min-width:0;min-width:var(--forge-badge-min-width,0);max-width:auto;max-width:var(--forge-badge-max-width,auto);border:none;border:var(--forge-badge-border,none);display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;gap:4px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;-webkit-transform:scale(0);transform:scale(0);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:16px;padding:0 8px;font-weight:700}.forge-badge--elevated{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.forge-badge--open{-webkit-transform:scale(1);transform:scale(1)}.forge-badge--dot{height:.5rem;width:.5rem;min-width:auto;padding:0}:host{--forge-icon-font-size:14px;display:-webkit-box;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([positioned]){position:absolute;top:0;left:100%;-webkit-transform:translateX(-1.25rem);transform:translateX(-1.25rem)}:host([dot]){top:.5rem}:host([dot]) .forge-badge>slot{display:none}:host([static]){position:static}:host(:not([theme])) .forge-badge,:host([theme=""]) .forge-badge{background:#ffc107;background:var(--forge-badge-theme-default-muted-background,#ffc107);color:rgba(0,0,0,.87);color:var(--forge-badge-theme-default-muted-color,rgba(0,0,0,.87))}:host(:not([theme])[strong]) .forge-badge,:host([theme=""][strong]) .forge-badge{background:#3d5afe;background:var(--forge-badge-theme-default-strong-background,#3d5afe);color:#fff;color:var(--forge-badge-theme-default-strong-color,#fff)}:host([theme=default]) .forge-badge{background:#ffc107;background:var(--forge-badge-theme-default-muted-background,#ffc107);color:rgba(0,0,0,.87);color:var(--forge-badge-theme-default-muted-color,rgba(0,0,0,.87))}:host([theme=default][strong]) .forge-badge{background:#3d5afe;background:var(--forge-badge-theme-default-strong-background,#3d5afe);color:#fff;color:var(--forge-badge-theme-default-strong-color,#fff)}:host([theme=danger]) .forge-badge{background:#ffcdd2;background:var(--forge-badge-theme-danger-muted-background,#ffcdd2);color:#a22d0e;color:var(--forge-badge-theme-danger-muted-color,#a22d0e)}:host([theme=danger][strong]) .forge-badge{background:#b00020;background:var(--forge-badge-theme-danger-strong-background,#b00020);color:#fff;color:var(--forge-badge-theme-danger-strong-color,#fff)}:host([theme=warning]) .forge-badge{background:#ffdba6;background:var(--forge-badge-theme-warning-muted-background,#ffdba6);color:#a03a03;color:var(--forge-badge-theme-warning-muted-color,#a03a03)}:host([theme=warning][strong]) .forge-badge{background:#d14900;background:var(--forge-badge-theme-warning-strong-background,#d14900);color:#fff;color:var(--forge-badge-theme-warning-strong-color,#fff)}:host([theme=success]) .forge-badge{background:#a5d6a7;background:var(--forge-badge-theme-success-muted-background,#a5d6a7);color:#1b5e20;color:var(--forge-badge-theme-success-muted-color,#1b5e20)}:host([theme=success][strong]) .forge-badge{background:#2e7d32;background:var(--forge-badge-theme-success-strong-background,#2e7d32);color:#fff;color:var(--forge-badge-theme-success-strong-color,#fff)}:host([theme=info-primary]) .forge-badge{background:#bbdefb;background:var(--forge-badge-theme-info-primary-muted-background,#bbdefb);color:#1a237e;color:var(--forge-badge-theme-info-primary-muted-color,#1a237e)}:host([theme=info-primary][strong]) .forge-badge{background:#1a237e;background:var(--forge-badge-theme-info-primary-strong-background,#1a237e);color:#fff;color:var(--forge-badge-theme-info-primary-strong-color,#fff)}:host([theme=info-secondary]) .forge-badge{background:#e0e0e0;background:var(--forge-badge-theme-info-secondary-muted-background,#e0e0e0);color:#000;color:var(--forge-badge-theme-info-secondary-muted-color,#000)}:host([theme=info-secondary][strong]) .forge-badge{background:#000;background:var(--forge-badge-theme-info-secondary-strong-background,#000);color:#fff;color:var(--forge-badge-theme-info-secondary-strong-color,#fff)}',r=class extends u{constructor(){super();l(this,O,I),this._foundation=new s(new n(this))}static get observedAttributes(){return[e.attributes.DOT,e.attributes.OPEN]}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(t,E,f){switch(t){case e.attributes.DOT:this.dot=d(f);break;case e.attributes.OPEN:this.open=d(f);break}}};a([g()],r.prototype,"dot",2),a([g()],r.prototype,"open",2),r=a([h({name:e.elementName})],r);var y=class extends x{constructor(o){super(o)}_build(){return document.createElement(e.elementName)}};function Y(){p(r)}export{e as a,n as b,s as c,r as d,y as e,Y as f};
+//# sourceMappingURL=chunk.MNBJMPJ6.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/badge/badge-constants.ts", "../../src/badge/badge-adapter.ts", "../../src/badge/badge-foundation.ts", "../../src/badge/badge.ts", "../../src/badge/badge-component-delegate.ts", "../../src/badge/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}badge`;\r\n\r\nconst attributes = {\r\n  DOT: 'dot',\r\n  OPEN: 'open',\r\n  THEME: 'theme',\r\n  STRONG: 'strong'\r\n};\r\n\r\nconst classes = {\r\n  DOT: 'forge-badge--dot',\r\n  OPEN: 'forge-badge--open'\r\n};\r\n\r\nconst selectors = {\r\n  ROOT: '.forge-badge'\r\n};\r\n\r\nexport const BADGE_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors\r\n};\r\n", "import { addClass, getShadowElement, removeClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IBadgeComponent } from './badge';\nimport { BADGE_CONSTANTS } from './badge-constants';\n\nexport interface IBadgeAdapter extends IBaseAdapter {\n  setRootClass(classes: string | string[]): void;\n  removeRootClass(classes: string | string[]): void;\n}\n\nexport class BadgeAdapter extends BaseAdapter<IBadgeComponent> implements IBadgeAdapter {\n  private _rootElement: HTMLElement;\n\n  constructor(component: IBadgeComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, BADGE_CONSTANTS.selectors.ROOT);\n  }\n\n  public setRootClass(classes: string | string[]): void {\n    addClass(classes, this._rootElement);\n  }\n\n  public removeRootClass(classes: string | string[]): void {\n    removeClass(classes, this._rootElement);\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IBadgeAdapter } from './badge-adapter';\nimport { BADGE_CONSTANTS } from './badge-constants';\n\nexport interface IBadgeFoundation extends ICustomElementFoundation {\n  dot: boolean;\n  open: boolean;\n}\n\nexport class BadgeFoundation implements IBadgeFoundation {\n  private _dot = false;\n  private _open = true;\n\n  constructor(private _adapter: IBadgeAdapter) {}\n\n  public initialize(): void {\n    this._applyDot();\n    this._setOpen();\n  }\n\n  private _applyDot(): void {\n    if (this._dot) {\n      this._adapter.setRootClass(BADGE_CONSTANTS.classes.DOT);\n      this._adapter.setHostAttribute(BADGE_CONSTANTS.attributes.DOT);\n    } else {\n      this._adapter.removeRootClass(BADGE_CONSTANTS.classes.DOT);\n      this._adapter.removeHostAttribute(BADGE_CONSTANTS.attributes.DOT);\n    }\n  }\n\n  private _setOpen(): void {\n    if (this._open) {\n      this._adapter.setRootClass(BADGE_CONSTANTS.classes.OPEN);\n      this._adapter.setHostAttribute(BADGE_CONSTANTS.attributes.OPEN);\n    } else {\n      this._adapter.removeRootClass(BADGE_CONSTANTS.classes.OPEN);\n      this._adapter.removeHostAttribute(BADGE_CONSTANTS.attributes.OPEN);\n    }\n  }\n\n  public get dot(): boolean {\n    return this._dot;\n  }\n  public set dot(value: boolean) {\n    if (this._dot !== value) {\n      this._dot = value;\n      this._applyDot();\n    }\n  }\n\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    if (this._open !== value) {\n      this._open = value;\n      this._setOpen();\n    }\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\r\nimport { BadgeAdapter } from './badge-adapter';\r\nimport { BADGE_CONSTANTS } from './badge-constants';\r\nimport { BadgeFoundation } from './badge-foundation';\r\n\r\nconst template = '<template><div class=\\\"forge-badge forge-badge--open\\\" part=\\\"root\\\"><slot name=\\\"leading\\\"></slot><slot></slot><slot name=\\\"trailing\\\"></slot></div></template>';\r\nconst styles = '.forge-badge{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);height:1.25rem;height:var(--forge-badge-height,1.25rem);line-height:1.25rem;line-height:var(--forge-badge-line-height, 1.25rem);min-width:0;min-width:var(--forge-badge-min-width,0);max-width:auto;max-width:var(--forge-badge-max-width,auto);border:none;border:var(--forge-badge-border,none);display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;gap:4px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;-webkit-transform:scale(0);transform:scale(0);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:16px;padding:0 8px;font-weight:700}.forge-badge--elevated{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.forge-badge--open{-webkit-transform:scale(1);transform:scale(1)}.forge-badge--dot{height:.5rem;width:.5rem;min-width:auto;padding:0}:host{--forge-icon-font-size:14px;display:-webkit-box;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}:host([hidden]){display:none}:host([positioned]){position:absolute;top:0;left:100%;-webkit-transform:translateX(-1.25rem);transform:translateX(-1.25rem)}:host([dot]){top:.5rem}:host([dot]) .forge-badge>slot{display:none}:host([static]){position:static}:host(:not([theme])) .forge-badge,:host([theme=\\\"\\\"]) .forge-badge{background:#ffc107;background:var(--forge-badge-theme-default-muted-background,#ffc107);color:rgba(0,0,0,.87);color:var(--forge-badge-theme-default-muted-color,rgba(0,0,0,.87))}:host(:not([theme])[strong]) .forge-badge,:host([theme=\\\"\\\"][strong]) .forge-badge{background:#3d5afe;background:var(--forge-badge-theme-default-strong-background,#3d5afe);color:#fff;color:var(--forge-badge-theme-default-strong-color,#fff)}:host([theme=default]) .forge-badge{background:#ffc107;background:var(--forge-badge-theme-default-muted-background,#ffc107);color:rgba(0,0,0,.87);color:var(--forge-badge-theme-default-muted-color,rgba(0,0,0,.87))}:host([theme=default][strong]) .forge-badge{background:#3d5afe;background:var(--forge-badge-theme-default-strong-background,#3d5afe);color:#fff;color:var(--forge-badge-theme-default-strong-color,#fff)}:host([theme=danger]) .forge-badge{background:#ffcdd2;background:var(--forge-badge-theme-danger-muted-background,#ffcdd2);color:#a22d0e;color:var(--forge-badge-theme-danger-muted-color,#a22d0e)}:host([theme=danger][strong]) .forge-badge{background:#b00020;background:var(--forge-badge-theme-danger-strong-background,#b00020);color:#fff;color:var(--forge-badge-theme-danger-strong-color,#fff)}:host([theme=warning]) .forge-badge{background:#ffdba6;background:var(--forge-badge-theme-warning-muted-background,#ffdba6);color:#a03a03;color:var(--forge-badge-theme-warning-muted-color,#a03a03)}:host([theme=warning][strong]) .forge-badge{background:#d14900;background:var(--forge-badge-theme-warning-strong-background,#d14900);color:#fff;color:var(--forge-badge-theme-warning-strong-color,#fff)}:host([theme=success]) .forge-badge{background:#a5d6a7;background:var(--forge-badge-theme-success-muted-background,#a5d6a7);color:#1b5e20;color:var(--forge-badge-theme-success-muted-color,#1b5e20)}:host([theme=success][strong]) .forge-badge{background:#2e7d32;background:var(--forge-badge-theme-success-strong-background,#2e7d32);color:#fff;color:var(--forge-badge-theme-success-strong-color,#fff)}:host([theme=info-primary]) .forge-badge{background:#bbdefb;background:var(--forge-badge-theme-info-primary-muted-background,#bbdefb);color:#1a237e;color:var(--forge-badge-theme-info-primary-muted-color,#1a237e)}:host([theme=info-primary][strong]) .forge-badge{background:#1a237e;background:var(--forge-badge-theme-info-primary-strong-background,#1a237e);color:#fff;color:var(--forge-badge-theme-info-primary-strong-color,#fff)}:host([theme=info-secondary]) .forge-badge{background:#e0e0e0;background:var(--forge-badge-theme-info-secondary-muted-background,#e0e0e0);color:#000;color:var(--forge-badge-theme-info-secondary-muted-color,#000)}:host([theme=info-secondary][strong]) .forge-badge{background:#000;background:var(--forge-badge-theme-info-secondary-strong-background,#000);color:#fff;color:var(--forge-badge-theme-info-secondary-strong-color,#fff)}';\r\n\r\nexport interface IBadgeComponent extends IBaseComponent {\r\n  dot: boolean;\r\n  open: boolean;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-badge': IBadgeComponent;\r\n  }\r\n}\r\n\r\n/**\r\n * The web component class behind the `<forge-badge>` custom element.\r\n * \r\n * @tag forge-badge\r\n */\r\n@CustomElement({\r\n  name: BADGE_CONSTANTS.elementName\r\n})\r\nexport class BadgeComponent extends BaseComponent implements IBadgeComponent {\r\n  public static get observedAttributes(): string[] {\r\n    return [\r\n      BADGE_CONSTANTS.attributes.DOT,\r\n      BADGE_CONSTANTS.attributes.OPEN\r\n    ];\r\n  }\r\n\r\n  private _foundation: BadgeFoundation;\r\n\r\n  constructor() {\r\n    super();\r\n    attachShadowTemplate(this, template, styles);\r\n    this._foundation = new BadgeFoundation(new BadgeAdapter(this));\r\n  }\r\n\r\n  public connectedCallback(): void {\r\n    this._foundation.initialize();\r\n  }\r\n\r\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n    switch (name) {\r\n      case BADGE_CONSTANTS.attributes.DOT:\r\n        this.dot = coerceBoolean(newValue);\r\n        break;\r\n      case BADGE_CONSTANTS.attributes.OPEN:\r\n        this.open = coerceBoolean(newValue);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** Controls whether the component renders a simple dot/circle, or allows for content. */\r\n  @FoundationProperty()\r\n  public dot: boolean;\r\n\r\n  /** Controls the visibility state. */\r\n  @FoundationProperty()\r\n  public open: boolean;\r\n}\r\n", "import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';\nimport { IBadgeComponent } from './badge';\nimport { BADGE_CONSTANTS } from './badge-constants';\n\nexport type BadgeComponentDelegateProps = Partial<IBadgeComponent>;\nexport interface IBadgeComponentDelegateOptions extends IBaseComponentDelegateOptions {}\nexport interface IBadgeComponentDelegateConfig extends IBaseComponentDelegateConfig<IBadgeComponent, IBadgeComponentDelegateOptions> {}\n\nexport class BadgeComponentDelegate extends BaseComponentDelegate<IBadgeComponent, IBadgeComponentDelegateOptions> {\n  constructor(config?: IBadgeComponentDelegateConfig) {\n    super(config);\n  }\n\n  protected _build(): IBadgeComponent {\n    return document.createElement(BADGE_CONSTANTS.elementName);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\r\n\r\nimport { BadgeComponent } from './badge';\r\n\r\nexport * from './badge-adapter';\r\nexport * from './badge-constants';\r\nexport * from './badge-foundation';\r\nexport * from './badge';\r\nexport * from './badge-component-delegate';\r\n\r\nexport function defineBadgeComponent(): void {\r\n  defineCustomElement(BadgeComponent);\r\n}\r\n"],
+  "mappings": "oYAEA,GAAM,GAA2C,GAAG,SAE9C,EAAa,CACjB,IAAK,MACL,KAAM,OACN,MAAO,QACP,OAAQ,QACV,EAEM,EAAU,CACd,IAAK,mBACL,KAAM,mBACR,EAEM,EAAY,CAChB,KAAM,cACR,EAEa,EAAkB,CAC7B,cACA,aACA,UACA,WACF,ECfO,GAAM,GAAN,aAA2B,EAAsD,CAGtF,YAAY,EAA4B,CACtC,MAAM,CAAS,EACf,KAAK,aAAe,EAAiB,EAAW,EAAgB,UAAU,IAAI,CAChF,CAEA,AAAO,aAAa,EAAkC,CACpD,EAAS,EAAS,KAAK,YAAY,CACrC,CAEA,AAAO,gBAAgB,EAAkC,CACvD,EAAY,EAAS,KAAK,YAAY,CACxC,CACF,ECfO,GAAM,GAAN,KAAkD,CAIvD,YAAoB,EAAyB,CAAzB,gBAHpB,KAAQ,KAAO,GACf,KAAQ,MAAQ,EAE8B,CAE9C,AAAO,YAAmB,CACxB,KAAK,UAAU,EACf,KAAK,SAAS,CAChB,CAEA,AAAQ,WAAkB,CACxB,AAAI,KAAK,KACP,MAAK,SAAS,aAAa,EAAgB,QAAQ,GAAG,EACtD,KAAK,SAAS,iBAAiB,EAAgB,WAAW,GAAG,GAE7D,MAAK,SAAS,gBAAgB,EAAgB,QAAQ,GAAG,EACzD,KAAK,SAAS,oBAAoB,EAAgB,WAAW,GAAG,EAEpE,CAEA,AAAQ,UAAiB,CACvB,AAAI,KAAK,MACP,MAAK,SAAS,aAAa,EAAgB,QAAQ,IAAI,EACvD,KAAK,SAAS,iBAAiB,EAAgB,WAAW,IAAI,GAE9D,MAAK,SAAS,gBAAgB,EAAgB,QAAQ,IAAI,EAC1D,KAAK,SAAS,oBAAoB,EAAgB,WAAW,IAAI,EAErE,CAEA,GAAW,MAAe,CACxB,MAAO,MAAK,IACd,CACA,GAAW,KAAI,EAAgB,CAC7B,AAAI,KAAK,OAAS,GAChB,MAAK,KAAO,EACZ,KAAK,UAAU,EAEnB,CAEA,GAAW,OAAgB,CACzB,MAAO,MAAK,KACd,CACA,GAAW,MAAK,EAAgB,CAC9B,AAAI,KAAK,QAAU,GACjB,MAAK,MAAQ,EACb,KAAK,SAAS,EAElB,CACF,ECtDA,GAAM,GAAW,2JACX,EAAS,iiKAqBF,EAAN,aAA6B,EAAyC,CAU3E,aAAc,CACZ,MAAM,EACN,EAAqB,KAAM,EAAU,CAAM,EAC3C,KAAK,YAAc,GAAI,GAAgB,GAAI,GAAa,IAAI,CAAC,CAC/D,CAbA,UAAkB,qBAA+B,CAC/C,MAAO,CACL,EAAgB,WAAW,IAC3B,EAAgB,WAAW,IAC7B,CACF,CAUA,AAAO,mBAA0B,CAC/B,KAAK,YAAY,WAAW,CAC9B,CAEA,AAAO,yBAAyB,EAAc,EAAkB,EAAwB,CACtF,OAAQ,OACD,GAAgB,WAAW,IAC9B,KAAK,IAAM,EAAc,CAAQ,EACjC,UACG,GAAgB,WAAW,KAC9B,KAAK,KAAO,EAAc,CAAQ,EAClC,MAEN,CASF,EALS,GADP,AAAC,EAAmB,GACb,AAjCI,EAiCJ,mBAIA,GADP,AAAC,EAAmB,GACb,AArCI,EAqCJ,oBArCI,EAAN,GAHP,AAAC,EAAc,CACb,KAAM,EAAgB,WACxB,CAAC,GACY,GCpBN,GAAM,GAAN,aAAqC,EAAuE,CACjH,YAAY,EAAwC,CAClD,MAAM,CAAM,CACd,CAEA,AAAU,QAA0B,CAClC,MAAO,UAAS,cAAc,EAAgB,WAAW,CAC3D,CACF,ECNO,YAAsC,CAC3C,EAAoB,CAAc,CACpC",
+  "names": []
+}

package/dist/esm/chunks/{chunk.JXQZMASB.js → chunk.OAKTW64X.js}

@@ -3,5 +3,5 @@
  * Copyright 2022 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{b as h}from"./chunk.QXLPBYMX.js";import{r as _}from"./chunk.AABG6MSC.js";import{a as b}from"./chunk.MIYZJUXH.js";import{a as c,b as m}from"./chunk.BSZ2LBJX.js";import{a as d}from"./chunk.3E5QKMHL.js";import{a as p}from"./chunk.HN4PXH3D.js";import{l,u}from"./chunk.R4NDFXVA.js";import{f as a}from"./chunk.MCIQXNKY.js";var v=`${m}button`,r={BUTTON:"forge-button",LABEL:"forge-button__label",ICON:"forge-button__icon",BUTTON_RAISED:"forge-button--raised",BUTTON_UNELEVATED:"forge-button--unelevated",BUTTON_OUTLINED:"forge-button--outlined",BUTTON_DENSE:"forge-button--dense",RIPPLE:"forge-button__ripple"},B={BUTTON:"button",LABEL:`span:not(.${r.RIPPLE})`,ICON:"i,forge-icon,[data-forge-button-icon]",RIPPLE:`.${r.RIPPLE}`},O={TYPE:"type",DISABLED:"disabled"},e={elementName:v,classes:r,selectors:B,attributes:O};var s=class extends d{constructor(){super()}static get observedAttributes(){return[e.attributes.TYPE]}connectedCallback(){this.children.length?this._initialize():l(this).then(()=>this._initialize())}attributeChangedCallback(t,n,i){switch(t){case e.attributes.TYPE:this.type=i;break}}disconnectedCallback(){this._rippleInstance&&this._rippleInstance.destroy(),this._mutationObserver&&this._mutationObserver.disconnect(),this._buttonAttrMutationObserver&&this._buttonAttrMutationObserver.disconnect()}get type(){return this._type}set type(t){this._type!==t&&(this._type=t,this._applyType(t),this.setAttribute(e.attributes.TYPE,this._type))}_applyType(t){this._buttonElement&&(this._buttonElement.classList.remove(e.classes.BUTTON_RAISED),this._buttonElement.classList.remove(e.classes.BUTTON_UNELEVATED),this._buttonElement.classList.remove(e.classes.BUTTON_OUTLINED),this._buttonElement.classList.remove(e.classes.BUTTON_DENSE),t.includes("raised")&&this._buttonElement.classList.add(e.classes.BUTTON_RAISED),t.includes("unelevated")&&this._buttonElement.classList.add(e.classes.BUTTON_UNELEVATED),t.includes("outlined")&&this._buttonElement.classList.add(e.classes.BUTTON_OUTLINED),t.includes("dense")&&this._buttonElement.classList.add(e.classes.BUTTON_DENSE))}_initialize(){this._initializeButton(),this._initializeMutationObserver()}_initializeButton(){this._buttonElement=this.querySelector(e.selectors.BUTTON),this._buttonElement&&(this.hasAttribute(e.attributes.TYPE)&&(this._type=this.getAttribute(e.attributes.TYPE),this._applyType(this._type)),this._buttonElement.classList.add(e.classes.BUTTON),this._syncDisabledState(),this._initializeButtonChildren(),this._deferRippleInitialization())}async _deferRippleInitialization(){let t=await _(this._buttonElement);this._rippleInstance||(this._initRipple(),t==="focusin"&&this._rippleInstance.foundation.handleFocus())}_initRipple(){this._rippleInstance&&this._rippleInstance.destroy(),this._rippleInstance=new h(this._buttonElement)}_initializeButtonChildren(){if(!this._buttonElement.querySelector(e.selectors.RIPPLE)){let i=document.createElement("span");i.classList.add(e.classes.RIPPLE),this._buttonElement.appendChild(i)}let t=this.querySelector(e.selectors.LABEL);t&&t.classList.add(e.classes.LABEL),Array.from(this.querySelectorAll(e.selectors.ICON)).forEach(i=>{i.classList.add(e.classes.ICON),i.hasAttribute("aria-hidden")||i.setAttribute("aria-hidden","true")})}_initializeMutationObserver(){if(!this._mutationObserver){let t={childList:!0,subtree:!0},n=i=>{this._buttonWasAdded(i)?this._initializeButton():i.some(o=>o.addedNodes.length)&&this._initializeButtonChildren()};this._mutationObserver=new MutationObserver(n),this._mutationObserver.observe(this,t),this._buttonElement&&(this._buttonAttrMutationObserver=new MutationObserver(i=>{i.some(o=>o.attributeName==="disabled")&&this._syncDisabledState()}),this._buttonAttrMutationObserver.observe(this._buttonElement,{attributes:!0,attributeFilter:["disabled"]}))}}_buttonWasAdded(t){return t.some(n=>Array.from(n.addedNodes).some(i=>i.nodeName.toLowerCase()===e.selectors.BUTTON))}_syncDisabledState(){u(this,this._buttonElement.disabled,e.attributes.DISABLED)}};s=a([c({name:e.elementName})],s);var E=class extends b{constructor(t){super(t)}destroy(){this._buttonElement=void 0}get buttonElement(){return this._buttonElement}_build(){var n,i;let t=document.createElement(e.elementName);return this._buttonElement=document.createElement("button"),this._buttonElement.type=((n=this._config.options)==null?void 0:n.type)||"button",this._buttonElement.textContent=((i=this._config.options)==null?void 0:i.text)||"",t.appendChild(this._buttonElement),t}onClick(t){var n;(n=this._buttonElement)==null||n.addEventListener("click",t)}onFocus(t){var n;(n=this._buttonElement)==null||n.addEventListener("focus",i=>t(i))}onBlur(t){var n;(n=this._buttonElement)==null||n.addEventListener("blur",i=>t(i))}};function F(){p(s)}export{e as a,s as b,E as c,F as d};
-//# sourceMappingURL=chunk.JXQZMASB.js.map
+import{b as h}from"./chunk.QXLPBYMX.js";import{r as _}from"./chunk.KYCC3C3M.js";import{a as b}from"./chunk.MIYZJUXH.js";import{a as c,b as m}from"./chunk.BSZ2LBJX.js";import{a as d}from"./chunk.3E5QKMHL.js";import{a as p}from"./chunk.HN4PXH3D.js";import{l,u}from"./chunk.R4NDFXVA.js";import{f as a}from"./chunk.MCIQXNKY.js";var v=`${m}button`,r={BUTTON:"forge-button",LABEL:"forge-button__label",ICON:"forge-button__icon",BUTTON_RAISED:"forge-button--raised",BUTTON_UNELEVATED:"forge-button--unelevated",BUTTON_OUTLINED:"forge-button--outlined",BUTTON_DENSE:"forge-button--dense",RIPPLE:"forge-button__ripple"},B={BUTTON:"button",LABEL:`span:not(.${r.RIPPLE})`,ICON:"i,forge-icon,[data-forge-button-icon]",RIPPLE:`.${r.RIPPLE}`},O={TYPE:"type",DISABLED:"disabled"},e={elementName:v,classes:r,selectors:B,attributes:O};var s=class extends d{constructor(){super()}static get observedAttributes(){return[e.attributes.TYPE]}connectedCallback(){this.children.length?this._initialize():l(this).then(()=>this._initialize())}attributeChangedCallback(t,n,i){switch(t){case e.attributes.TYPE:this.type=i;break}}disconnectedCallback(){this._rippleInstance&&this._rippleInstance.destroy(),this._mutationObserver&&this._mutationObserver.disconnect(),this._buttonAttrMutationObserver&&this._buttonAttrMutationObserver.disconnect()}get type(){return this._type}set type(t){this._type!==t&&(this._type=t,this._applyType(t),this.setAttribute(e.attributes.TYPE,this._type))}_applyType(t){this._buttonElement&&(this._buttonElement.classList.remove(e.classes.BUTTON_RAISED),this._buttonElement.classList.remove(e.classes.BUTTON_UNELEVATED),this._buttonElement.classList.remove(e.classes.BUTTON_OUTLINED),this._buttonElement.classList.remove(e.classes.BUTTON_DENSE),t.includes("raised")&&this._buttonElement.classList.add(e.classes.BUTTON_RAISED),t.includes("unelevated")&&this._buttonElement.classList.add(e.classes.BUTTON_UNELEVATED),t.includes("outlined")&&this._buttonElement.classList.add(e.classes.BUTTON_OUTLINED),t.includes("dense")&&this._buttonElement.classList.add(e.classes.BUTTON_DENSE))}_initialize(){this._initializeButton(),this._initializeMutationObserver()}_initializeButton(){this._buttonElement=this.querySelector(e.selectors.BUTTON),this._buttonElement&&(this.hasAttribute(e.attributes.TYPE)&&(this._type=this.getAttribute(e.attributes.TYPE),this._applyType(this._type)),this._buttonElement.classList.add(e.classes.BUTTON),this._syncDisabledState(),this._initializeButtonChildren(),this._deferRippleInitialization())}async _deferRippleInitialization(){let t=await _(this._buttonElement);this._rippleInstance||(this._initRipple(),t==="focusin"&&this._rippleInstance.foundation.handleFocus())}_initRipple(){this._rippleInstance&&this._rippleInstance.destroy(),this._rippleInstance=new h(this._buttonElement)}_initializeButtonChildren(){if(!this._buttonElement.querySelector(e.selectors.RIPPLE)){let i=document.createElement("span");i.classList.add(e.classes.RIPPLE),this._buttonElement.appendChild(i)}let t=this.querySelector(e.selectors.LABEL);t&&t.classList.add(e.classes.LABEL),Array.from(this.querySelectorAll(e.selectors.ICON)).forEach(i=>{i.classList.add(e.classes.ICON),i.hasAttribute("aria-hidden")||i.setAttribute("aria-hidden","true")})}_initializeMutationObserver(){if(!this._mutationObserver){let t={childList:!0,subtree:!0},n=i=>{this._buttonWasAdded(i)?this._initializeButton():i.some(o=>o.addedNodes.length)&&this._initializeButtonChildren()};this._mutationObserver=new MutationObserver(n),this._mutationObserver.observe(this,t),this._buttonElement&&(this._buttonAttrMutationObserver=new MutationObserver(i=>{i.some(o=>o.attributeName==="disabled")&&this._syncDisabledState()}),this._buttonAttrMutationObserver.observe(this._buttonElement,{attributes:!0,attributeFilter:["disabled"]}))}}_buttonWasAdded(t){return t.some(n=>Array.from(n.addedNodes).some(i=>i.nodeName.toLowerCase()===e.selectors.BUTTON))}_syncDisabledState(){u(this,this._buttonElement.disabled,e.attributes.DISABLED)}};s=a([c({name:e.elementName})],s);var E=class extends b{constructor(t){super(t)}destroy(){this._buttonElement=void 0}get buttonElement(){return this._buttonElement}_build(){var n,i;let t=document.createElement(e.elementName);return this._buttonElement=document.createElement("button"),this._buttonElement.type=((n=this._config.options)==null?void 0:n.type)||"button",this._buttonElement.textContent=((i=this._config.options)==null?void 0:i.text)||"",t.appendChild(this._buttonElement),t}onClick(t){var n;(n=this._buttonElement)==null||n.addEventListener("click",t)}onFocus(t){var n;(n=this._buttonElement)==null||n.addEventListener("focus",i=>t(i))}onBlur(t){var n;(n=this._buttonElement)==null||n.addEventListener("blur",i=>t(i))}};function F(){p(s)}export{e as a,s as b,E as c,F as d};
+//# sourceMappingURL=chunk.OAKTW64X.js.map

package/dist/esm/chunks/{chunk.CSOY4C7A.js → chunk.OG2BI3UW.js}

@@ -3,5 +3,5 @@
  * Copyright 2022 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{a as y}from"./chunk.AHOQXJRN.js";import{a as A}from"./chunk.A23NSEWA.js";import{a as d}from"./chunk.B3IJU6XJ.js";import{a as f,b as T}from"./chunk.BSZ2LBJX.js";import{a as I}from"./chunk.3E5QKMHL.js";import{a as N,e as O,g as h}from"./chunk.HN4PXH3D.js";import{k as v,o as u}from"./chunk.G76HB2FK.js";import{f as a}from"./chunk.MCIQXNKY.js";var L=`${T}expansion-panel`,c={CONTAINER:"forge-expansion-panel",HEADER:"forge-expansion-panel__header",CONTENT:"forge-expansion-panel__content"},C={CONTAINER:`.${c.CONTAINER}`,HEADER:`.${c.HEADER}`,CONTENT:`.${c.CONTENT}`,HEADER_SLOT:`.${c.HEADER} > slot[name=header]`,OPEN_ICON:`[slot=header] ${y.elementName}`},x={TOGGLE:`${L}-toggle`},k={OPEN:"open",ORIENTATION:"orientation",USE_ANIMATIONS:"use-animations"},p={COLLAPSE_ANIMATION_DURATION:400,CLICK_DEBOUNCE_THRESHOLD:200},S={ORIENTATION_VERTICAL:"vertical",ORIENTATION_HORIZONTAL:"horizontal",EXPANSION_VERTICAL_TRANSITION:`height ${p.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${p.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,EXPANSION_HORIZONTAL_TRANSITION:`width ${p.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${p.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`},i={elementName:L,classes:c,selectors:C,events:x,attributes:k,numbers:p,strings:S};var _=class extends A{constructor(t){super(t);this._headerElement=h(this._component,i.selectors.HEADER),this._contentElement=h(this._component,i.selectors.CONTENT),this._headerSlotElement=h(this._component,i.selectors.HEADER_SLOT)}initialize(t,n="vertical"){let r=this._headerElement.children[0].assignedNodes();if(this.setHeaderVisibility(!!r.length),n===i.strings.ORIENTATION_HORIZONTAL&&(this._contentElement.style.height="",this._contentElement.style.width="0px"),t){n==="vertical"?this._contentElement.style.height="":this._contentElement.style.width="",this._contentElement.style.removeProperty("opacity"),this._contentElement.style.removeProperty("visibility");let l=this._component.querySelector(i.selectors.OPEN_ICON);l&&(l.open=!0)}this._headerElement.setAttribute("aria-expanded",t?"true":"false")}setHeaderVisibility(t){t?this._headerElement.style.display="":this._headerElement.style.display="none"}setOpenState(t,n=i.strings.ORIENTATION_VERTICAL,r=!0){let l=this._contentElement.children[0].assignedNodes(),s=this._component.querySelector(i.selectors.OPEN_ICON);if(r&&l&&l.length&&l[0]){let E=({propertyName:g})=>{if(this._component.open!==t){this._contentElement.removeEventListener("transitionend",E);return}(g==="height"||g==="width")&&(this._contentElement.removeEventListener("transitionend",E),this._contentElement.style.removeProperty("transition"),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="":this._contentElement.style.height="",this._contentElement.style.removeProperty("opacity")):this._contentElement.style.visibility="hidden")};this._contentElement.addEventListener("transitionend",E),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._contentElement.style.removeProperty("visibility")):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width=`${this._contentElement.scrollWidth}px`:this._contentElement.style.height=`${this._contentElement.scrollHeight}px`,this._contentElement.style.opacity="1"),n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.transition=i.strings.EXPANSION_HORIZONTAL_TRANSITION:this._contentElement.style.transition=i.strings.EXPANSION_VERTICAL_TRANSITION,window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width=`${this._contentElement.scrollWidth}px`:this._contentElement.style.height=`${this._contentElement.scrollHeight}px`,this._contentElement.style.opacity="1",this._headerElement.setAttribute("aria-expanded","true"),s&&(s.open=!0)):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._headerElement.setAttribute("aria-expanded","false"),s&&(s.open=!1))})})}else this._contentElement.style.removeProperty("transition"),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="":this._contentElement.style.height="",this._contentElement.style.removeProperty("visibility"),this._contentElement.style.removeProperty("opacity"),this._headerElement.setAttribute("aria-expanded","true"),s&&(s.open=!0)):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._contentElement.style.visibility="hidden",this._headerElement.setAttribute("aria-expanded","false"),s&&(s.open=!1))}registerClickListener(t){this._headerElement.addEventListener("click",t)}deregisterClickListener(t){this._headerElement.removeEventListener("click",t)}registerKeydownListener(t){this._headerElement.addEventListener("keydown",t)}deregisterKeydownListener(t){this._headerElement.removeEventListener("keydown",t)}registerHeaderSlotListener(t){this._headerSlotElement.addEventListener("slotchange",t)}deregisterHeaderSlotListener(t){this._headerSlotElement.removeEventListener("slotchange",t)}};var m=class{constructor(e){this._adapter=e;this._open=!1;this._useAnimations=!0;this._orientation=i.strings.ORIENTATION_VERTICAL;this._isInitialized=!1;this._clickListener=u(t=>this._onClick(t),i.numbers.CLICK_DEBOUNCE_THRESHOLD,!0),this._keydownListener=t=>this._onKeydown(t),this._headerSlotChangeListener=t=>this._onHeaderSlotChanged(t)}initialize(){this.connect(),this._adapter.initialize(this._open,this._orientation),this._isInitialized=!0}connect(){this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener),this._adapter.registerClickListener(this._clickListener),this._adapter.registerKeydownListener(this._keydownListener)}disconnect(){this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener),this._adapter.deregisterClickListener(this._clickListener),this._adapter.deregisterKeydownListener(this._keydownListener)}setOpenImmediate(e){e?this._openPanel(!1):this._closePanel(!1)}_applyOpen(e){if(!this._isInitialized){this._open=e;return}e?this._openCallback?Promise.resolve(this._openCallback()).then(()=>{this._open=e,this._openPanel(this._useAnimations)}).catch(()=>{}):(this._open=e,this._openPanel(this._useAnimations)):this._closeCallback?Promise.resolve(this._closeCallback()).then(()=>{this._open=e,this._closePanel(this._useAnimations)}).catch(()=>{}):(this._open=e,this._closePanel(this._useAnimations))}get open(){return this._open}set open(e){e=Boolean(e),this._open!==e&&this._applyOpen(e)}get openCallback(){return this._openCallback}set openCallback(e){this._openCallback=e}get closeCallback(){return this._closeCallback}set closeCallback(e){this._closeCallback=e}get orientation(){return this._orientation}set orientation(e){this._orientation=e}get useAnimations(){return this._useAnimations}set useAnimations(e){this._useAnimations!==!!e&&(this._useAnimations=!!e,this._adapter.setHostAttribute(i.attributes.USE_ANIMATIONS,`${this._useAnimations}`))}_onClick(e){e.stopPropagation(),this._toggle(),this._emitEvent()}_onKeydown(e){e.stopPropagation(),(e.key==="Space"||e.key==="Enter"||e.keyCode===32||e.keyCode===13)&&(e.preventDefault(),this._toggle(),this._emitEvent())}_emitEvent(){this._adapter.emitHostEvent(i.events.TOGGLE,this._open)}_toggle(){this.open=!this.open}_openPanel(e){this._adapter.setHostAttribute(i.attributes.OPEN,""),this._adapter.setOpenState(!0,this._orientation,e)}_closePanel(e){this._adapter.removeHostAttribute(i.attributes.OPEN),this._adapter.setOpenState(!1,this._orientation,e)}_onHeaderSlotChanged(e){this._adapter.setHeaderVisibility(!!e.target.assignedNodes().length)}};var P='<template><div class="forge-expansion-panel" part="root"><div class="forge-expansion-panel__header" role="button" aria-controls="content" aria-expanded="false" part="header"><slot name="header"></slot></div><div id="content" role="group" class="forge-expansion-panel__content" style="height: 0; opacity: 0; visibility: hidden;" part="content"><slot></slot></div></div></template>',R=".forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-expansion-panel__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}:host{display:block}:host([hidden]){display:none}",o=class extends I{constructor(){super();O(this,P,R),this._foundation=new m(new _(this))}static get observedAttributes(){return[i.attributes.OPEN,i.attributes.ORIENTATION,i.attributes.USE_ANIMATIONS]}initializedCallback(){this._foundation.initialize()}connectedCallback(){this._foundation.connect()}attributeChangedCallback(t,n,r){switch(t){case i.attributes.OPEN:this.open=v(r);break;case i.attributes.ORIENTATION:this.orientation=r;break;case i.attributes.USE_ANIMATIONS:this.useAnimations=v(r);break}}disconnectedCallback(){this._foundation.disconnect()}toggle(){this.open=!this.open}setOpenImmediate(t){this._foundation.setOpenImmediate(t)}};a([d()],o.prototype,"open",2),a([d()],o.prototype,"openCallback",2),a([d()],o.prototype,"closeCallback",2),a([d()],o.prototype,"orientation",2),a([d()],o.prototype,"useAnimations",2),o=a([f({name:i.elementName})],o);function te(){N(o)}export{i as a,_ as b,m as c,o as d,te as e};
-//# sourceMappingURL=chunk.CSOY4C7A.js.map
+import{a as y}from"./chunk.P6B3UWJ5.js";import{a as A}from"./chunk.A23NSEWA.js";import{a as d}from"./chunk.B3IJU6XJ.js";import{a as f,b as T}from"./chunk.BSZ2LBJX.js";import{a as I}from"./chunk.3E5QKMHL.js";import{a as N,e as O,g as h}from"./chunk.HN4PXH3D.js";import{k as v,o as u}from"./chunk.G76HB2FK.js";import{f as a}from"./chunk.MCIQXNKY.js";var L=`${T}expansion-panel`,c={CONTAINER:"forge-expansion-panel",HEADER:"forge-expansion-panel__header",CONTENT:"forge-expansion-panel__content"},C={CONTAINER:`.${c.CONTAINER}`,HEADER:`.${c.HEADER}`,CONTENT:`.${c.CONTENT}`,HEADER_SLOT:`.${c.HEADER} > slot[name=header]`,OPEN_ICON:`[slot=header] ${y.elementName}`},x={TOGGLE:`${L}-toggle`},k={OPEN:"open",ORIENTATION:"orientation",USE_ANIMATIONS:"use-animations"},p={COLLAPSE_ANIMATION_DURATION:400,CLICK_DEBOUNCE_THRESHOLD:200},P={ORIENTATION_VERTICAL:"vertical",ORIENTATION_HORIZONTAL:"horizontal",EXPANSION_VERTICAL_TRANSITION:`height ${p.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${p.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,EXPANSION_HORIZONTAL_TRANSITION:`width ${p.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${p.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`},i={elementName:L,classes:c,selectors:C,events:x,attributes:k,numbers:p,strings:P};var _=class extends A{constructor(t){super(t);this._headerElement=h(this._component,i.selectors.HEADER),this._contentElement=h(this._component,i.selectors.CONTENT),this._headerSlotElement=h(this._component,i.selectors.HEADER_SLOT)}initialize(t,n="vertical"){let r=this._headerElement.children[0].assignedNodes();if(this.setHeaderVisibility(!!r.length),n===i.strings.ORIENTATION_HORIZONTAL&&(this._contentElement.style.height="",this._contentElement.style.width="0px"),t){n==="vertical"?this._contentElement.style.height="":this._contentElement.style.width="",this._contentElement.style.removeProperty("opacity"),this._contentElement.style.removeProperty("visibility");let l=this._component.querySelector(i.selectors.OPEN_ICON);l&&(l.open=!0)}this._headerElement.setAttribute("aria-expanded",t?"true":"false")}setHeaderVisibility(t){t?this._headerElement.style.display="":this._headerElement.style.display="none"}setOpenState(t,n=i.strings.ORIENTATION_VERTICAL,r=!0){let l=this._contentElement.children[0].assignedNodes(),s=this._component.querySelector(i.selectors.OPEN_ICON);if(r&&l&&l.length&&l[0]){let E=({propertyName:g})=>{if(this._component.open!==t){this._contentElement.removeEventListener("transitionend",E);return}(g==="height"||g==="width")&&(this._contentElement.removeEventListener("transitionend",E),this._contentElement.style.removeProperty("transition"),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="":this._contentElement.style.height="",this._contentElement.style.removeProperty("opacity")):this._contentElement.style.visibility="hidden")};this._contentElement.addEventListener("transitionend",E),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._contentElement.style.removeProperty("visibility")):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width=`${this._contentElement.scrollWidth}px`:this._contentElement.style.height=`${this._contentElement.scrollHeight}px`,this._contentElement.style.opacity="1"),n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.transition=i.strings.EXPANSION_HORIZONTAL_TRANSITION:this._contentElement.style.transition=i.strings.EXPANSION_VERTICAL_TRANSITION,window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width=`${this._contentElement.scrollWidth}px`:this._contentElement.style.height=`${this._contentElement.scrollHeight}px`,this._contentElement.style.opacity="1",this._headerElement.setAttribute("aria-expanded","true"),s&&(s.open=!0)):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._headerElement.setAttribute("aria-expanded","false"),s&&(s.open=!1))})})}else this._contentElement.style.removeProperty("transition"),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="":this._contentElement.style.height="",this._contentElement.style.removeProperty("visibility"),this._contentElement.style.removeProperty("opacity"),this._headerElement.setAttribute("aria-expanded","true"),s&&(s.open=!0)):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._contentElement.style.visibility="hidden",this._headerElement.setAttribute("aria-expanded","false"),s&&(s.open=!1))}registerClickListener(t){this._headerElement.addEventListener("click",t)}deregisterClickListener(t){this._headerElement.removeEventListener("click",t)}registerKeydownListener(t){this._headerElement.addEventListener("keydown",t)}deregisterKeydownListener(t){this._headerElement.removeEventListener("keydown",t)}registerHeaderSlotListener(t){this._headerSlotElement.addEventListener("slotchange",t)}deregisterHeaderSlotListener(t){this._headerSlotElement.removeEventListener("slotchange",t)}};var m=class{constructor(e){this._adapter=e;this._open=!1;this._useAnimations=!0;this._orientation=i.strings.ORIENTATION_VERTICAL;this._isInitialized=!1;this._clickListener=u(t=>this._onClick(t),i.numbers.CLICK_DEBOUNCE_THRESHOLD,!0),this._keydownListener=t=>this._onKeydown(t),this._headerSlotChangeListener=t=>this._onHeaderSlotChanged(t)}initialize(){this.connect(),this._adapter.initialize(this._open,this._orientation),this._isInitialized=!0}connect(){this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener),this._adapter.registerClickListener(this._clickListener),this._adapter.registerKeydownListener(this._keydownListener)}disconnect(){this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener),this._adapter.deregisterClickListener(this._clickListener),this._adapter.deregisterKeydownListener(this._keydownListener)}setOpenImmediate(e){e?this._openPanel(!1):this._closePanel(!1)}_applyOpen(e){if(!this._isInitialized){this._open=e;return}e?this._openCallback?Promise.resolve(this._openCallback()).then(()=>{this._open=e,this._openPanel(this._useAnimations)}).catch(()=>{}):(this._open=e,this._openPanel(this._useAnimations)):this._closeCallback?Promise.resolve(this._closeCallback()).then(()=>{this._open=e,this._closePanel(this._useAnimations)}).catch(()=>{}):(this._open=e,this._closePanel(this._useAnimations))}get open(){return this._open}set open(e){e=Boolean(e),this._open!==e&&this._applyOpen(e)}get openCallback(){return this._openCallback}set openCallback(e){this._openCallback=e}get closeCallback(){return this._closeCallback}set closeCallback(e){this._closeCallback=e}get orientation(){return this._orientation}set orientation(e){this._orientation=e}get useAnimations(){return this._useAnimations}set useAnimations(e){this._useAnimations!==!!e&&(this._useAnimations=!!e,this._adapter.setHostAttribute(i.attributes.USE_ANIMATIONS,`${this._useAnimations}`))}_onClick(e){e.stopPropagation(),this._toggle(),this._emitEvent()}_onKeydown(e){(e.key===" "||e.key==="Enter")&&(e.stopPropagation(),e.preventDefault(),this._toggle(),this._emitEvent())}_emitEvent(){this._adapter.emitHostEvent(i.events.TOGGLE,this._open)}_toggle(){this.open=!this.open}_openPanel(e){this._adapter.setHostAttribute(i.attributes.OPEN,""),this._adapter.setOpenState(!0,this._orientation,e)}_closePanel(e){this._adapter.removeHostAttribute(i.attributes.OPEN),this._adapter.setOpenState(!1,this._orientation,e)}_onHeaderSlotChanged(e){this._adapter.setHeaderVisibility(!!e.target.assignedNodes().length)}};var S='<template><div class="forge-expansion-panel" part="root"><div class="forge-expansion-panel__header" role="button" aria-controls="content" aria-expanded="false" part="header"><slot name="header"></slot></div><div id="content" role="group" class="forge-expansion-panel__content" style="height: 0; opacity: 0; visibility: hidden;" part="content"><slot></slot></div></div></template>',R=".forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-expansion-panel__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}:host{display:block}:host([hidden]){display:none}",o=class extends I{constructor(){super();O(this,S,R),this._foundation=new m(new _(this))}static get observedAttributes(){return[i.attributes.OPEN,i.attributes.ORIENTATION,i.attributes.USE_ANIMATIONS]}initializedCallback(){this._foundation.initialize()}connectedCallback(){this._foundation.connect()}attributeChangedCallback(t,n,r){switch(t){case i.attributes.OPEN:this.open=v(r);break;case i.attributes.ORIENTATION:this.orientation=r;break;case i.attributes.USE_ANIMATIONS:this.useAnimations=v(r);break}}disconnectedCallback(){this._foundation.disconnect()}toggle(){this.open=!this.open}setOpenImmediate(t){this._foundation.setOpenImmediate(t)}};a([d()],o.prototype,"open",2),a([d()],o.prototype,"openCallback",2),a([d()],o.prototype,"closeCallback",2),a([d()],o.prototype,"orientation",2),a([d()],o.prototype,"useAnimations",2),o=a([f({name:i.elementName})],o);function te(){N(o)}export{i as a,_ as b,m as c,o as d,te as e};
+//# sourceMappingURL=chunk.OG2BI3UW.js.map

package/dist/esm/chunks/{chunk.CSOY4C7A.js.map → chunk.OG2BI3UW.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/expansion-panel/expansion-panel-constants.ts", "../../src/expansion-panel/expansion-panel-adapter.ts", "../../src/expansion-panel/expansion-panel-foundation.ts", "../../src/expansion-panel/expansion-panel.ts", "../../src/expansion-panel/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\nimport { OPEN_ICON_CONSTANTS } from '../open-icon';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}expansion-panel`;\n\nconst classes = {\n  CONTAINER: 'forge-expansion-panel',\n  HEADER: 'forge-expansion-panel__header',\n  CONTENT: 'forge-expansion-panel__content'\n};\n\nconst selectors = {\n  CONTAINER: `.${classes.CONTAINER}`,\n  HEADER: `.${classes.HEADER}`,\n  CONTENT: `.${classes.CONTENT}`,\n  HEADER_SLOT: `.${classes.HEADER} > slot[name=header]`,\n  OPEN_ICON: `[slot=header] ${OPEN_ICON_CONSTANTS.elementName}`\n};\n\nconst events = {\n  TOGGLE: `${elementName}-toggle`\n};\n\nconst attributes = {\n  OPEN: 'open',\n  ORIENTATION: 'orientation',\n  USE_ANIMATIONS: 'use-animations'\n};\n\nconst numbers = {\n  COLLAPSE_ANIMATION_DURATION: 400,\n  CLICK_DEBOUNCE_THRESHOLD: 200\n};\n\nconst strings = {\n  ORIENTATION_VERTICAL: 'vertical',\n  ORIENTATION_HORIZONTAL: 'horizontal',\n  EXPANSION_VERTICAL_TRANSITION: `height ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,\n  EXPANSION_HORIZONTAL_TRANSITION: `width ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`\n};\n\nexport const EXPANSION_PANEL_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  events,\n  attributes,\n  numbers,\n  strings\n};\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { OpenIconComponent } from '../open-icon';\nimport { IExpansionPanelComponent } from './expansion-panel';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelAdapter extends IBaseAdapter {\n  initialize: (open: boolean, orientation: string) => void;\n  setHeaderVisibility: (visible: boolean) => void;\n  setOpenState: (open: boolean, orientation: string, animate: boolean) => void;\n  registerClickListener: (listener: (evt: MouseEvent) => void) => void;\n  deregisterClickListener: (listener: (evt: MouseEvent) => void) => void;\n  registerKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n  deregisterKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n  registerHeaderSlotListener: (listener: (evt: Event) => void) => void;\n  deregisterHeaderSlotListener: (listener: (evt: Event) => void) => void;\n}\n\nexport class ExpansionPanelAdapter extends BaseAdapter<IExpansionPanelComponent> implements IExpansionPanelAdapter {\n  private _headerElement: HTMLElement;\n  private _contentElement: HTMLElement;\n  private _headerSlotElement: HTMLSlotElement;\n\n  constructor(component: IExpansionPanelComponent) {\n    super(component);\n    this._headerElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER);\n    this._contentElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.CONTENT);\n    this._headerSlotElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER_SLOT) as HTMLSlotElement;\n  }\n\n  public initialize(open: boolean, orientation = 'vertical'): void {\n    const assignedNodes = (this._headerElement.children[0] as HTMLSlotElement).assignedNodes();\n    this.setHeaderVisibility(!!assignedNodes.length);\n\n    if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n      this._contentElement.style.height = '';\n      this._contentElement.style.width = '0px';\n    }\n\n    if (open) {\n      if (orientation === 'vertical') {\n        this._contentElement.style.height = '';\n      } else {\n        this._contentElement.style.width = '';\n      }\n      this._contentElement.style.removeProperty('opacity');\n      this._contentElement.style.removeProperty('visibility');\n      const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n      if (openIconElement) {\n        openIconElement.open = true;\n      }\n    }\n\n    this._headerElement.setAttribute('aria-expanded', open ? 'true' : 'false');\n  }\n\n  public setHeaderVisibility(visible: boolean): void {\n    if (visible) {\n      this._headerElement.style.display = '';\n    } else {\n      this._headerElement.style.display = 'none';\n    }\n  }\n\n  public setOpenState(opening: boolean, orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL, animate = true): void {\n    const assignedNodes = (this._contentElement.children[0] as HTMLSlotElement).assignedNodes();\n    const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n\n    if (animate && assignedNodes && assignedNodes.length && assignedNodes[0]) {\n      const transitionEndListener = ({ propertyName }: TransitionEvent): void => {\n        // If the state has changed since it started, then ignore the transition\n        if (this._component.open !== opening) {\n          this._contentElement.removeEventListener('transitionend', transitionEndListener);\n          return;\n        }\n        if (propertyName === 'height' || propertyName === 'width') {\n          this._contentElement.removeEventListener('transitionend', transitionEndListener);\n          this._contentElement.style.removeProperty('transition');\n          if (opening) {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = '';\n            } else {\n              this._contentElement.style.height = '';\n            }\n            this._contentElement.style.removeProperty('opacity');\n          } else {\n            // We set to hidden to ensure that collapsed elements are non-interactive\n            this._contentElement.style.visibility = 'hidden';\n          }\n        }\n      };\n      this._contentElement.addEventListener('transitionend', transitionEndListener);\n\n      if (opening) {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '0px';\n        } else {\n          this._contentElement.style.height = '0px';\n        }\n        this._contentElement.style.opacity = '0';\n        this._contentElement.style.removeProperty('visibility');\n      } else {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n        } else {\n          this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n        }\n        this._contentElement.style.opacity = '1';\n      }\n\n      if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n        this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_HORIZONTAL_TRANSITION;\n      } else {\n        this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_VERTICAL_TRANSITION;\n      }\n\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          if (opening) {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n            } else {\n              this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n            }\n            this._contentElement.style.opacity = '1';\n            this._headerElement.setAttribute('aria-expanded', 'true');\n            if (openIconElement) {\n              openIconElement.open = true;\n            }\n          } else {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = '0px';\n            } else {\n              this._contentElement.style.height = '0px';\n            }\n            this._contentElement.style.opacity = '0';\n            this._headerElement.setAttribute('aria-expanded', 'false');\n            if (openIconElement) {\n              openIconElement.open = false;\n            }\n          }\n        });\n      });\n    } else {\n      this._contentElement.style.removeProperty('transition');\n      if (opening) {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '';\n        } else {\n          this._contentElement.style.height = '';\n        }\n        this._contentElement.style.removeProperty('visibility');\n        this._contentElement.style.removeProperty('opacity');\n        this._headerElement.setAttribute('aria-expanded', 'true');\n        if (openIconElement) {\n          openIconElement.open = true;\n        }\n      } else {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '0px';\n        } else {\n          this._contentElement.style.height = '0px';\n        }\n        this._contentElement.style.opacity = '0';\n        this._contentElement.style.visibility = 'hidden';\n        this._headerElement.setAttribute('aria-expanded', 'false');\n        if (openIconElement) {\n          openIconElement.open = false;\n        }\n      }\n    }\n  }\n\n  public registerClickListener(listener: (evt: MouseEvent) => void): void {\n    this._headerElement.addEventListener('click', listener);\n  }\n\n  public deregisterClickListener(listener: (evt: MouseEvent) => void): void {\n    this._headerElement.removeEventListener('click', listener);\n  }\n\n  public registerKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._headerElement.addEventListener('keydown', listener);\n  }\n\n  public deregisterKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._headerElement.removeEventListener('keydown', listener);\n  }\n\n  public registerHeaderSlotListener(listener: (evt: Event) => void): void {\n    this._headerSlotElement.addEventListener('slotchange', listener);\n  }\n\n  public deregisterHeaderSlotListener(listener: (evt: Event) => void): void {\n    this._headerSlotElement.removeEventListener('slotchange', listener);\n  }\n}\n", "import { debounce, ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelFoundation extends ICustomElementFoundation {\n  open: boolean;\n  orientation: string;\n  useAnimations: boolean;\n  openCallback: () => void | Promise<void>;\n  closeCallback: () => void | Promise<void>;\n  setOpenImmediate(open: boolean): void;\n}\n\nexport class ExpansionPanelFoundation implements IExpansionPanelFoundation {\n  private _open = false;\n  private _useAnimations = true;\n  private _openCallback: () => void | Promise<void>;\n  private _closeCallback: () => void | Promise<void>;\n  private _orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL;\n  private _clickListener: (evt: MouseEvent) => void;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _headerSlotChangeListener: (evt: Event) => void;\n  private _isInitialized = false;\n\n  constructor(private _adapter: IExpansionPanelAdapter) {\n    this._clickListener = debounce((evt: MouseEvent) => this._onClick(evt), EXPANSION_PANEL_CONSTANTS.numbers.CLICK_DEBOUNCE_THRESHOLD, true);\n    this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n    this._headerSlotChangeListener = (evt: Event) => this._onHeaderSlotChanged(evt);\n  }\n\n  public initialize(): void {\n    this.connect();\n    this._adapter.initialize(this._open, this._orientation);\n    this._isInitialized = true;\n  }\n\n  public connect(): void {\n    this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener);\n    this._adapter.registerClickListener(this._clickListener);\n    this._adapter.registerKeydownListener(this._keydownListener);\n  }\n\n  public disconnect(): void {\n    this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener);\n    this._adapter.deregisterClickListener(this._clickListener);\n    this._adapter.deregisterKeydownListener(this._keydownListener);\n  }\n\n  public setOpenImmediate(open: boolean): void {\n    if (open) {\n      this._openPanel(false);\n    } else {\n      this._closePanel(false);\n    }\n  }\n\n  private _applyOpen(value: boolean): void {\n    if (!this._isInitialized) {\n      this._open = value;\n      return;\n    }\n\n    if (value) {\n      if (this._openCallback) {\n        Promise.resolve(this._openCallback())\n          .then(() => {\n            this._open = value;\n            this._openPanel(this._useAnimations);\n          })\n          .catch(() => {});\n      } else {\n        this._open = value;\n        this._openPanel(this._useAnimations);\n      }\n    } else {\n      if (this._closeCallback) {\n        Promise.resolve(this._closeCallback())\n          .then(() => {\n            this._open = value;\n            this._closePanel(this._useAnimations);\n          })\n          .catch(() => {});\n      } else {\n        this._open = value;\n        this._closePanel(this._useAnimations);\n      }\n    }\n  }\n\n  /** Controls the open state of the panel. */\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    value = Boolean(value);\n    if (this._open !== value) {\n      this._applyOpen(value);\n    }\n  }\n\n  public get openCallback(): () => void | Promise<void> {\n    return this._openCallback;\n  }\n  public set openCallback(callback: () => void | Promise<void>) {\n    this._openCallback = callback;\n  }\n\n  public get closeCallback(): () => void | Promise<void> {\n    return this._closeCallback;\n  }\n  public set closeCallback(callback: () => void | Promise<void>) {\n    this._closeCallback = callback;\n  }\n\n  public get orientation(): string {\n    return this._orientation;\n  }\n  public set orientation(value: string) {\n    this._orientation = value;\n  }\n\n  public get useAnimations(): boolean {\n    return this._useAnimations;\n  }\n  public set useAnimations(value: boolean) {\n    if (this._useAnimations !== !!value) {\n      this._useAnimations = !!value;\n      this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS, `${this._useAnimations}`);\n    }\n  }\n\n  /**\n   * Handles click events on the header element.\n   * @param {MouseEvent} evt The click event.\n   */\n  private _onClick(evt: MouseEvent): void {\n    evt.stopPropagation();\n    this._toggle();\n    this._emitEvent();\n  }\n\n  /**\n   * Handles keydown events on the header.\n   * @param {KeyboardEvent} evt The keydown event\n   */\n  private _onKeydown(evt: KeyboardEvent): void {\n    evt.stopPropagation();\n\n    if (evt.key === 'Space' || evt.key === 'Enter' || evt.keyCode === 32 || evt.keyCode === 13) {\n      evt.preventDefault();\n      this._toggle();\n      this._emitEvent();\n    }\n  }\n\n  private _emitEvent(): void {\n    this._adapter.emitHostEvent(EXPANSION_PANEL_CONSTANTS.events.TOGGLE, this._open);\n  }\n\n  private _toggle(): void {\n    this.open = !this.open;\n  }\n\n  private _openPanel(animate: boolean): void {\n    this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN, '');\n    this._adapter.setOpenState(true, this._orientation, animate);\n  }\n\n  private _closePanel(animate: boolean): void {\n    this._adapter.removeHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN);\n    this._adapter.setOpenState(false, this._orientation, animate);\n  }\n\n  private _onHeaderSlotChanged(evt: Event): void {\n    this._adapter.setHeaderVisibility(!!(evt.target as HTMLSlotElement).assignedNodes().length);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\nimport { ExpansionPanelFoundation } from './expansion-panel-foundation';\n\nconst template = '<template><div class=\\\"forge-expansion-panel\\\" part=\\\"root\\\"><div class=\\\"forge-expansion-panel__header\\\" role=\\\"button\\\" aria-controls=\\\"content\\\" aria-expanded=\\\"false\\\" part=\\\"header\\\"><slot name=\\\"header\\\"></slot></div><div id=\\\"content\\\" role=\\\"group\\\" class=\\\"forge-expansion-panel__content\\\" style=\\\"height: 0; opacity: 0; visibility: hidden;\\\" part=\\\"content\\\"><slot></slot></div></div></template>';\nconst styles = '.forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-expansion-panel__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}:host{display:block}:host([hidden]){display:none}';\n\nexport interface IExpansionPanelComponent extends IBaseComponent {\n  open: boolean;\n  useAnimations: boolean;\n  openCallback: () => void | Promise<void>;\n  closeCallback: () => void | Promise<void>;\n  orientation: string;\n  toggle(): void;\n  setOpenImmediate(open: boolean): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-expansion-panel': IExpansionPanelComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-expansion-panel-toggle': CustomEvent<boolean>;\n  }\n}\n\n/**\n * A web component that encapsulates the functionality of expanding/collapsing content when clicked.\n * \n * @tag forge-expansion-panel\n */\n@CustomElement({\n  name: EXPANSION_PANEL_CONSTANTS.elementName\n})\nexport class ExpansionPanelComponent extends BaseComponent implements IExpansionPanelComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      EXPANSION_PANEL_CONSTANTS.attributes.OPEN,\n      EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION,\n      EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS\n    ];\n  }\n\n  private _foundation: ExpansionPanelFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ExpansionPanelFoundation(new ExpansionPanelAdapter(this));\n  }\n\n  public initializedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public connectedCallback(): void {\n    this._foundation.connect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case EXPANSION_PANEL_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION:\n        this.orientation = newValue;\n        break;\n      case EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS:\n        this.useAnimations = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  /** Controls the open state of the panel. */\n  @FoundationProperty()\n  public open: boolean;\n\n  /**\n   * Sets the function to call when the panel wants to open.\n   * The function must return a promise which can be resolved to\n   * open the panel or rejected which cancels the panel open.\n   */\n  @FoundationProperty()\n  public openCallback: () => void | Promise<void>;\n\n  /**\n   * Sets the function to call when the panel wants to close.\n   * The function must return a promise which can be resolved to\n   * close the panel or rejected which cancels the panel close.\n   */\n  @FoundationProperty()\n  public closeCallback: () => void | Promise<void>;\n\n  /**\n   * Sets the orientation of the panel expansion.\n   * Valid values are 'vertical' (default) or 'horizontal'.\n   */\n  @FoundationProperty()\n  public orientation: string;\n\n  /** Gets/sets if animations are used in the expand/collapse transition. */\n  @FoundationProperty()\n  public useAnimations: boolean;\n\n  /** Toggles the collapsed state. */\n  public toggle(): void {\n    this.open = !this.open;\n  }\n\n  /** Forces the expansion panel to expand/collapse without transition animations. */\n  public setOpenImmediate(open: boolean): void {\n    this._foundation.setOpenImmediate(open);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ExpansionPanelComponent } from './expansion-panel';\n\nexport * from './expansion-panel-adapter';\nexport * from './expansion-panel-constants';\nexport * from './expansion-panel-foundation';\nexport * from './expansion-panel';\n\nexport function defineExpansionPanelComponent(): void {\n  defineCustomElement(ExpansionPanelComponent);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\nimport { OPEN_ICON_CONSTANTS } from '../open-icon';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}expansion-panel`;\n\nconst classes = {\n  CONTAINER: 'forge-expansion-panel',\n  HEADER: 'forge-expansion-panel__header',\n  CONTENT: 'forge-expansion-panel__content'\n};\n\nconst selectors = {\n  CONTAINER: `.${classes.CONTAINER}`,\n  HEADER: `.${classes.HEADER}`,\n  CONTENT: `.${classes.CONTENT}`,\n  HEADER_SLOT: `.${classes.HEADER} > slot[name=header]`,\n  OPEN_ICON: `[slot=header] ${OPEN_ICON_CONSTANTS.elementName}`\n};\n\nconst events = {\n  TOGGLE: `${elementName}-toggle`\n};\n\nconst attributes = {\n  OPEN: 'open',\n  ORIENTATION: 'orientation',\n  USE_ANIMATIONS: 'use-animations'\n};\n\nconst numbers = {\n  COLLAPSE_ANIMATION_DURATION: 400,\n  CLICK_DEBOUNCE_THRESHOLD: 200\n};\n\nconst strings = {\n  ORIENTATION_VERTICAL: 'vertical',\n  ORIENTATION_HORIZONTAL: 'horizontal',\n  EXPANSION_VERTICAL_TRANSITION: `height ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,\n  EXPANSION_HORIZONTAL_TRANSITION: `width ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`\n};\n\nexport const EXPANSION_PANEL_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  events,\n  attributes,\n  numbers,\n  strings\n};\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { OpenIconComponent } from '../open-icon';\nimport { IExpansionPanelComponent } from './expansion-panel';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelAdapter extends IBaseAdapter {\n  initialize: (open: boolean, orientation: string) => void;\n  setHeaderVisibility: (visible: boolean) => void;\n  setOpenState: (open: boolean, orientation: string, animate: boolean) => void;\n  registerClickListener: (listener: (evt: MouseEvent) => void) => void;\n  deregisterClickListener: (listener: (evt: MouseEvent) => void) => void;\n  registerKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n  deregisterKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n  registerHeaderSlotListener: (listener: (evt: Event) => void) => void;\n  deregisterHeaderSlotListener: (listener: (evt: Event) => void) => void;\n}\n\nexport class ExpansionPanelAdapter extends BaseAdapter<IExpansionPanelComponent> implements IExpansionPanelAdapter {\n  private _headerElement: HTMLElement;\n  private _contentElement: HTMLElement;\n  private _headerSlotElement: HTMLSlotElement;\n\n  constructor(component: IExpansionPanelComponent) {\n    super(component);\n    this._headerElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER);\n    this._contentElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.CONTENT);\n    this._headerSlotElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER_SLOT) as HTMLSlotElement;\n  }\n\n  public initialize(open: boolean, orientation = 'vertical'): void {\n    const assignedNodes = (this._headerElement.children[0] as HTMLSlotElement).assignedNodes();\n    this.setHeaderVisibility(!!assignedNodes.length);\n\n    if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n      this._contentElement.style.height = '';\n      this._contentElement.style.width = '0px';\n    }\n\n    if (open) {\n      if (orientation === 'vertical') {\n        this._contentElement.style.height = '';\n      } else {\n        this._contentElement.style.width = '';\n      }\n      this._contentElement.style.removeProperty('opacity');\n      this._contentElement.style.removeProperty('visibility');\n      const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n      if (openIconElement) {\n        openIconElement.open = true;\n      }\n    }\n\n    this._headerElement.setAttribute('aria-expanded', open ? 'true' : 'false');\n  }\n\n  public setHeaderVisibility(visible: boolean): void {\n    if (visible) {\n      this._headerElement.style.display = '';\n    } else {\n      this._headerElement.style.display = 'none';\n    }\n  }\n\n  public setOpenState(opening: boolean, orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL, animate = true): void {\n    const assignedNodes = (this._contentElement.children[0] as HTMLSlotElement).assignedNodes();\n    const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n\n    if (animate && assignedNodes && assignedNodes.length && assignedNodes[0]) {\n      const transitionEndListener = ({ propertyName }: TransitionEvent): void => {\n        // If the state has changed since it started, then ignore the transition\n        if (this._component.open !== opening) {\n          this._contentElement.removeEventListener('transitionend', transitionEndListener);\n          return;\n        }\n        if (propertyName === 'height' || propertyName === 'width') {\n          this._contentElement.removeEventListener('transitionend', transitionEndListener);\n          this._contentElement.style.removeProperty('transition');\n          if (opening) {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = '';\n            } else {\n              this._contentElement.style.height = '';\n            }\n            this._contentElement.style.removeProperty('opacity');\n          } else {\n            // We set to hidden to ensure that collapsed elements are non-interactive\n            this._contentElement.style.visibility = 'hidden';\n          }\n        }\n      };\n      this._contentElement.addEventListener('transitionend', transitionEndListener);\n\n      if (opening) {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '0px';\n        } else {\n          this._contentElement.style.height = '0px';\n        }\n        this._contentElement.style.opacity = '0';\n        this._contentElement.style.removeProperty('visibility');\n      } else {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n        } else {\n          this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n        }\n        this._contentElement.style.opacity = '1';\n      }\n\n      if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n        this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_HORIZONTAL_TRANSITION;\n      } else {\n        this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_VERTICAL_TRANSITION;\n      }\n\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          if (opening) {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n            } else {\n              this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n            }\n            this._contentElement.style.opacity = '1';\n            this._headerElement.setAttribute('aria-expanded', 'true');\n            if (openIconElement) {\n              openIconElement.open = true;\n            }\n          } else {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = '0px';\n            } else {\n              this._contentElement.style.height = '0px';\n            }\n            this._contentElement.style.opacity = '0';\n            this._headerElement.setAttribute('aria-expanded', 'false');\n            if (openIconElement) {\n              openIconElement.open = false;\n            }\n          }\n        });\n      });\n    } else {\n      this._contentElement.style.removeProperty('transition');\n      if (opening) {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '';\n        } else {\n          this._contentElement.style.height = '';\n        }\n        this._contentElement.style.removeProperty('visibility');\n        this._contentElement.style.removeProperty('opacity');\n        this._headerElement.setAttribute('aria-expanded', 'true');\n        if (openIconElement) {\n          openIconElement.open = true;\n        }\n      } else {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '0px';\n        } else {\n          this._contentElement.style.height = '0px';\n        }\n        this._contentElement.style.opacity = '0';\n        this._contentElement.style.visibility = 'hidden';\n        this._headerElement.setAttribute('aria-expanded', 'false');\n        if (openIconElement) {\n          openIconElement.open = false;\n        }\n      }\n    }\n  }\n\n  public registerClickListener(listener: (evt: MouseEvent) => void): void {\n    this._headerElement.addEventListener('click', listener);\n  }\n\n  public deregisterClickListener(listener: (evt: MouseEvent) => void): void {\n    this._headerElement.removeEventListener('click', listener);\n  }\n\n  public registerKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._headerElement.addEventListener('keydown', listener);\n  }\n\n  public deregisterKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._headerElement.removeEventListener('keydown', listener);\n  }\n\n  public registerHeaderSlotListener(listener: (evt: Event) => void): void {\n    this._headerSlotElement.addEventListener('slotchange', listener);\n  }\n\n  public deregisterHeaderSlotListener(listener: (evt: Event) => void): void {\n    this._headerSlotElement.removeEventListener('slotchange', listener);\n  }\n}\n", "import { debounce, ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelFoundation extends ICustomElementFoundation {\n  open: boolean;\n  orientation: string;\n  useAnimations: boolean;\n  openCallback: () => void | Promise<void>;\n  closeCallback: () => void | Promise<void>;\n  setOpenImmediate(open: boolean): void;\n}\n\nexport class ExpansionPanelFoundation implements IExpansionPanelFoundation {\n  private _open = false;\n  private _useAnimations = true;\n  private _openCallback: () => void | Promise<void>;\n  private _closeCallback: () => void | Promise<void>;\n  private _orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL;\n  private _clickListener: (evt: MouseEvent) => void;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _headerSlotChangeListener: (evt: Event) => void;\n  private _isInitialized = false;\n\n  constructor(private _adapter: IExpansionPanelAdapter) {\n    this._clickListener = debounce((evt: MouseEvent) => this._onClick(evt), EXPANSION_PANEL_CONSTANTS.numbers.CLICK_DEBOUNCE_THRESHOLD, true);\n    this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n    this._headerSlotChangeListener = (evt: Event) => this._onHeaderSlotChanged(evt);\n  }\n\n  public initialize(): void {\n    this.connect();\n    this._adapter.initialize(this._open, this._orientation);\n    this._isInitialized = true;\n  }\n\n  public connect(): void {\n    this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener);\n    this._adapter.registerClickListener(this._clickListener);\n    this._adapter.registerKeydownListener(this._keydownListener);\n  }\n\n  public disconnect(): void {\n    this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener);\n    this._adapter.deregisterClickListener(this._clickListener);\n    this._adapter.deregisterKeydownListener(this._keydownListener);\n  }\n\n  public setOpenImmediate(open: boolean): void {\n    if (open) {\n      this._openPanel(false);\n    } else {\n      this._closePanel(false);\n    }\n  }\n\n  private _applyOpen(value: boolean): void {\n    if (!this._isInitialized) {\n      this._open = value;\n      return;\n    }\n\n    if (value) {\n      if (this._openCallback) {\n        Promise.resolve(this._openCallback())\n          .then(() => {\n            this._open = value;\n            this._openPanel(this._useAnimations);\n          })\n          .catch(() => {});\n      } else {\n        this._open = value;\n        this._openPanel(this._useAnimations);\n      }\n    } else {\n      if (this._closeCallback) {\n        Promise.resolve(this._closeCallback())\n          .then(() => {\n            this._open = value;\n            this._closePanel(this._useAnimations);\n          })\n          .catch(() => {});\n      } else {\n        this._open = value;\n        this._closePanel(this._useAnimations);\n      }\n    }\n  }\n\n  /** Controls the open state of the panel. */\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    value = Boolean(value);\n    if (this._open !== value) {\n      this._applyOpen(value);\n    }\n  }\n\n  public get openCallback(): () => void | Promise<void> {\n    return this._openCallback;\n  }\n  public set openCallback(callback: () => void | Promise<void>) {\n    this._openCallback = callback;\n  }\n\n  public get closeCallback(): () => void | Promise<void> {\n    return this._closeCallback;\n  }\n  public set closeCallback(callback: () => void | Promise<void>) {\n    this._closeCallback = callback;\n  }\n\n  public get orientation(): string {\n    return this._orientation;\n  }\n  public set orientation(value: string) {\n    this._orientation = value;\n  }\n\n  public get useAnimations(): boolean {\n    return this._useAnimations;\n  }\n  public set useAnimations(value: boolean) {\n    if (this._useAnimations !== !!value) {\n      this._useAnimations = !!value;\n      this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS, `${this._useAnimations}`);\n    }\n  }\n\n  /**\n   * Handles click events on the header element.\n   * @param {MouseEvent} evt The click event.\n   */\n  private _onClick(evt: MouseEvent): void {\n    evt.stopPropagation();\n    this._toggle();\n    this._emitEvent();\n  }\n\n  /**\n   * Handles keydown events on the header.\n   * @param {KeyboardEvent} evt The keydown event\n   */\n  private _onKeydown(evt: KeyboardEvent): void {\n    if (evt.key === ' ' || evt.key === 'Enter') {\n      evt.stopPropagation();\n      evt.preventDefault();\n      this._toggle();\n      this._emitEvent();\n    }\n  }\n\n  private _emitEvent(): void {\n    this._adapter.emitHostEvent(EXPANSION_PANEL_CONSTANTS.events.TOGGLE, this._open);\n  }\n\n  private _toggle(): void {\n    this.open = !this.open;\n  }\n\n  private _openPanel(animate: boolean): void {\n    this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN, '');\n    this._adapter.setOpenState(true, this._orientation, animate);\n  }\n\n  private _closePanel(animate: boolean): void {\n    this._adapter.removeHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN);\n    this._adapter.setOpenState(false, this._orientation, animate);\n  }\n\n  private _onHeaderSlotChanged(evt: Event): void {\n    this._adapter.setHeaderVisibility(!!(evt.target as HTMLSlotElement).assignedNodes().length);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\nimport { ExpansionPanelFoundation } from './expansion-panel-foundation';\n\nconst template = '<template><div class=\\\"forge-expansion-panel\\\" part=\\\"root\\\"><div class=\\\"forge-expansion-panel__header\\\" role=\\\"button\\\" aria-controls=\\\"content\\\" aria-expanded=\\\"false\\\" part=\\\"header\\\"><slot name=\\\"header\\\"></slot></div><div id=\\\"content\\\" role=\\\"group\\\" class=\\\"forge-expansion-panel__content\\\" style=\\\"height: 0; opacity: 0; visibility: hidden;\\\" part=\\\"content\\\"><slot></slot></div></div></template>';\nconst styles = '.forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-expansion-panel__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}:host{display:block}:host([hidden]){display:none}';\n\nexport interface IExpansionPanelComponent extends IBaseComponent {\n  open: boolean;\n  useAnimations: boolean;\n  openCallback: () => void | Promise<void>;\n  closeCallback: () => void | Promise<void>;\n  orientation: string;\n  toggle(): void;\n  setOpenImmediate(open: boolean): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-expansion-panel': IExpansionPanelComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-expansion-panel-toggle': CustomEvent<boolean>;\n  }\n}\n\n/**\n * A web component that encapsulates the functionality of expanding/collapsing content when clicked.\n * \n * @tag forge-expansion-panel\n */\n@CustomElement({\n  name: EXPANSION_PANEL_CONSTANTS.elementName\n})\nexport class ExpansionPanelComponent extends BaseComponent implements IExpansionPanelComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      EXPANSION_PANEL_CONSTANTS.attributes.OPEN,\n      EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION,\n      EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS\n    ];\n  }\n\n  private _foundation: ExpansionPanelFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ExpansionPanelFoundation(new ExpansionPanelAdapter(this));\n  }\n\n  public initializedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public connectedCallback(): void {\n    this._foundation.connect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case EXPANSION_PANEL_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION:\n        this.orientation = newValue;\n        break;\n      case EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS:\n        this.useAnimations = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  /** Controls the open state of the panel. */\n  @FoundationProperty()\n  public open: boolean;\n\n  /**\n   * Sets the function to call when the panel wants to open.\n   * The function must return a promise which can be resolved to\n   * open the panel or rejected which cancels the panel open.\n   */\n  @FoundationProperty()\n  public openCallback: () => void | Promise<void>;\n\n  /**\n   * Sets the function to call when the panel wants to close.\n   * The function must return a promise which can be resolved to\n   * close the panel or rejected which cancels the panel close.\n   */\n  @FoundationProperty()\n  public closeCallback: () => void | Promise<void>;\n\n  /**\n   * Sets the orientation of the panel expansion.\n   * Valid values are 'vertical' (default) or 'horizontal'.\n   */\n  @FoundationProperty()\n  public orientation: string;\n\n  /** Gets/sets if animations are used in the expand/collapse transition. */\n  @FoundationProperty()\n  public useAnimations: boolean;\n\n  /** Toggles the collapsed state. */\n  public toggle(): void {\n    this.open = !this.open;\n  }\n\n  /** Forces the expansion panel to expand/collapse without transition animations. */\n  public setOpenImmediate(open: boolean): void {\n    this._foundation.setOpenImmediate(open);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ExpansionPanelComponent } from './expansion-panel';\n\nexport * from './expansion-panel-adapter';\nexport * from './expansion-panel-constants';\nexport * from './expansion-panel-foundation';\nexport * from './expansion-panel';\n\nexport function defineExpansionPanelComponent(): void {\n  defineCustomElement(ExpansionPanelComponent);\n}\n"],
+  "mappings": "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",
   "names": []
 }