@tylertech/forge 3.0.0-next.11 → 3.0.0-next.13

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{d as C}from"./chunk.YRMR7IOS.js";import{a as R,p as D}from"./chunk.F74YURLV.js";import{a as H}from"./chunk.KVCDAZ6B.js";import{h as w,i as E}from"./chunk.ISC7SZSP.js";import{a as c}from"./chunk.NVUMRW44.js";import{a as z}from"./chunk.BKL2BAYW.js";import{a as I,b as N}from"./chunk.DXN7ZOH3.js";import{a as S,e as T,f as d,k as x}from"./chunk.MVTBJPO2.js";import{t as _,u}from"./chunk.K7FPXAFS.js";import{k as p,l as b}from"./chunk.J2M2MXP2.js";import{d as l}from"./chunk.M3QDAYD2.js";var F=`${N}slider`,V={ARIA_LABEL:"data-aria-label",ARIA_LABEL_START:"data-aria-label-start",ARIA_LABEL_END:"data-aria-label-end",VALUE:"value",VALUE_START:"value-start",VALUE_END:"value-end",LABEL:"label",LABEL_START:"label-start",LABEL_END:"label-end",MIN:"min",MAX:"max",STEP:"step",TICKMARKS:"tickmarks",LABELED:"labeled",RANGE:"range",DISABLED:"disabled",READONLY:"readonly"},K={ROOT:".forge-slider",TRACK:".track",HANDLE_CONTAINER:".handle-container",START_INPUT:"input.start",END_INPUT:"input.end",START_HANDLE:".handle.start",START_HANDLE_THUMB:".handle.start .handle-thumb",END_HANDLE:".handle.end",END_HANDLE_THUMB:".handle.end .handle-thumb",START_LABEL:".handle.start .handle-label",START_LABEL_CONTENT:".handle.start .handle-label-content",END_LABEL:".handle.end .handle-label",END_LABEL_CONTENT:".handle.end .handle-label-content",LABEL:".handle-label",INPUT:"input[type=range]"},G={RANGE:"range",TICKMARKS:"tickmarks",ON_TOP:"on-top",OVERLAPPING:"overlapping",HOVER:"hover",HANDLE:"handle",HANDLE_THUMB:"handle-thumb",HANDLE_START:"start",HANDLE_LABEL:"handle-label",LABEL:"handle-label",LABEL_CONTENT:"handle-label-content"},X={INPUT:"forge-slider-input",CHANGE:"forge-slider-change"},Y={START_FRACTION:"--_start-fraction",END_FRACTION:"--_end-fraction",TICK_COUNT:"--_tick-count"},j={DEFAULT_STEP:1,DEFAULT_VALUE:50,DEFAULT_START_VALUE:33,DEFAULT_END_VALUE:67},a={elementName:F,attributes:V,selectors:K,classes:G,events:X,numbers:j,cssCustomProperties:Y};function B(o){let t=document.createElement("input");return t.type="range",t.id="start",t.min=String(o.min),t.max=String(o.max),t.step=String(o.step),t.valueAsNumber=o.valueStart,t.disabled=o.disabled,t.classList.add("start"),o.hasAttribute(a.attributes.ARIA_LABEL_START)&&t.setAttribute("aria-label",o.getAttribute(a.attributes.ARIA_LABEL_START)),t.setAttribute("aria-valuetext",String(o.valueStart)),t}function M(o){let t=document.createElement("div");t.classList.add(a.classes.HANDLE,a.classes.HANDLE_START),t.setAttribute("part","handle-start");let e=document.createElement("forge-state-layer");e.target="start",t.appendChild(e);let i=document.createElement("forge-focus-indicator");i.target="start",t.appendChild(i);let r=document.createElement("div");r.classList.add(a.classes.HANDLE_THUMB),r.setAttribute("part","handle-start-thumb"),t.appendChild(r);let n=document.createElement("div");n.classList.add(a.classes.HANDLE_LABEL),n.setAttribute("part","handle-start-label"),t.appendChild(n);let h=document.createElement("span");return h.textContent=o,h.classList.add(a.classes.LABEL_CONTENT),h.setAttribute("part","handle-start-label-content"),n.appendChild(h),t}function k(o){let t=document.createElement("div");t.classList.add(a.classes.LABEL);let e=document.createElement("span");return e.textContent=o,e.classList.add(a.classes.LABEL_CONTENT),t.appendChild(e),t}var m=class extends z{constructor(e){super(e);this._rootElement=d(e,a.selectors.ROOT),this._trackElement=d(e,a.selectors.TRACK),this._handleContainerElement=d(e,a.selectors.HANDLE_CONTAINER),this._endInputElement=d(e,a.selectors.END_INPUT),this._endHandleElement=d(e,a.selectors.END_HANDLE),this._endHandleThumbElement=d(e,a.selectors.END_HANDLE_THUMB),this._endLabelContentElement=d(e,a.selectors.END_LABEL_CONTENT)}addInputListener(e,i){this._getInputs().forEach(n=>n.addEventListener(e,i))}update({startFraction:e,endFraction:i,tickCount:r}){this._rootElement.style.setProperty(a.cssCustomProperties.START_FRACTION,String(e)),this._rootElement.style.setProperty(a.cssCustomProperties.END_FRACTION,String(i)),this._rootElement.style.setProperty(a.cssCustomProperties.TICK_COUNT,String(r))}updateLabels(e,i){var r;this._startLabelContentElement&&(this._startLabelContentElement.textContent=e),this._endLabelContentElement&&(this._endLabelContentElement.textContent=i),(r=this._startInputElement)==null||r.setAttribute("aria-valuetext",e),this._endInputElement.setAttribute("aria-valuetext",i)}updateHandleLayering(){let e=this._endInputElement.matches(":focus");this._startHandleElement&&_(this._startHandleElement,!e,a.classes.ON_TOP),_(this._endHandleElement,e,a.classes.ON_TOP)}tryHoverStartHandle(e){var i,r,n;this._startHandleThumbElement&&E(e,this._startHandleThumbElement)?(this._handleContainerElement.classList.add(a.classes.HOVER),(i=this._startHandleElement)==null||i.classList.add(a.classes.HOVER)):(r=this._startInputElement)!=null&&r.matches(":focus")||(this._handleContainerElement.classList.remove(a.classes.HOVER),(n=this._startHandleElement)==null||n.classList.remove(a.classes.HOVER))}tryHoverEndHandle(e){E(e,this._endHandleThumbElement)?(this._handleContainerElement.classList.add(a.classes.HOVER),this._endHandleElement.classList.add(a.classes.HOVER)):this._endInputElement.matches(":focus")||(this._handleContainerElement.classList.remove(a.classes.HOVER),this._endHandleElement.classList.remove(a.classes.HOVER))}tryDetectOverlap(){if(this._startHandleElement){let e=w(this._startHandleElement,this._endHandleElement);_(this._endHandleElement,e,a.classes.OVERLAPPING),_(this._startHandleElement,e,a.classes.OVERLAPPING)}}leaveHandleContainer(){this._handleContainerElement.classList.remove(a.classes.HOVER)}syncInputValues(e,i){if(this._startInputElement&&(this._startInputElement.valueAsNumber=e),this._endInputElement.valueAsNumber=i,this._startInputElement){let r=new FormData;r.append(this._component.nameStart,String(e)),r.append(this._component.nameEnd,String(i)),this._component.internals.setFormValue(r)}else this._component.internals.setFormValue(String(i))}setRange(e){var i,r;if(this._rootElement.classList.toggle(a.classes.RANGE,e),e){this._startInputElement=B(this._component),this._rootElement.insertAdjacentElement("afterbegin",this._startInputElement),this._endInputElement.valueAsNumber=this._component.valueEnd;let n=this._startInputElement.value;this._startHandleElement=M(n),this._handleContainerElement.insertAdjacentElement("afterbegin",this._startHandleElement),this._startHandleThumbElement=d(this._component,a.selectors.START_HANDLE_THUMB),this._startLabelContentElement=d(this._component,a.selectors.START_LABEL_CONTENT)}else(i=this._startInputElement)==null||i.remove(),(r=this._startHandleElement)==null||r.remove(),this._startInputElement=void 0,this._startHandleElement=void 0,this._startHandleThumbElement=void 0,this._startLabelContentElement=void 0}setTickmarks(e){this._trackElement.classList.toggle(a.classes.TICKMARKS,e)}setStep(e){this._getInputs().forEach(r=>r.step=String(e))}setMin(e){this._getInputs().forEach(r=>r.min=String(e))}setMax(e){this._getInputs().forEach(r=>r.max=String(e))}setDisabled(e){this._getInputs().forEach(n=>n.disabled=e),this._rootElement.querySelectorAll(R.elementName).forEach(n=>n.disabled=e)}setReadonly(e){this._getInputs().forEach(r=>r.readOnly=e)}toggleLabels(e){var r;if(this._rootElement.querySelectorAll(a.selectors.LABEL).forEach(n=>n.remove()),this._endLabelContentElement=void 0,this._startLabelContentElement=void 0,e){let n=k(this._endInputElement.value);if(this._endHandleElement.insertAdjacentElement("beforeend",n),this._endLabelContentElement=d(this._component,a.selectors.END_LABEL_CONTENT),this._startInputElement){let h=k(this._startInputElement.value);(r=this._startHandleElement)==null||r.insertAdjacentElement("beforeend",h),this._startLabelContentElement=d(this._component,a.selectors.START_LABEL_CONTENT)}}}setStartAriaLabel(e){this._startInputElement&&u(this._startInputElement,!!e,"aria-label",e)}setEndAriaLabel(e){u(this._endInputElement,!!e,"aria-label",e)}_getInputs(){let e=[];return this._startInputElement&&e.push(this._startInputElement),[...e,this._endInputElement]}};var v=class{constructor(t){this._adapter=t;this._value=a.numbers.DEFAULT_VALUE;this._valueStart=a.numbers.DEFAULT_START_VALUE;this._valueEnd=a.numbers.DEFAULT_END_VALUE;this._min=0;this._max=100;this._step=a.numbers.DEFAULT_STEP;this._tickmarks=!1;this._labeled=!0;this._range=!1;this._disabled=!1;this._readonly=!1;this._pointerEnterListener=e=>this._handlePointerEnter(e),this._pointerMoveListener=e=>this._handlePointerMove(e),this._pointerLeaveListener=e=>this._handlePointerLeave(e),this._changeUpdateListener=e=>this._handleInputUpdate(e),this._focusListener=e=>this._handleFocus(e)}initialize(){this._applyInputListeners(),this._update()}_update(){var A,y;let{value:t,valueStart:e,valueEnd:i}=this._clampMinMax(),r=this._step<=0?1:this._step,n=Math.max(this._max-this._min,r),h=this._range?((e!=null?e:this._min)-this._min)/n:0,g=this._range?i:t,U=((g!=null?g:this.min)-this.min)/n,P=n/r;this._adapter.update({startFraction:h,endFraction:U,tickCount:P}),this._adapter.syncInputValues(e,this._range?i:t),this._range&&this._adapter.tryDetectOverlap();let L=(A=this._labelStart)!=null?A:String(e),f=(y=this._labelEnd)!=null?y:String(this._range?i:t);typeof this._labelBuilder=="function"&&(this._range?(L=this._labelBuilder(e,"start"),f=this._labelBuilder(i,"end")):f=this._labelBuilder(t)),this._adapter.updateLabels(L,f)}_clampMinMax(){let t=this._value,e=this._valueStart,i=this._valueEnd;return this._range?(e>this._max?e=this._max:e<this._min&&(e=this._min),i>this._max?i=this._max:i<this._min&&(i=this._min)):t>this._max?t=this._max:this._value<this._min&&(t=this._min),{value:t,valueStart:e,valueEnd:i}}_applyInputListeners(){this._adapter.addInputListener("pointerenter",this._pointerEnterListener),this._adapter.addInputListener("pointermove",this._pointerMoveListener),this._adapter.addInputListener("pointerleave",this._pointerLeaveListener),this._adapter.addInputListener("input",this._changeUpdateListener),this._adapter.addInputListener("change",this._changeUpdateListener),this._adapter.addInputListener("focus",this._focusListener)}_handlePointerEnter(t){this._handlePointerMove(t)}_handlePointerMove({target:t,x:e,y:i}){t.id==="start"?this._adapter.tryHoverStartHandle({x:e,y:i}):this._adapter.tryHoverEndHandle({x:e,y:i})}_handlePointerLeave(t){this._adapter.leaveHandleContainer()}_handleInputUpdate(t){if(t.stopPropagation(),this._disabled||this._readonly){this._adapter.syncInputValues(this._valueStart,this._range?this._valueEnd:this._value);return}let e=t.target;if(this._range){let n=e.id==="start";if(n?this._valueStart=e.valueAsNumber:this._valueEnd=e.valueAsNumber,this._canClamp()){n?this._valueStart=this._valueEnd:this._valueEnd=this._valueStart,this._adapter.syncInputValues(this._valueStart,this._valueEnd),this._update();return}}else this._value=e.valueAsNumber;let i=t.type==="change"?a.events.CHANGE:a.events.INPUT,r=this._range?{valueStart:this._valueStart,valueEnd:this._valueEnd}:this._value;this._adapter.emitHostEvent(i,r,!0),this._update()}_handleFocus(t){this._adapter.updateHandleLayering()}_canClamp(){return this._valueStart>this._valueEnd||this._valueEnd<this._valueStart}get value(){return this._value}set value(t){this._value!==t&&(this._value=t,this._update())}get valueStart(){return this._valueStart}set valueStart(t){this._valueStart!==t&&(this._valueStart=t,this._update())}get valueEnd(){return this._valueEnd}set valueEnd(t){this._valueEnd!==t&&(this._valueEnd=t,this._update())}get label(){return this.labelEnd}set label(t){this.labelEnd=t}get labelStart(){return this._labelStart}set labelStart(t){this._labelStart!==t&&(this._labelStart=t,this._adapter.updateLabels(this._labelStart,this._labelEnd))}get labelEnd(){return this._labelEnd}set labelEnd(t){this._labelEnd!==t&&(this._labelEnd=t,this._adapter.updateLabels(this._labelStart,this._labelEnd))}get labelBuilder(){return this._labelBuilder}set labelBuilder(t){this._labelBuilder=t,this._update()}get min(){return this._min}set min(t){this._min!==t&&(this._min=t,this._adapter.setMin(this._min),this._update(),this._adapter.setHostAttribute(a.attributes.MIN,String(this._min)))}get max(){return this._max}set max(t){this._max!==t&&(this._max=t,this._adapter.setMax(this._max),this._update(),this._adapter.setHostAttribute(a.attributes.MAX,String(this._max)))}get step(){return this._step}set step(t){this._step!==t&&(this._step=t,this._adapter.setStep(this._step),this._update(),this._adapter.setHostAttribute(a.attributes.STEP,String(this._step)))}get tickmarks(){return this._tickmarks}set tickmarks(t){this._tickmarks!==t&&(this._tickmarks=t,this._adapter.setTickmarks(this._tickmarks),this._adapter.toggleHostAttribute(a.attributes.TICKMARKS,this._tickmarks))}get labeled(){return this._labeled}set labeled(t){this._labeled!==t&&(this._labeled=t,this._adapter.toggleLabels(this._labeled),this._update(),this._adapter.toggleHostAttribute(a.attributes.LABELED,this._labeled))}get range(){return this._range}set range(t){this._range!==t&&(this._range=t,this._adapter.setRange(this._range),this._range&&this._applyInputListeners(),this._update(),this._adapter.toggleHostAttribute(a.attributes.RANGE,this._range))}get disabled(){return this._disabled}set disabled(t){this._disabled!==t&&(this._disabled=t,this._adapter.setDisabled(t),this._adapter.toggleHostAttribute(a.attributes.DISABLED,this._disabled))}get readonly(){return this._readonly}set readonly(t){this._readonly!==t&&(this._readonly=t,this._adapter.setReadonly(t),this._adapter.toggleHostAttribute(a.attributes.READONLY,this._readonly))}set ariaLabel(t){this.ariaLabelEnd=t}set ariaLabelStart(t){this._adapter.setStartAriaLabel(t)}set ariaLabelEnd(t){this._adapter.setEndAriaLabel(t)}};var q='<template><div part="root" class="forge-slider"><input type="range" class="end" id="end" min="0" max="100" step="1" aria-valuetext="0"><div class="track" part="track"></div><div class="handle-container-padded"><div class="handle-container-block"><div class="handle-container"><div class="handle end" part="handle-end"><forge-state-layer target="end"></forge-state-layer><forge-focus-indicator target="end"></forge-focus-indicator><div class="handle-thumb" part="handle-end-thumb"></div><div class="handle-label" part="handle-end-label"><span class="handle-label-content" part="handle-end-label-content"></span></div></div></div></div></div></div></template>',$=':host{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;min-inline-size:100%}:host([hidden]){display:none}.forge-slider{--_start-fraction:0;--_end-fraction:0;--_tick-count:100;--_track-height:var(--forge-slider-track-height, 4px);--_active-track-color:var(--forge-slider-active-track-color, var(--forge-theme-primary, #3f51b5));--_active-track-height:var(--forge-slider-active-track-height, var(--_track-height));--_active-track-shape:var(--forge-slider-active-track-shape, var(--forge-shape-full, 9999px));--_disabled-active-track-color:var(--forge-slider-disabled-active-track-color, #9e9e9e);--_disabled-active-track-opacity:var(--forge-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color:var(--forge-slider-disabled-handle-color, #9e9e9e);--_disabled-inactive-track-color:var(--forge-slider-disabled-inactive-track-color, #9e9e9e);--_disabled-inactive-track-opacity:var(--forge-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color:var(--forge-slider-focus-handle-color, var(--forge-theme-primary, #3f51b5));--_handle-color:var(--forge-slider-handle-color, var(--forge-theme-primary, #3f51b5));--_handle-height:var(--forge-slider-handle-height, 20px);--_handle-shape:var(--forge-slider-handle-shape, var(--forge-shape-round, 50%));--_handle-width:var(--forge-slider-handle-width, 20px);--_hover-handle-color:var(--forge-slider-hover-handle-color, var(--forge-theme-primary, #3f51b5));--_inactive-track-color:var(--forge-slider-inactive-track-color, color-mix(in srgb, var(--forge-theme-primary, #3f51b5) 24%, transparent));--_inactive-track-height:var(--forge-slider-inactive-track-height, var(--_track-height));--_inactive-track-shape:var(--forge-slider-inactive-track-shape, var(--forge-shape-full, 9999px));--_label-container-shape:var(--forge-slider-label-container-shape, var(--forge-shape-full, 9999px));--_label-container-color:var(--forge-slider-label-container-color, var(--forge-theme-primary, #3f51b5));--_label-container-height:var(--forge-slider-label-container-height, 28px);--_label-text-color:var(--forge-slider-label-text-color, var(--forge-theme-on-primary, #ffffff));--_pressed-handle-color:var(--forge-slider-pressed-handle-color, var(--forge-theme-primary, #3f51b5));--_state-layer-size:var(--forge-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color:var(--forge-slider-with-overlap-handle-outline-color, var(--forge-theme-on-primary, #ffffff));--_with-overlap-handle-outline-width:var(--forge-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color:var(--forge-slider-with-tick-marks-active-container-color, var(--forge-theme-primary, #3f51b5));--_with-tick-marks-container-size:var(--forge-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-active-container-color:var(--forge-slider-with-tick-marks-disabled-active-container-color, var(--forge-theme-text-primary, rgba(0, 0, 0, 0.87)));--_with-tick-marks-disabled-inactive-container-color:var(--forge-slider-with-tick-marks-disabled-inactive-container-color, color-mix(in srgb, var(--forge-theme-on-primary, #ffffff) 50%, transparent));--_with-tick-marks-inactive-container-color:var(--forge-slider-with-tick-marks-inactive-container-color, var(--forge-theme-primary, #3f51b5));-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.forge-slider.range :host-context([dir=rtl]) input.start{-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range :host([dir=rtl]) input.start{-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range input.start:dir(rtl){-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range input.start{-webkit-clip-path:inset(0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))) 0 0);clip-path:inset(0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))) 0 0)}.forge-slider.range input.end{-webkit-clip-path:inset(0 0 0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)));clip-path:inset(0 0 0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)))}.forge-slider.range :host-context([dir=rtl]) input.end{-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.forge-slider.range :host([dir=rtl]) input.end{-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.forge-slider.range input.end:dir(rtl){-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.track{position:absolute;inset:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.track::after,.track::before{content:"";position:absolute;inset-inline-start:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size) * 2)/ var(--_tick-count)) 100%}.track::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape);background-color:var(--_inactive-track-color-fallback)}@supports (background-color:color-mix(in srgb,red 50%,transparent)){.track::before{background-color:var(--_inactive-track-color)}}.track::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)));background-color:var(--_active-track-color)}.track.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-inactive-container-color) 0,var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.track.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-active-container-color) 0,var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.handle-container-block,.handle-container-padded{position:relative;block-size:100%;inline-size:100%}.handle-container-padded{padding-inline:calc(var(--_state-layer-size)/ 2)}.handle-container{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100% * var(--_start-fraction));inline-size:calc(100% * (var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:grid;place-items:center}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/ 2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/ 2)}.handle-thumb{-webkit-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);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);position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color)}.handle-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label-font-family, var(--forge-typography-font-family, Roboto, sans-serif));font-size:var(--forge-typography-label-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));line-height:var(--forge-typography-label-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label-letter-spacing, .0333333333em);text-transform:var(--forge-typography-label-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label-text-decoration,inherit);text-decoration:var(--forge-typography-label-text-decoration,inherit);position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;padding:4px;place-items:center;border-radius:var(--_label-container-shape);color:var(--_label-text-color);font-weight:500;white-space:nowrap;inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);-webkit-transition:-webkit-transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));transition:-webkit-transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));transition:transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));transition:transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1)),-webkit-transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:scale(0);transform:scale(0)}.handle-label::after,.handle-label::before{content:"";position:absolute;display:block;background:inherit}.handle-label::before{inline-size:calc(var(--_label-container-height)/ 2);block-size:calc(var(--_label-container-height)/ 2);bottom:calc(var(--_label-container-height)/ -10);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.handle-label::after{inset:0;border-radius:inherit}.handle-label-content{z-index:1}.handle-container.hover .handle-thumb{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handle-container-padded .handle.end>.handle-thumb,:host(:not([disabled])) input.start:active~.handle-container-padded .handle.start>.handle-thumb{background:var(--_pressed-handle-color)}:host([disabled]) .handle-thumb{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);background:var(--_disabled-handle-color)}:host([disabled]) .handle-label{background:var(--_disabled-handle-color)}:host([disabled]) .track::before{opacity:calc(1 / var(--_disabled-active-track-opacity) * var(--_disabled-inactive-track-opacity));background-color:var(--_disabled-inactive-track-color)}:host([disabled]) .track::after{background-color:var(--_disabled-active-track-color)}:host([disabled]) .track.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-disabled-active-container-color) 0,var(--_with-tick-marks-disabled-active-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}:host([disabled]) .track.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-disabled-inactive-container-color) 0,var(--_with-tick-marks-disabled-inactive-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}:host([disabled]) input[type=range]{cursor:not-allowed}:host-context([dir=rtl]) .track::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([dir=rtl]) .track::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.track:dir(rtl)::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}input.end:focus~.handle-container-padded .handle.end>.handle-thumb,input.start:focus~.handle-container-padded .handle.start>.handle-thumb{background:var(--_focus-handle-color)}.on-top.overlapping .handle-label,.on-top.overlapping .handle-label::before,.on-top.overlapping .handle-thumb{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle-container.hover .handle-label,:host(:focus-within) .handle-label,:where(:has(input:active)) .handle-label{-webkit-transform:scale(1);transform:scale(1)}input[type=range]{opacity:0;-webkit-tap-highlight-color:transparent;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;margin:0;background:0 0;cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none}input[type=range]::-moz-range-track{-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0;z-index:2}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.on-top{z-index:1}@media (prefers-reduced-motion){.handle-label{-webkit-transition-duration:0;transition-duration:0}}forge-focus-indicator{--forge-focus-indicator-shape:50%;--forge-focus-indicator-outward-offset:0px}forge-state-layer{--forge-state-layer-color:var(--_handle-color)}',s=class extends x{constructor(){super();T(this,q,$),this.internals=this.attachInternals(),this._foundation=new v(new m(this))}static get observedAttributes(){return[a.attributes.ARIA_LABEL,a.attributes.ARIA_LABEL_START,a.attributes.ARIA_LABEL_END,a.attributes.VALUE,a.attributes.VALUE_START,a.attributes.VALUE_END,a.attributes.LABEL,a.attributes.LABEL_START,a.attributes.LABEL_END,a.attributes.MAX,a.attributes.MIN,a.attributes.STEP,a.attributes.TICKMARKS,a.attributes.LABELED,a.attributes.RANGE,a.attributes.DISABLED,a.attributes.READONLY]}get form(){return this.internals.form}get labels(){return this.internals.labels}get name(){var e;return(e=this.getAttribute("name"))!=null?e:""}set name(e){u(this,!!e,"name",e!=null?e:"")}get nameStart(){var e;return(e=this.getAttribute("name-start"))!=null?e:this.name}set nameStart(e){u(this,!!e,"name-start",e!=null?e:"")}get nameEnd(){var e;return(e=this.getAttribute("name-end"))!=null?e:this.nameStart}set nameEnd(e){u(this,!!e,"name-end",e!=null?e:"")}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(e,i,r){switch(e){case a.attributes.ARIA_LABEL:this._foundation.ariaLabel=r;break;case a.attributes.ARIA_LABEL_START:this._foundation.ariaLabelStart=r;break;case a.attributes.ARIA_LABEL_END:this._foundation.ariaLabelEnd=r;break;case a.attributes.VALUE:this.value=b(r);break;case a.attributes.VALUE_START:this.valueStart=b(r);break;case a.attributes.VALUE_END:this.valueEnd=b(r);break;case a.attributes.LABEL:this.label=r;break;case a.attributes.LABEL_START:this.labelStart=r;break;case a.attributes.LABEL_END:this.labelEnd=r;break;case a.attributes.MIN:this.min=b(r);break;case a.attributes.MAX:this.max=b(r);break;case a.attributes.STEP:this.step=b(r);break;case a.attributes.TICKMARKS:this.tickmarks=p(r);break;case a.attributes.LABELED:this.labeled=p(r);break;case a.attributes.RANGE:this.range=p(r);break;case a.attributes.DISABLED:this.disabled=p(r);break;case a.attributes.READONLY:this.readonly=p(r);break}}formResetCallback(){if(this._foundation.range){let i=this.getAttribute("value-start");this.valueStart=i!==null?Number(i):a.numbers.DEFAULT_START_VALUE;let r=this.getAttribute("value-end");this.valueEnd=r!==null?Number(r):a.numbers.DEFAULT_END_VALUE;return}let e=this.getAttribute("value");this.value=e!==null?Number(e):a.numbers.DEFAULT_VALUE}formStateRestoreCallback(e){if(e&&e[0]instanceof FormData){let i=Array.from(e[0]),[[,r],[,n]]=i;this.valueStart=Number(r),this.valueEnd=Number(n),this.range=!0;return}this.value=Number(e),this.range=!1}};s.formAssociated=!0,l([c()],s.prototype,"value",2),l([c()],s.prototype,"valueStart",2),l([c()],s.prototype,"valueEnd",2),l([c()],s.prototype,"label",2),l([c()],s.prototype,"labelStart",2),l([c()],s.prototype,"labelEnd",2),l([c()],s.prototype,"labelBuilder",2),l([c()],s.prototype,"min",2),l([c()],s.prototype,"max",2),l([c()],s.prototype,"step",2),l([c()],s.prototype,"tickmarks",2),l([c()],s.prototype,"labeled",2),l([c()],s.prototype,"range",2),l([c()],s.prototype,"disabled",2),l([c()],s.prototype,"readonly",2),s=l([I({name:a.elementName,dependencies:[C,D]})],s);var O=class extends H{constructor(t){super(t)}get value(){return this._element.value}set value(t){this._element.value=t}get valueStart(){return this._element.valueStart}set valueStart(t){this._element.valueStart=t}get valueEnd(){return this._element.valueEnd}set valueEnd(t){this._element.valueEnd=t}get disabled(){return this._element.disabled}set disabled(t){this._element.disabled=t}get min(){return this._element.min}set min(t){this._element.min=t}get max(){return this._element.max}set max(t){this._element.max=t}get step(){return this._element.step}get range(){return this._element.range}set range(t){this._element.range=t}get tickmarks(){return this._element.tickmarks}set tickmarks(t){this._element.tickmarks=t}get labeled(){return this._element.labeled}set labeled(t){this._element.labeled=t}get labelBuilder(){return this._element.labelBuilder}set labelBuilder(t){this._element.labelBuilder=t}onInput(t){this._element.addEventListener("forge-slider-input",({detail:e})=>t(e))}onChange(t){this._element.addEventListener("forge-slider-change",({detail:e})=>t(e))}onFocus(t){this._element.addEventListener("focus",e=>t(e))}onBlur(t){this._element.addEventListener("blur",e=>t(e))}_build(){return document.createElement(a.elementName)}};function we(){S(s)}export{a,s as b,O as c,we as d};
-//# sourceMappingURL=chunk.VVXSELXX.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/slider/slider-constants.ts", "../../src/slider/slider-utils.ts", "../../src/slider/slider-adapter.ts", "../../src/slider/slider-foundation.ts", "../../src/slider/slider.ts", "../../src/slider/slider-component-delegate.ts", "../../src/slider/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}slider`;\n\nconst attributes = {\n  ARIA_LABEL: 'data-aria-label',\n  ARIA_LABEL_START: 'data-aria-label-start',\n  ARIA_LABEL_END: 'data-aria-label-end',\n  VALUE: 'value',\n  VALUE_START: 'value-start',\n  VALUE_END: 'value-end',\n  LABEL: 'label',\n  LABEL_START: 'label-start',\n  LABEL_END: 'label-end',\n  MIN: 'min',\n  MAX: 'max',\n  STEP: 'step',\n  TICKMARKS: 'tickmarks',\n  LABELED: 'labeled',\n  RANGE: 'range',\n  DISABLED: 'disabled',\n  READONLY: 'readonly'\n};\n\nconst selectors = {\n  ROOT: '.forge-slider',\n  TRACK: '.track',\n  HANDLE_CONTAINER: '.handle-container',\n  START_INPUT: 'input.start',\n  END_INPUT: 'input.end',\n  START_HANDLE: '.handle.start',\n  START_HANDLE_THUMB: '.handle.start .handle-thumb',\n  END_HANDLE: '.handle.end',\n  END_HANDLE_THUMB: '.handle.end .handle-thumb',\n  START_LABEL: '.handle.start .handle-label',\n  START_LABEL_CONTENT: '.handle.start .handle-label-content',\n  END_LABEL: '.handle.end .handle-label',\n  END_LABEL_CONTENT: '.handle.end .handle-label-content',\n  LABEL: '.handle-label',\n  INPUT: 'input[type=range]'\n};\n\nconst classes = {\n  RANGE: 'range',\n  TICKMARKS: 'tickmarks',\n  ON_TOP: 'on-top',\n  OVERLAPPING: 'overlapping',\n  HOVER: 'hover',\n  HANDLE: 'handle',\n  HANDLE_THUMB: 'handle-thumb',\n  HANDLE_START: 'start',\n  HANDLE_LABEL: 'handle-label',\n  LABEL: 'handle-label',\n  LABEL_CONTENT: 'handle-label-content'\n};\n\nconst events = {\n  INPUT: 'forge-slider-input',\n  CHANGE: 'forge-slider-change'\n};\n\nconst cssCustomProperties = {\n  START_FRACTION: '--_start-fraction',\n  END_FRACTION: '--_end-fraction',\n  TICK_COUNT: '--_tick-count'\n};\n\nconst numbers = {\n  DEFAULT_STEP: 1,\n  DEFAULT_VALUE: 50,\n  DEFAULT_START_VALUE: 33,\n  DEFAULT_END_VALUE: 67\n};\n\nexport const SLIDER_CONSTANTS = {\n  elementName,\n  attributes,\n  selectors,\n  classes,\n  events,\n  numbers,\n  cssCustomProperties\n};\n\nexport interface ISliderRangeEventData {\n  valueStart: number;\n  valueEnd: number;\n}\n\nexport type SliderLabelBuilder = (value: number, which?: 'start' | 'end') => string;\n", "import { ISliderComponent } from '../slider';\nimport { SLIDER_CONSTANTS } from './slider-constants';\n\nexport function createStartInputElement(component: ISliderComponent): HTMLInputElement {\n  const startInput = document.createElement('input');\n  startInput.type = 'range';\n  startInput.id = 'start';\n  startInput.min = String(component.min);\n  startInput.max = String(component.max);\n  startInput.step = String(component.step);\n  startInput.valueAsNumber = component.valueStart;\n  startInput.disabled = component.disabled;\n  startInput.classList.add('start');\n  \n  if (component.hasAttribute(SLIDER_CONSTANTS.attributes.ARIA_LABEL_START)) {\n    startInput.setAttribute('aria-label', component.getAttribute(SLIDER_CONSTANTS.attributes.ARIA_LABEL_START) as string);\n  }\n  startInput.setAttribute('aria-valuetext', String(component.valueStart));\n\n  return startInput;\n}\n\nexport function createStartHandleElement(thumbLabel: string): HTMLElement {\n  const startHandle = document.createElement('div');\n  startHandle.classList.add(SLIDER_CONSTANTS.classes.HANDLE, SLIDER_CONSTANTS.classes.HANDLE_START);\n  startHandle.setAttribute('part', 'handle-start');\n\n  const startHandleStateLayer = document.createElement('forge-state-layer');\n  startHandleStateLayer.target = 'start';\n  startHandle.appendChild(startHandleStateLayer);\n\n  const startHandleFocusIndicator = document.createElement('forge-focus-indicator');\n  startHandleFocusIndicator.target = 'start';\n  startHandle.appendChild(startHandleFocusIndicator);\n  \n  const startHandleThumb = document.createElement('div');\n  startHandleThumb.classList.add(SLIDER_CONSTANTS.classes.HANDLE_THUMB);\n  startHandleThumb.setAttribute('part', 'handle-start-thumb');\n  startHandle.appendChild(startHandleThumb);\n  \n  const startHandleLabel = document.createElement('div');\n  startHandleLabel.classList.add(SLIDER_CONSTANTS.classes.HANDLE_LABEL);\n  startHandleLabel.setAttribute('part', 'handle-start-label');\n  startHandle.appendChild(startHandleLabel);\n\n  const startHandleLabelContent = document.createElement('span');\n  startHandleLabelContent.textContent = thumbLabel;\n  startHandleLabelContent.classList.add(SLIDER_CONSTANTS.classes.LABEL_CONTENT);\n  startHandleLabelContent.setAttribute('part', 'handle-start-label-content');\n  startHandleLabel.appendChild(startHandleLabelContent);\n  \n  return startHandle;\n}\n\nexport function createLabel(text: string): HTMLElement {\n  const labelElement = document.createElement('div');\n  labelElement.classList.add(SLIDER_CONSTANTS.classes.LABEL);\n\n  const labelContentElement = document.createElement('span');\n  labelContentElement.textContent = text;\n  labelContentElement.classList.add(SLIDER_CONSTANTS.classes.LABEL_CONTENT);\n  labelElement.appendChild(labelContentElement);\n\n  return labelElement;\n}\n", "import { getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { elementsOverlapping, isPointerOverElement } from '../core/utils/utils';\nimport { ISliderComponent } from '../slider';\nimport { IStateLayerComponent, STATE_LAYER_CONSTANTS } from '../state-layer';\nimport { SLIDER_CONSTANTS } from './slider-constants';\nimport { createLabel, createStartHandleElement, createStartInputElement } from './slider-utils';\n\nexport interface ISliderState {\n  startFraction: number;\n  endFraction: number;\n  tickCount: number;\n}\n\nexport interface ISliderAdapter extends IBaseAdapter {\n  addInputListener(type: keyof HTMLElementEventMap, listener: EventListener): void;\n  update(state: ISliderState): void;\n  updateLabels(labelStart: string, labelEnd: string): void;\n  updateHandleLayering(): void;\n  tryHoverStartHandle(coords: { x: number; y: number }): void;\n  tryHoverEndHandle(coords: { x: number; y: number }): void;\n  tryDetectOverlap(): void;\n  leaveHandleContainer(): void;\n  syncInputValues(valueStart: number, valueEnd: number): void;\n  setRange(value: boolean): void;\n  setTickmarks(value: boolean): void;\n  setStep(step: number): void;\n  setMin(value: number): void;\n  setMax(value: number): void;\n  setDisabled(value: boolean): void;\n  setReadonly(value: boolean): void;\n  toggleLabels(value: boolean): void;\n  setStartAriaLabel(value: string | null): void;\n  setEndAriaLabel(value: string | null): void;\n}\n\nexport class SliderAdapter extends BaseAdapter<ISliderComponent> {\n  private readonly _rootElement: HTMLElement;\n  private readonly _trackElement: HTMLElement;\n  private readonly _handleContainerElement: HTMLElement;\n  private readonly _endInputElement: HTMLInputElement;\n  private readonly _endHandleElement: HTMLElement;\n  private readonly _endHandleThumbElement: HTMLElement;\n  private _endLabelContentElement: HTMLElement | undefined;\n  private _startInputElement: HTMLInputElement | undefined;\n  private _startHandleElement: HTMLElement | undefined;\n  private _startHandleThumbElement: HTMLElement | undefined;\n  private _startLabelContentElement: HTMLElement | undefined;\n\n  constructor(component: ISliderComponent) {\n    super(component);\n\n    this._rootElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.ROOT);\n    this._trackElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.TRACK);\n    this._handleContainerElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.HANDLE_CONTAINER);\n    this._endInputElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_INPUT) as HTMLInputElement;\n    this._endHandleElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_HANDLE);\n    this._endHandleThumbElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_HANDLE_THUMB);\n    this._endLabelContentElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_LABEL_CONTENT);\n  }\n\n  public addInputListener(type: keyof HTMLElementEventMap, listener: EventListener): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.addEventListener(type, listener));\n  }\n\n  public update({ startFraction, endFraction, tickCount }: ISliderState): void {\n    this._rootElement.style.setProperty(SLIDER_CONSTANTS.cssCustomProperties.START_FRACTION, String(startFraction));\n    this._rootElement.style.setProperty(SLIDER_CONSTANTS.cssCustomProperties.END_FRACTION, String(endFraction));\n    this._rootElement.style.setProperty(SLIDER_CONSTANTS.cssCustomProperties.TICK_COUNT, String(tickCount));\n  }\n\n  public updateLabels(labelStart: string, labelEnd: string): void {\n    if (this._startLabelContentElement) {\n      this._startLabelContentElement.textContent = labelStart;\n    }\n    \n    if (this._endLabelContentElement) {\n      this._endLabelContentElement.textContent = labelEnd;\n    }\n\n    this._startInputElement?.setAttribute('aria-valuetext', labelStart);\n    this._endInputElement.setAttribute('aria-valuetext', labelEnd);\n  }\n\n  public updateHandleLayering(): void {\n    const isEndFocused = this._endInputElement.matches(':focus');\n    if (this._startHandleElement) {\n      toggleClass(this._startHandleElement, !isEndFocused, SLIDER_CONSTANTS.classes.ON_TOP);\n    }\n    toggleClass(this._endHandleElement, isEndFocused, SLIDER_CONSTANTS.classes.ON_TOP);\n  }\n\n  public tryHoverStartHandle(coords: { x: number; y: number }): void {\n    if (this._startHandleThumbElement && isPointerOverElement(coords, this._startHandleThumbElement)) {\n      this._handleContainerElement.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n      this._startHandleElement?.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n    } else if (!this._startInputElement?.matches(':focus')) {\n      this._handleContainerElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n      this._startHandleElement?.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n    }\n  }\n\n  public tryHoverEndHandle(coords: { x: number; y: number }): void {\n    if (isPointerOverElement(coords, this._endHandleThumbElement)) {\n      this._handleContainerElement.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n      this._endHandleElement.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n    } else if (!this._endInputElement.matches(':focus')) {\n      this._handleContainerElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n      this._endHandleElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n    }\n  }\n\n  public tryDetectOverlap(): void {\n    if (this._startHandleElement) {\n      const isOverlapping = elementsOverlapping(this._startHandleElement, this._endHandleElement);\n      toggleClass(this._endHandleElement, isOverlapping, SLIDER_CONSTANTS.classes.OVERLAPPING);\n      toggleClass(this._startHandleElement, isOverlapping, SLIDER_CONSTANTS.classes.OVERLAPPING);\n    }\n  }\n\n  public leaveHandleContainer(): void {\n    this._handleContainerElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n  }\n\n  public syncInputValues(valueStart: number, valueEnd: number): void {\n    if (this._startInputElement) {\n      this._startInputElement.valueAsNumber = valueStart;\n    }\n    this._endInputElement.valueAsNumber = valueEnd;\n\n    if (this._startInputElement) {\n      const data = new FormData();\n      data.append(this._component.nameStart, String(valueStart));\n      data.append(this._component.nameEnd, String(valueEnd));\n      this._component.internals.setFormValue(data);\n    } else {\n      this._component.internals.setFormValue(String(valueEnd));\n    }\n  }\n\n  public setRange(value: boolean): void {\n    this._rootElement.classList.toggle(SLIDER_CONSTANTS.classes.RANGE, value);\n\n    if (value) {\n      // Create start input\n      this._startInputElement = createStartInputElement(this._component);\n      this._rootElement.insertAdjacentElement('afterbegin', this._startInputElement);\n\n      // Ensure the end input is updated to the valueEnd property value now that we are in range mode\n      this._endInputElement.valueAsNumber = this._component.valueEnd;\n\n      // Create start handle\n      const thumbLabel = this._startInputElement.value;\n      this._startHandleElement = createStartHandleElement(thumbLabel);\n      this._handleContainerElement.insertAdjacentElement('afterbegin', this._startHandleElement);\n      this._startHandleThumbElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.START_HANDLE_THUMB);\n      this._startLabelContentElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.START_LABEL_CONTENT);\n    } else {\n      this._startInputElement?.remove();\n      this._startHandleElement?.remove();\n\n      this._startInputElement = undefined;\n      this._startHandleElement = undefined;\n      this._startHandleThumbElement = undefined;\n      this._startLabelContentElement = undefined;\n    }\n  }\n\n  public setTickmarks(value: boolean): void {\n    this._trackElement.classList.toggle(SLIDER_CONSTANTS.classes.TICKMARKS, value);\n  }\n\n  public setStep(step: number): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.step = String(step));\n  }\n\n  public setMin(value: number): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.min = String(value));\n  }\n\n  public setMax(value: number): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.max = String(value));\n  }\n\n  public setDisabled(value: boolean): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.disabled = value);\n\n    const stateLayers = this._rootElement.querySelectorAll(STATE_LAYER_CONSTANTS.elementName) as NodeListOf<IStateLayerComponent>;\n    stateLayers.forEach(sl => sl.disabled = value);\n  }\n\n  public setReadonly(value: boolean): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.readOnly = value);\n  }\n\n  public toggleLabels(value: boolean): void {\n    const labels = this._rootElement.querySelectorAll(SLIDER_CONSTANTS.selectors.LABEL);\n    labels.forEach(label => label.remove());\n\n    this._endLabelContentElement = undefined;\n    this._startLabelContentElement = undefined;\n\n    if (value) {\n      const endLabelEl = createLabel(this._endInputElement.value);\n      this._endHandleElement.insertAdjacentElement('beforeend', endLabelEl);\n      this._endLabelContentElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.END_LABEL_CONTENT);\n      \n      if (this._startInputElement) {\n        const startLabelEl = createLabel(this._startInputElement.value);\n        this._startHandleElement?.insertAdjacentElement('beforeend', startLabelEl);\n        this._startLabelContentElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.START_LABEL_CONTENT);\n      }\n    }\n  }\n\n  public setStartAriaLabel(value: string | null): void {\n    if (this._startInputElement) {\n      toggleAttribute(this._startInputElement, !!value, 'aria-label', value as string);\n    }\n  }\n\n  public setEndAriaLabel(value: string | null): void {\n    toggleAttribute(this._endInputElement, !!value, 'aria-label', value as string);\n  }\n\n  private _getInputs(): HTMLInputElement[] {\n    const inputs: HTMLInputElement[] = [];\n    if (this._startInputElement) {\n      inputs.push(this._startInputElement);\n    }\n    return [...inputs, this._endInputElement];\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { ISliderAdapter } from './slider-adapter';\nimport { SLIDER_CONSTANTS, SliderLabelBuilder, ISliderRangeEventData } from './slider-constants';\n\nexport interface ISliderFoundation extends ICustomElementFoundation {\n  ariaLabel: string | null;\n  ariaLabelStart: string | null;\n  ariaLabelEnd: string | null;\n  value: number;\n  valueStart: number;\n  valueEnd: number;\n  label: string;\n  labelStart: string;\n  labelEnd: string;\n  labelBuilder: SliderLabelBuilder;\n  min: number;\n  max: number;\n  step: number;\n  tickmarks: boolean;\n  labeled: boolean;\n  range: boolean;\n  disabled: boolean;\n  readonly: boolean;\n}\n\nexport class SliderFoundation implements ISliderFoundation {\n  // State\n  private _value = SLIDER_CONSTANTS.numbers.DEFAULT_VALUE;\n  private _valueStart = SLIDER_CONSTANTS.numbers.DEFAULT_START_VALUE;\n  private _valueEnd = SLIDER_CONSTANTS.numbers.DEFAULT_END_VALUE;\n  private _labelStart: string;\n  private _labelEnd: string;\n  private _labelBuilder: SliderLabelBuilder;\n  private _min = 0;\n  private _max = 100;\n  private _step = SLIDER_CONSTANTS.numbers.DEFAULT_STEP;\n  private _tickmarks = false;\n  private _labeled = true;\n  private _range = false;\n  private _disabled = false;\n  private _readonly = false;\n\n  // Listeners\n  private readonly _pointerEnterListener: EventListener;\n  private readonly _pointerMoveListener: EventListener;\n  private readonly _pointerLeaveListener: EventListener;\n  private readonly _changeUpdateListener: EventListener;\n  private readonly _focusListener: EventListener;\n\n  constructor(private readonly _adapter: ISliderAdapter) {\n    this._pointerEnterListener = (evt: PointerEvent) => this._handlePointerEnter(evt);\n    this._pointerMoveListener = (evt: PointerEvent) => this._handlePointerMove(evt);\n    this._pointerLeaveListener = (evt: PointerEvent) => this._handlePointerLeave(evt);\n    this._changeUpdateListener = (evt: InputEvent) => this._handleInputUpdate(evt);\n    this._focusListener = (evt: FocusEvent) => this._handleFocus(evt);\n  }\n\n  public initialize(): void {\n    this._applyInputListeners();\n    this._update();\n  }\n\n  private _update(): void {\n    const {\n      value: renderValue,\n      valueStart: renderValueStart,\n      valueEnd: renderValueEnd\n    } = this._clampMinMax();\n    const step = this._step <= 0 ? 1 : this._step;\n    const range = Math.max(this._max - this._min, step);\n    const startFraction = this._range ? ((renderValueStart ?? this._min) - this._min) / range : 0;\n    const valueEnd = this._range ? renderValueEnd : renderValue;\n    const endFraction = ((valueEnd ?? this.min) - this.min) / range;\n    const tickCount = range / step;\n\n    this._adapter.update({ startFraction, endFraction, tickCount });\n    this._adapter.syncInputValues(renderValueStart, this._range ? renderValueEnd : renderValue);\n\n    if (this._range) {\n      this._adapter.tryDetectOverlap();\n    }\n\n    let labelStart = this._labelStart ?? String(renderValueStart);\n    let labelEnd = this._labelEnd ?? String(this._range ? renderValueEnd : renderValue);\n\n    if (typeof this._labelBuilder === 'function') {\n      if (this._range) {\n        labelStart = this._labelBuilder(renderValueStart, 'start');\n        labelEnd = this._labelBuilder(renderValueEnd, 'end');\n      } else {\n        labelEnd = this._labelBuilder(renderValue);\n      }\n    }\n\n    this._adapter.updateLabels(labelStart, labelEnd);\n  }\n\n  private _clampMinMax(): { value: number; valueStart: number; valueEnd: number } {\n    // We make copies of our values so we can mutate them without affecting the original values\n    let valueCopy = this._value;\n    let valueStartCopy = this._valueStart;\n    let valueEndCopy = this._valueEnd;\n\n    if (this._range) {\n      if (valueStartCopy > this._max) {\n        valueStartCopy = this._max;\n      } else if (valueStartCopy < this._min) {\n        valueStartCopy = this._min;\n      }\n\n      if (valueEndCopy > this._max) {\n        valueEndCopy = this._max;\n      } else if (valueEndCopy < this._min) {\n        valueEndCopy = this._min;\n      }\n    } else {\n      if (valueCopy > this._max) {\n        valueCopy = this._max;\n      } else if (this._value < this._min) {\n        valueCopy = this._min;\n      }\n    }\n\n    return {\n      value: valueCopy,\n      valueStart: valueStartCopy,\n      valueEnd: valueEndCopy\n    };\n  }\n\n  private _applyInputListeners(): void {\n    this._adapter.addInputListener('pointerenter', this._pointerEnterListener);\n    this._adapter.addInputListener('pointermove', this._pointerMoveListener);\n    this._adapter.addInputListener('pointerleave', this._pointerLeaveListener);\n    this._adapter.addInputListener('input', this._changeUpdateListener);\n    this._adapter.addInputListener('change', this._changeUpdateListener);\n    this._adapter.addInputListener('focus', this._focusListener);\n  }\n\n  private _handlePointerEnter(evt: PointerEvent): void {\n    this._handlePointerMove(evt);\n  }\n\n  private _handlePointerMove({ target, x, y }: PointerEvent): void {\n    const isStart = (target as HTMLInputElement).id === 'start';\n    if (isStart) {\n      this._adapter.tryHoverStartHandle({ x, y });\n    } else {\n      this._adapter.tryHoverEndHandle({ x, y });\n    }\n  }\n\n  private _handlePointerLeave(_evt: PointerEvent): void {\n    this._adapter.leaveHandleContainer();\n  }\n\n  private _handleInputUpdate(evt: InputEvent): void {\n    evt.stopPropagation(); // We don't allow the native input & change events to bubble outside of the component\n\n    if (this._disabled || this._readonly) {\n      this._adapter.syncInputValues(this._valueStart, this._range ? this._valueEnd : this._value);\n      return;\n    }\n\n    const input = evt.target as HTMLInputElement;\n    \n    if (this._range) {\n      const isStart = input.id === 'start';\n      if (isStart) {\n        this._valueStart = input.valueAsNumber;\n      } else {\n        this._valueEnd = input.valueAsNumber;\n      }\n\n      // Clamp values to keep start and end from going past each other\n      if (this._canClamp()) {\n        if (isStart) {\n          this._valueStart = this._valueEnd;\n        } else {\n          this._valueEnd = this._valueStart;\n        }\n\n        // Ensure our underlying inputs are synchronized with our state since they continue moving even when we clamp\n        this._adapter.syncInputValues(this._valueStart, this._valueEnd);\n        this._update();\n        return; // We don't dispatch events when clamping\n      }\n    } else {\n      this._value = input.valueAsNumber;\n    }\n\n    const type = evt.type === 'change' ? SLIDER_CONSTANTS.events.CHANGE : SLIDER_CONSTANTS.events.INPUT;\n    const data: number | ISliderRangeEventData = this._range ? { valueStart: this._valueStart, valueEnd: this._valueEnd } : this._value;\n    this._adapter.emitHostEvent(type, data, true);\n    this._update();\n  }\n\n  private _handleFocus(_evt: FocusEvent): void {\n    this._adapter.updateHandleLayering();\n  }\n\n  private _canClamp(): boolean {\n    return this._valueStart > this._valueEnd || this._valueEnd < this._valueStart;\n  }\n\n  public get value(): number {\n    return this._value;\n  }\n  public set value(value: number) {\n    if (this._value !== value) {\n      this._value = value;\n      this._update();\n    }\n  }\n\n  public get valueStart(): number {\n    return this._valueStart;\n  }\n  public set valueStart(value: number) {\n    if (this._valueStart !== value) {\n      this._valueStart = value;\n      this._update();\n    }\n  }\n\n  public get valueEnd(): number {\n    return this._valueEnd;\n  }\n  public set valueEnd(value: number) {\n    if (this._valueEnd !== value) {\n      this._valueEnd = value;\n      this._update();\n    }\n  }\n\n  public get label(): string {\n    return this.labelEnd;\n  }\n  public set label(value: string) {\n    this.labelEnd = value;\n  }\n\n  public get labelStart(): string {\n    return this._labelStart;\n  }\n  public set labelStart(value: string) {\n    if (this._labelStart !== value) {\n      this._labelStart = value;\n      this._adapter.updateLabels(this._labelStart, this._labelEnd);\n    }\n  }\n\n  public get labelEnd(): string {\n    return this._labelEnd;\n  }\n  public set labelEnd(value: string) {\n    if (this._labelEnd !== value) {\n      this._labelEnd = value;\n      this._adapter.updateLabels(this._labelStart, this._labelEnd);\n    }\n  }\n\n  public get labelBuilder(): SliderLabelBuilder {\n    return this._labelBuilder;\n  }\n  public set labelBuilder(cb: SliderLabelBuilder) {\n    this._labelBuilder = cb;\n    this._update();\n  }\n\n  public get min(): number {\n    return this._min;\n  }\n  public set min(value: number) {\n    if (this._min !== value) {\n      this._min = value;\n      this._adapter.setMin(this._min);\n      this._update();\n      this._adapter.setHostAttribute(SLIDER_CONSTANTS.attributes.MIN, String(this._min));\n    }\n  }\n\n  public get max(): number {\n    return this._max;\n  }\n  public set max(value: number) {\n    if (this._max !== value) {\n      this._max = value;\n      this._adapter.setMax(this._max);\n      this._update();\n      this._adapter.setHostAttribute(SLIDER_CONSTANTS.attributes.MAX, String(this._max));\n    }\n  }\n\n  public get step(): number {\n    return this._step;\n  }\n  public set step(value: number) {\n    if (this._step !== value) {\n      this._step = value;\n      this._adapter.setStep(this._step);\n      this._update();\n      this._adapter.setHostAttribute(SLIDER_CONSTANTS.attributes.STEP, String(this._step));\n    }\n  }\n\n  public get tickmarks(): boolean {\n    return this._tickmarks;\n  }\n  public set tickmarks(value: boolean) {\n    if (this._tickmarks !== value) {\n      this._tickmarks = value;\n      this._adapter.setTickmarks(this._tickmarks);\n      this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.TICKMARKS, this._tickmarks);\n    }\n  }\n\n  public get labeled(): boolean {\n    return this._labeled;\n  }\n  public set labeled(value: boolean) {\n    if (this._labeled !== value) {\n      this._labeled = value;\n      this._adapter.toggleLabels(this._labeled);\n      this._update();\n      this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.LABELED, this._labeled);\n    }\n  }\n\n  public get range(): boolean {\n    return this._range;\n  }\n  public set range(value: boolean) {\n    if (this._range !== value) {\n      this._range = value;\n      this._adapter.setRange(this._range);\n      if (this._range) {\n        this._applyInputListeners();\n      }\n      this._update();\n      this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.RANGE, this._range);\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._adapter.setDisabled(value);\n      this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n\n  public get readonly(): boolean {\n    return this._readonly;\n  }\n  public set readonly(value: boolean) {\n    if (this._readonly !== value) {\n      this._readonly = value;\n      this._adapter.setReadonly(value);\n      this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.READONLY, this._readonly);\n    }\n  }\n\n  public set ariaLabel(value: string | null) {\n    this.ariaLabelEnd = value;\n  }\n\n  public set ariaLabelStart(value: string | null) {\n    this._adapter.setStartAriaLabel(value);\n  }\n\n  public set ariaLabelEnd(value: string | null) {\n    this._adapter.setEndAriaLabel(value);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty, toggleAttribute } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { FocusIndicatorComponent } from '../focus-indicator/focus-indicator';\nimport { StateLayerComponent } from '../state-layer/state-layer';\nimport { SliderAdapter } from './slider-adapter';\nimport { SLIDER_CONSTANTS, SliderLabelBuilder, ISliderRangeEventData } from './slider-constants';\nimport { SliderFoundation } from './slider-foundation';\n\nconst template = '<template><div part=\\\"root\\\" class=\\\"forge-slider\\\"><input type=\\\"range\\\" class=\\\"end\\\" id=\\\"end\\\" min=\\\"0\\\" max=\\\"100\\\" step=\\\"1\\\" aria-valuetext=\\\"0\\\"><div class=\\\"track\\\" part=\\\"track\\\"></div><div class=\\\"handle-container-padded\\\"><div class=\\\"handle-container-block\\\"><div class=\\\"handle-container\\\"><div class=\\\"handle end\\\" part=\\\"handle-end\\\"><forge-state-layer target=\\\"end\\\"></forge-state-layer><forge-focus-indicator target=\\\"end\\\"></forge-focus-indicator><div class=\\\"handle-thumb\\\" part=\\\"handle-end-thumb\\\"></div><div class=\\\"handle-label\\\" part=\\\"handle-end-label\\\"><span class=\\\"handle-label-content\\\" part=\\\"handle-end-label-content\\\"></span></div></div></div></div></div></div></template>';\nconst styles = ':host{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;min-inline-size:100%}:host([hidden]){display:none}.forge-slider{--_start-fraction:0;--_end-fraction:0;--_tick-count:100;--_track-height:var(--forge-slider-track-height, 4px);--_active-track-color:var(--forge-slider-active-track-color, var(--forge-theme-primary, #3f51b5));--_active-track-height:var(--forge-slider-active-track-height, var(--_track-height));--_active-track-shape:var(--forge-slider-active-track-shape, var(--forge-shape-full, 9999px));--_disabled-active-track-color:var(--forge-slider-disabled-active-track-color, #9e9e9e);--_disabled-active-track-opacity:var(--forge-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color:var(--forge-slider-disabled-handle-color, #9e9e9e);--_disabled-inactive-track-color:var(--forge-slider-disabled-inactive-track-color, #9e9e9e);--_disabled-inactive-track-opacity:var(--forge-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color:var(--forge-slider-focus-handle-color, var(--forge-theme-primary, #3f51b5));--_handle-color:var(--forge-slider-handle-color, var(--forge-theme-primary, #3f51b5));--_handle-height:var(--forge-slider-handle-height, 20px);--_handle-shape:var(--forge-slider-handle-shape, var(--forge-shape-round, 50%));--_handle-width:var(--forge-slider-handle-width, 20px);--_hover-handle-color:var(--forge-slider-hover-handle-color, var(--forge-theme-primary, #3f51b5));--_inactive-track-color:var(--forge-slider-inactive-track-color, color-mix(in srgb, var(--forge-theme-primary, #3f51b5) 24%, transparent));--_inactive-track-height:var(--forge-slider-inactive-track-height, var(--_track-height));--_inactive-track-shape:var(--forge-slider-inactive-track-shape, var(--forge-shape-full, 9999px));--_label-container-shape:var(--forge-slider-label-container-shape, var(--forge-shape-full, 9999px));--_label-container-color:var(--forge-slider-label-container-color, var(--forge-theme-primary, #3f51b5));--_label-container-height:var(--forge-slider-label-container-height, 28px);--_label-text-color:var(--forge-slider-label-text-color, var(--forge-theme-on-primary, #ffffff));--_pressed-handle-color:var(--forge-slider-pressed-handle-color, var(--forge-theme-primary, #3f51b5));--_state-layer-size:var(--forge-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color:var(--forge-slider-with-overlap-handle-outline-color, var(--forge-theme-on-primary, #ffffff));--_with-overlap-handle-outline-width:var(--forge-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color:var(--forge-slider-with-tick-marks-active-container-color, var(--forge-theme-primary, #3f51b5));--_with-tick-marks-container-size:var(--forge-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-active-container-color:var(--forge-slider-with-tick-marks-disabled-active-container-color, var(--forge-theme-text-primary, rgba(0, 0, 0, 0.87)));--_with-tick-marks-disabled-inactive-container-color:var(--forge-slider-with-tick-marks-disabled-inactive-container-color, color-mix(in srgb, var(--forge-theme-on-primary, #ffffff) 50%, transparent));--_with-tick-marks-inactive-container-color:var(--forge-slider-with-tick-marks-inactive-container-color, var(--forge-theme-primary, #3f51b5));-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.forge-slider.range :host-context([dir=rtl]) input.start{-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range :host([dir=rtl]) input.start{-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range input.start:dir(rtl){-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range input.start{-webkit-clip-path:inset(0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))) 0 0);clip-path:inset(0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))) 0 0)}.forge-slider.range input.end{-webkit-clip-path:inset(0 0 0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)));clip-path:inset(0 0 0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)))}.forge-slider.range :host-context([dir=rtl]) input.end{-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.forge-slider.range :host([dir=rtl]) input.end{-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.forge-slider.range input.end:dir(rtl){-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.track{position:absolute;inset:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.track::after,.track::before{content:\\\"\\\";position:absolute;inset-inline-start:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size) * 2)/ var(--_tick-count)) 100%}.track::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape);background-color:var(--_inactive-track-color-fallback)}@supports (background-color:color-mix(in srgb,red 50%,transparent)){.track::before{background-color:var(--_inactive-track-color)}}.track::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)));background-color:var(--_active-track-color)}.track.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-inactive-container-color) 0,var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.track.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-active-container-color) 0,var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.handle-container-block,.handle-container-padded{position:relative;block-size:100%;inline-size:100%}.handle-container-padded{padding-inline:calc(var(--_state-layer-size)/ 2)}.handle-container{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100% * var(--_start-fraction));inline-size:calc(100% * (var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:grid;place-items:center}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/ 2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/ 2)}.handle-thumb{-webkit-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);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);position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color)}.handle-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label-font-family, var(--forge-typography-font-family, Roboto, sans-serif));font-size:var(--forge-typography-label-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));line-height:var(--forge-typography-label-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label-letter-spacing, .0333333333em);text-transform:var(--forge-typography-label-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label-text-decoration,inherit);text-decoration:var(--forge-typography-label-text-decoration,inherit);position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;padding:4px;place-items:center;border-radius:var(--_label-container-shape);color:var(--_label-text-color);font-weight:500;white-space:nowrap;inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);-webkit-transition:-webkit-transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));transition:-webkit-transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));transition:transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));transition:transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1)),-webkit-transform var(--forge-animation-duration-short2, 100ms) var(--forge-animation-easing-standard, cubic-bezier(.2, 0, 0, 1));-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:scale(0);transform:scale(0)}.handle-label::after,.handle-label::before{content:\\\"\\\";position:absolute;display:block;background:inherit}.handle-label::before{inline-size:calc(var(--_label-container-height)/ 2);block-size:calc(var(--_label-container-height)/ 2);bottom:calc(var(--_label-container-height)/ -10);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.handle-label::after{inset:0;border-radius:inherit}.handle-label-content{z-index:1}.handle-container.hover .handle-thumb{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handle-container-padded .handle.end>.handle-thumb,:host(:not([disabled])) input.start:active~.handle-container-padded .handle.start>.handle-thumb{background:var(--_pressed-handle-color)}:host([disabled]) .handle-thumb{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);background:var(--_disabled-handle-color)}:host([disabled]) .handle-label{background:var(--_disabled-handle-color)}:host([disabled]) .track::before{opacity:calc(1 / var(--_disabled-active-track-opacity) * var(--_disabled-inactive-track-opacity));background-color:var(--_disabled-inactive-track-color)}:host([disabled]) .track::after{background-color:var(--_disabled-active-track-color)}:host([disabled]) .track.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-disabled-active-container-color) 0,var(--_with-tick-marks-disabled-active-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}:host([disabled]) .track.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-disabled-inactive-container-color) 0,var(--_with-tick-marks-disabled-inactive-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}:host([disabled]) input[type=range]{cursor:not-allowed}:host-context([dir=rtl]) .track::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([dir=rtl]) .track::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.track:dir(rtl)::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}input.end:focus~.handle-container-padded .handle.end>.handle-thumb,input.start:focus~.handle-container-padded .handle.start>.handle-thumb{background:var(--_focus-handle-color)}.on-top.overlapping .handle-label,.on-top.overlapping .handle-label::before,.on-top.overlapping .handle-thumb{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle-container.hover .handle-label,:host(:focus-within) .handle-label,:where(:has(input:active)) .handle-label{-webkit-transform:scale(1);transform:scale(1)}input[type=range]{opacity:0;-webkit-tap-highlight-color:transparent;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;margin:0;background:0 0;cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none}input[type=range]::-moz-range-track{-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0;z-index:2}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.on-top{z-index:1}@media (prefers-reduced-motion){.handle-label{-webkit-transition-duration:0;transition-duration:0}}forge-focus-indicator{--forge-focus-indicator-shape:50%;--forge-focus-indicator-outward-offset:0px}forge-state-layer{--forge-state-layer-color:var(--_handle-color)}';\n\nexport interface ISliderComponent extends IBaseComponent {\n  value: number;\n  valueStart: number;\n  valueEnd: number;\n  label: string;\n  labelStart: string;\n  labelEnd: string;\n  labelBuilder: SliderLabelBuilder;\n  min: number;\n  max: number;\n  step: number;\n  range: boolean;\n  tickmarks: boolean;\n  labeled: boolean;\n  disabled: boolean;\n  readonly: boolean;\n  form: HTMLFormElement | null;\n  name: string;\n  nameStart: string;\n  nameEnd: string;\n  labels: NodeList;\n  internals: ElementInternals;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-slider': ISliderComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-slider-input': CustomEvent<number | ISliderRangeEventData>;\n    'forge-slider-change': CustomEvent<number | ISliderRangeEventData>;\n  }\n}\n\n/**\n * @tag forge-slider\n * \n * @summary Sliders allow users to make selections from a range of values.\n * \n * @description Use sliders to enable users to select a value from a continuous or discrete range of values.\n * \n * @property {number} value - The current value of the slider.\n * @property {number} valueStart - The current start value of the slider.\n * @property {number} valueEnd - The current end value of the slider.\n * @property {string} label - The label text for the slider handle.\n * @property {string} labelStart - The label text for the start slider handle.\n * @property {string} labelEnd - The label text for the end slider handle.\n * @property {SliderLabelBuilder} labelBuilder - A function that returns a label for the slider handle.\n * @property {number} min - The minimum value of the slider.\n * @property {number} max - The maximum value of the slider.\n * @property {number} step - The step value of the slider.\n * @property {boolean} range - Controls range mode.\n * @property {boolean} tickmarks - Controls if tickmarks are visible.\n * @property {boolean} labeled - Controls if labels are visible.\n * @property {boolean} disabled - Controls if the slider is disabled.\n * @property {boolean} readonly - Controls if the slider is readonly.\n * @property {string} name - The form control name.\n * @property {string} nameStart - The form control name for the start handle in range mode.\n * @property {string} nameEnd - The form control name for the end handle in range mode.\n * \n * @attribute {string} value - Sets the current value of the slider.\n * @attribute {string} value-start - Sets the current start value of the slider in range mode.\n * @attribute {string} value-end - Sets the current end value of the slider in range mode.\n * @attribute {string} label - Sets the label text for the slider handle.\n * @attribute {string} label-start - Sets the label text for the start slider handle in range mode.\n * @attribute {string} label-end - Sets the label text for the end slider handle in range mode.\n * @attribute {string} min - Sets the minimum value of the slider.\n * @attribute {string} max - Sets the maximum value of the slider.\n * @attribute {string} step - Sets the step value of the slider.\n * @attribute {string} tickmarks - Controls if tickmarks are visible.\n * @attribute {string} labeled - Controls if labels are visible.\n * @attribute {string} range - Controls range mode.\n * @attribute {string} disabled - Controls if the slider is disabled.\n * @attribute {string} readonly - Controls if the slider is readonly.\n * @attribute {string} name - Controls the form control name.\n * @attribute {string} name-start - Controls the form control name for the start handle in range mode.\n * @attribute {string} name-end - Controls the form control name for the end handle in range mode.\n * \n * @event forge-slider-input {CustomEvent} - Dispatches when the slider value changes.\n * @event forge-slider-change {CustomEvent} - Dispatches when the slider value changes and the value has been committed.\n * \n * @cssproperty --mdc-theme-primary - The primary color of the slider.\n * @cssproperty --mdc-theme-on-primary - The color of elements placed on top of the primary color (the label text for example).\n * @cssproperty --forge-slider-track-height - The height of the track.\n * @cssproperty --forge-slider-active-track-color - The color of the active track.\n * @cssproperty --forge-slider-active-track-height - The height of the active track.\n * @cssproperty --forge-slider-active-track-shape - The shape of the active track.\n * @cssproperty --forge-slider-disabled-active-track-color - The color of the active track when disabled.\n * @cssproperty --forge-slider-disabled-active-track-opacity - The opacity of the active track when disabled.\n * @cssproperty --forge-slider-disabled-handle-color - The color of the slider handle when disabled.\n * @cssproperty --forge-slider-disabled-inactive-track-color - The color of the inactive track when disabled.\n * @cssproperty --forge-slider-disabled-inactive-track-opacity - The opacity of the inactive track when disabled.\n * @cssproperty --forge-slider-focus-handle-color - The color of the slider handle when focused.\n * @cssproperty --forge-slider-handle-color - The color of the slider handle.\n * @cssproperty --forge-slider-handle-height - The height of the slider handle.\n * @cssproperty --forge-slider-handle-width - The width of the slider handle.\n * @cssproperty --forge-slider-handle-shape - The shape of the slider handle.\n * @cssproperty --forge-slider-hover-handle-color - The color of the slider handle when hovered.\n * @cssproperty --forge-slider-inactive-track-color - The color of the inactive track.\n * @cssproperty --forge-slider-inactive-track-height - The height of the inactive track.\n * @cssproperty --forge-slider-inactive-track-shape - The shape of the inactive track.\n * @cssproperty --forge-slider-label-container-shape - The shape of the label container.\n * @cssproperty --forge-slider-label-container-color - The color of the label container.\n * @cssproperty --forge-slider-label-container-height - The height of the label container.\n * @cssproperty --forge-slider-label-text-color - The color of the label text.\n * @cssproperty --forge-slider-pressed-handle-color - The color of the slider handle when pressed.\n * @cssproperty --forge-slider-state-layer-size - The size of the state layer.\n * @cssproperty --forge-slider-with-overlap-handle-outline-color - The color of the slider handle outline when overlapping.\n * @cssproperty --forge-slider-with-overlap-handle-outline-width - The width of the slider handle outline when overlapping.\n * @cssproperty --forge-slider-with-tick-marks-active-container-color - The color of the active tick mark container when tick marks are visible.\n * @cssproperty --forge-slider-with-tick-marks-container-size - The size of the tick mark container when tick marks are visible.\n * @cssproperty --forge-slider-with-tick-marks-disabled-active-container-color - The color of the active tick mark container when tick marks are visible and disabled.\n * @cssproperty --forge-slider-with-tick-marks-disabled-inactive-container-color - The color of the inactive tick mark container when tick marks are visible and disabled.\n * @cssproperty --forge-slider-with-tick-marks-inactive-container-color - The color of the inactive tick mark container when tick marks are visible.\n * \n * @csspart slider - Styles the slider container element.\n * @csspart track - Styles the track element.\n * @csspart handle-end - Styles the end handle element.\n * @csspart handle-end-thumb - Styles the end handle thumb element.\n * @csspart handle-end-label - Styles the end handle label element.\n * @csspart handle-end-label-content - Styles the end handle label content element.\n * @csspart handle-start - Styles the start handle element.\n * @csspart handle-start-thumb - Styles the start handle thumb element.\n * @csspart handle-start-label - Styles the start handle label element.\n * @csspart handle-start-label-content - Styles the start handle label content element.\n */\n@CustomElement({\n  name: SLIDER_CONSTANTS.elementName,\n  dependencies: [\n    FocusIndicatorComponent,\n    StateLayerComponent\n  ]\n})\nexport class SliderComponent extends BaseComponent implements ISliderComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      SLIDER_CONSTANTS.attributes.ARIA_LABEL,\n      SLIDER_CONSTANTS.attributes.ARIA_LABEL_START,\n      SLIDER_CONSTANTS.attributes.ARIA_LABEL_END,\n      SLIDER_CONSTANTS.attributes.VALUE,\n      SLIDER_CONSTANTS.attributes.VALUE_START,\n      SLIDER_CONSTANTS.attributes.VALUE_END,\n      SLIDER_CONSTANTS.attributes.LABEL,\n      SLIDER_CONSTANTS.attributes.LABEL_START,\n      SLIDER_CONSTANTS.attributes.LABEL_END,\n      SLIDER_CONSTANTS.attributes.MAX,\n      SLIDER_CONSTANTS.attributes.MIN,\n      SLIDER_CONSTANTS.attributes.STEP,\n      SLIDER_CONSTANTS.attributes.TICKMARKS,\n      SLIDER_CONSTANTS.attributes.LABELED,\n      SLIDER_CONSTANTS.attributes.RANGE,\n      SLIDER_CONSTANTS.attributes.DISABLED,\n      SLIDER_CONSTANTS.attributes.READONLY\n    ];\n  }\n\n  public static formAssociated = true;\n\n  public get form(): HTMLFormElement | null {\n    return this.internals.form;\n  }\n\n  public get labels(): NodeList {\n    return this.internals.labels;\n  }\n\n  public get name(): string {\n    return this.getAttribute('name') ?? '';\n  }\n  public set name(value: string) {\n    toggleAttribute(this, !!value, 'name', value ?? '');\n  }\n\n  public get nameStart(): string {\n    return this.getAttribute('name-start') ?? this.name;\n  }\n  public set nameStart(value: string) {\n    toggleAttribute(this, !!value, 'name-start', value ?? '');\n  }\n\n  public get nameEnd(): string {\n    return this.getAttribute('name-end') ?? this.nameStart;\n  }\n  public set nameEnd(value: string) {\n    toggleAttribute(this, !!value, 'name-end', value ?? '');\n  }\n\n  public readonly internals: ElementInternals;\n  private readonly _foundation: SliderFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this.internals = this.attachInternals();\n    this._foundation = new SliderFoundation(new SliderAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case SLIDER_CONSTANTS.attributes.ARIA_LABEL:\n        this._foundation.ariaLabel = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.ARIA_LABEL_START:\n        this._foundation.ariaLabelStart = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.ARIA_LABEL_END:\n        this._foundation.ariaLabelEnd = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.VALUE:\n        this.value = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.VALUE_START:\n        this.valueStart = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.VALUE_END:\n        this.valueEnd = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.LABEL:\n        this.label = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.LABEL_START:\n        this.labelStart = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.LABEL_END:\n        this.labelEnd = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.MIN:\n        this.min = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.MAX:\n        this.max = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.STEP:\n        this.step = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.TICKMARKS:\n        this.tickmarks = coerceBoolean(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.LABELED:\n        this.labeled = coerceBoolean(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.RANGE:\n        this.range = coerceBoolean(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.READONLY:\n        this.readonly = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  public formResetCallback(): void {\n    if (this._foundation.range) {\n      const valueStart = this.getAttribute('value-start');\n      this.valueStart = valueStart !== null ? Number(valueStart) : SLIDER_CONSTANTS.numbers.DEFAULT_START_VALUE;\n      const valueEnd = this.getAttribute('value-end');\n      this.valueEnd = valueEnd !== null ? Number(valueEnd) : SLIDER_CONSTANTS.numbers.DEFAULT_END_VALUE;\n      return;\n    }\n    const value = this.getAttribute('value');\n    this.value = value !== null ? Number(value) : SLIDER_CONSTANTS.numbers.DEFAULT_VALUE;\n  }\n\n  public formStateRestoreCallback(state: string | Array<[string, string]> | null): void {\n    if (state && state[0] instanceof FormData) {\n      const values = Array.from(state[0]);\n      const [[, valueStart], [, valueEnd]] = values;\n      this.valueStart = Number(valueStart);\n      this.valueEnd = Number(valueEnd);\n      this.range = true;\n      return;\n    }\n\n    this.value = Number(state);\n    this.range = false;\n  }\n\n  @FoundationProperty()\n  public declare value: number;\n\n  @FoundationProperty()\n  public declare valueStart: number;\n\n  @FoundationProperty()\n  public declare valueEnd: number;\n\n  @FoundationProperty()\n  public declare label: string;\n\n  @FoundationProperty()\n  public declare labelStart: string;\n\n  @FoundationProperty()\n  public declare labelEnd: string;\n\n  @FoundationProperty()\n  public declare labelBuilder: SliderLabelBuilder;\n\n  @FoundationProperty()\n  public declare min: number;\n\n  @FoundationProperty()\n  public declare max: number;\n\n  @FoundationProperty()\n  public declare step: number;\n\n  @FoundationProperty()\n  public declare tickmarks: boolean;\n  \n  @FoundationProperty()\n  public declare labeled: boolean;\n\n  @FoundationProperty()\n  public declare range: boolean;\n\n  @FoundationProperty()\n  public declare disabled: boolean;\n\n  @FoundationProperty()\n  public declare readonly: boolean;\n}\n", "import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core';\nimport { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';\nimport { ISliderComponent } from '../slider';\nimport { ISliderRangeEventData, SLIDER_CONSTANTS } from './slider-constants';\n\nexport type SliderComponentDelegateProps = Partial<ISliderComponent>;\nexport interface ISliderComponentDelegateOptions extends IFormFieldComponentDelegateOptions {}\nexport interface ISliderComponentDelegateConfig extends IBaseComponentDelegateConfig<ISliderComponent, ISliderComponentDelegateOptions> {}\n\nexport class SliderComponentDelegate extends FormFieldComponentDelegate<ISliderComponent, ISliderComponentDelegateOptions> {\n  constructor(config?: ISliderComponentDelegateConfig) {\n    super(config);\n  }\n\n  public get value(): number {\n    return this._element.value;\n  }\n  public set value(value: number) {\n    this._element.value = value;\n  }\n\n  public get valueStart(): number {\n    return this._element.valueStart;\n  }\n  public set valueStart(value: number) {\n    this._element.valueStart = value;\n  }\n\n  public get valueEnd(): number {\n    return this._element.valueEnd;\n  }\n  public set valueEnd(value: number) {\n    this._element.valueEnd = value;\n  }\n\n  public get disabled(): boolean {\n    return this._element.disabled;\n  }\n  public set disabled(value: boolean) {\n    this._element.disabled = value;\n  }\n\n  public get min(): number {\n    return this._element.min;\n  }\n  public set min(value: number) {\n    this._element.min = value;\n  }\n\n  public get max(): number {\n    return this._element.max;\n  }\n  public set max(value: number) {\n    this._element.max = value;\n  }\n\n  public get step(): number {\n    return this._element.step;\n  }\n\n  public get range(): boolean {\n    return this._element.range;\n  }\n  public set range(value: boolean) {\n    this._element.range = value;\n  }\n\n  public get tickmarks(): boolean {\n    return this._element.tickmarks;\n  }\n  public set tickmarks(value: boolean) {\n    this._element.tickmarks = value;\n  }\n\n  public get labeled(): boolean {\n    return this._element.labeled;\n  }\n  public set labeled(value: boolean) {\n    this._element.labeled = value;\n  }\n\n  public get labelBuilder(): (value: number, which?: 'start' | 'end') => string {\n    return this._element.labelBuilder;\n  }\n  public set labelBuilder(value: (value: number, which?: 'start' | 'end') => string) {\n    this._element.labelBuilder = value;\n  }\n\n  public onInput(listener: (value: number | ISliderRangeEventData) => void): void {\n    this._element.addEventListener('forge-slider-input', ({ detail }: CustomEvent<number | ISliderRangeEventData>) => listener(detail));\n  }\n\n  public onChange(listener: (value: number | ISliderRangeEventData) => void): void {\n    this._element.addEventListener('forge-slider-change', ({ detail }: CustomEvent<number | ISliderRangeEventData>) => listener(detail));\n  }\n\n  public onFocus(listener: (evt: Event) => void): void {\n    this._element.addEventListener('focus', evt => listener(evt));\n  }\n\n  public onBlur(listener: (evt: Event) => void): void {\n    this._element.addEventListener('blur', evt => listener(evt));\n  }\n\n  protected _build(): ISliderComponent {\n    return document.createElement(SLIDER_CONSTANTS.elementName);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { SliderComponent } from './slider';\n\nexport * from './slider-constants';\nexport * from './slider';\nexport * from './slider-component-delegate';\n\nexport function defineSliderComponent(): void {\n  defineCustomElement(SliderComponent);\n}\n"],
-  "mappings": "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",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "selectors", "classes", "events", "cssCustomProperties", "numbers", "SLIDER_CONSTANTS", "createStartInputElement", "component", "startInput", "SLIDER_CONSTANTS", "createStartHandleElement", "thumbLabel", "startHandle", "startHandleStateLayer", "startHandleFocusIndicator", "startHandleThumb", "startHandleLabel", "startHandleLabelContent", "createLabel", "text", "labelElement", "labelContentElement", "SliderAdapter", "BaseAdapter", "component", "getShadowElement", "SLIDER_CONSTANTS", "type", "listener", "input", "startFraction", "endFraction", "tickCount", "labelStart", "labelEnd", "_a", "isEndFocused", "toggleClass", "coords", "_b", "_c", "isPointerOverElement", "isOverlapping", "elementsOverlapping", "valueStart", "valueEnd", "data", "value", "createStartInputElement", "thumbLabel", "createStartHandleElement", "step", "STATE_LAYER_CONSTANTS", "sl", "label", "endLabelEl", "createLabel", "startLabelEl", "toggleAttribute", "inputs", "SliderFoundation", "_adapter", "SLIDER_CONSTANTS", "evt", "_a", "_b", "renderValue", "renderValueStart", "renderValueEnd", "step", "range", "startFraction", "valueEnd", "endFraction", "tickCount", "labelStart", "labelEnd", "valueCopy", "valueStartCopy", "valueEndCopy", "target", "x", "y", "_evt", "input", "isStart", "type", "data", "value", "cb", "template", "styles", "SliderComponent", "BaseComponent", "attachShadowTemplate", "SliderFoundation", "SliderAdapter", "SLIDER_CONSTANTS", "_a", "value", "toggleAttribute", "name", "oldValue", "newValue", "coerceNumber", "coerceBoolean", "valueStart", "valueEnd", "state", "values", "__decorateClass", "FoundationProperty", "CustomElement", "FocusIndicatorComponent", "StateLayerComponent", "SliderComponentDelegate", "FormFieldComponentDelegate", "config", "value", "listener", "detail", "evt", "SLIDER_CONSTANTS", "defineSliderComponent", "defineCustomElement", "SliderComponent"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as m}from"./chunk.NVUMRW44.js";import{a as h}from"./chunk.BKL2BAYW.js";import{a as k,b as v}from"./chunk.DXN7ZOH3.js";import{a as f,e as u,f as l,k as _}from"./chunk.MVTBJPO2.js";import{u as b}from"./chunk.K7FPXAFS.js";import{k as g,l as p}from"./chunk.J2M2MXP2.js";import{d as s}from"./chunk.M3QDAYD2.js";var w=`${v}circular-progress`,E={DETERMINATE:"determinate",PROGRESS:"progress",ARIA_LABEL:"data-aria-label"},C={INDETERMINATE:"forge-circular-progress--indeterminate"},A={ROOT:".forge-circular-progress",DETERMINATE_PROGRESS_CIRCLE:".progress",TEMPLATES:"svg, .spinner"},t={elementName:w,attributes:E,classes:C,selectors:A};var R='<svg viewBox="0 0 4800 4800"><circle class="track-background" pathLength="100"></circle></svg><div class="spinner"><div class="left"><div class="circle"></div></div><div class="right"><div class="circle"></div></div></div>',T='<svg viewBox="0 0 4800 4800"><circle class="track-background" pathLength="100"></circle><circle class="track" pathLength="100"></circle><circle class="progress" pathLength="100" stroke-dashoffset="100"></circle></svg>',n=class extends h{constructor(e){super(e);this._rootElement=l(this._component,t.selectors.ROOT)}setDeterminate(e){this._tryResetTemplate(),this._rootElement.classList.toggle(t.classes.INDETERMINATE,!e),e?(this._rootElement.insertAdjacentHTML("beforeend",T),this._determinateProgressCircleElement=l(this._component,t.selectors.DETERMINATE_PROGRESS_CIRCLE)):(this._rootElement.insertAdjacentHTML("beforeend",R),this._rootElement.removeAttribute("aria-valuenow"),this._determinateProgressCircleElement=void 0)}setProgress(e){var i;this._rootElement.setAttribute("aria-valuenow",`${e}`),(i=this._determinateProgressCircleElement)==null||i.setAttribute("stroke-dashoffset",`${(1-e)*100}`)}setAriaLabel(e){b(this._rootElement,!!e,"aria-label",e)}_tryResetTemplate(){var i;let e=(i=this._component.shadowRoot)==null?void 0:i.querySelectorAll(t.selectors.TEMPLATES);e==null||e.forEach(o=>o.remove())}};var c=class{constructor(r){this._adapter=r;this._determinate=!1;this._progress=0}initialize(){this._applyDeterminate()}_applyDeterminate(){this._adapter.setDeterminate(this._determinate),this._determinate&&this._adapter.setProgress(this._progress)}get determinate(){return this._determinate}set determinate(r){r=!!r,this._determinate!==r&&(this._determinate=r,this._applyDeterminate(),this._adapter.toggleHostAttribute(t.attributes.DETERMINATE,this._determinate))}get progress(){return this._progress}set progress(r){this._progress!==r&&(this._progress=r,this._determinate&&this._adapter.setProgress(this._progress),this._adapter.setHostAttribute(t.attributes.PROGRESS,`${this._progress}`))}set ariaLabel(r){this._adapter.setAriaLabel(r)}};var x='<template><div class="forge-circular-progress" role="progressbar" aria-valuemin="0" aria-valuemax="1" part="progressbar"><slot class="center-content"></slot></div></template>',I=":host{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;min-block-size:var(--forge-circular-progress-size,48px);min-inline-size:var(--forge-circular-progress-size,48px);position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;contain:strict;content-visibility:auto}:host([hidden]){display:none}.forge-circular-progress{--_size:var(--forge-circular-progress-size, 48px);--_spacing:var(--forge-circular-progress-padding, 0);--_track-width:var(--forge-circular-progress-track-width, 12);--_track-color:var(--forge-circular-progress-track-color, var(--forge-theme-tertiary, #3d5afe));--_track-background:var(--forge-circular-progress-track-background, var(--forge-theme-track-color, rgba(0, 0, 0, 0.12)));--_arc-duration:var(--forge-circular-progress-arc-duration, 1333ms);--_cycle-duration:calc(4 * var(--_arc-duration));--_linear-duration:calc(var(--_arc-duration) * 360 / 306);-webkit-box-flex:1;flex:1;align-self:stretch;margin:var(--_spacing)}.forge-circular-progress--indeterminate{will-change:transform;-webkit-animation:linear infinite linear-rotate;animation:linear infinite linear-rotate;-webkit-animation-duration:var(--_linear-duration);animation-duration:var(--_linear-duration)}.circle,.forge-circular-progress,.left,.right,.spinner,svg{position:absolute;inset:0}.center-content{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%;height:100%}.left{overflow:hidden;inset:0 50% 0 0}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.right .circle{rotate:100deg;inset:0 0 0 -100%;-webkit-animation-delay:calc(-.5 * var(--_arc-duration)),0s;animation-delay:calc(-.5 * var(--_arc-duration)),0s}.circle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;border:solid calc(var(--_size) * var(--_track-width)/ 100);border-color:var(--_track-color) var(--_track-color) transparent transparent;will-change:transform;-webkit-animation:expand-arc;animation:expand-arc;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--_arc-duration),var(--_cycle-duration);animation-duration:var(--_arc-duration),var(--_cycle-duration);-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}svg circle{cx:50%;cy:50%;r:calc(50% * (1 - var(--_track-width)/ 100));stroke-width:calc(var(--_track-width) * 1%);stroke-dasharray:100;fill:transparent}.progress{-webkit-transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1);transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1);stroke:var(--_track-color)}.track{stroke:transparent}.track-background{stroke:var(--_track-background)}.spinner{will-change:transform;-webkit-animation:infinite both rotate-arc;animation:infinite both rotate-arc;-webkit-animation-duration:var(--_cycle-duration);animation-duration:var(--_cycle-duration);-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@media screen and (forced-colors:active){.progress{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@-webkit-keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes rotate-arc{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes rotate-arc{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}",a=class extends _{constructor(){super();u(this,x,I),this._foundation=new c(new n(this))}static get observedAttributes(){return[t.attributes.DETERMINATE,t.attributes.PROGRESS,t.attributes.ARIA_LABEL]}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(e,i,o){switch(e){case t.attributes.DETERMINATE:this.determinate=g(o);break;case t.attributes.PROGRESS:this.progress=p(o);break;case t.attributes.ARIA_LABEL:this._foundation.ariaLabel=o;break}}};s([m()],a.prototype,"determinate",2),s([m()],a.prototype,"progress",2),a=s([k({name:t.elementName})],a);function K(){f(a)}export{t as a,n as b,c,a as d,K as e};
-//# sourceMappingURL=chunk.VZWNNK7A.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/circular-progress/circular-progress-constants.ts", "../../src/circular-progress/circular-progress-adapter.ts", "../../src/circular-progress/circular-progress-foundation.ts", "../../src/circular-progress/circular-progress.ts", "../../src/circular-progress/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}circular-progress`;\n\nconst attributes = {\n  DETERMINATE: 'determinate',\n  PROGRESS: 'progress',\n  ARIA_LABEL: 'data-aria-label'\n};\n\nconst classes = {\n  INDETERMINATE: 'forge-circular-progress--indeterminate'\n};\n\nconst selectors = {\n  ROOT: '.forge-circular-progress',\n  DETERMINATE_PROGRESS_CIRCLE: '.progress',\n  TEMPLATES: 'svg, .spinner'\n};\n\nexport const CIRCULAR_PROGRESS_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  selectors\n};\n", "import { getShadowElement, toggleAttribute } from '@tylertech/forge-core';\n\nimport { ICircularProgressComponent } from './circular-progress';\nimport { CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\n\nconst indeterminateTemplate = '<svg viewBox=\\\"0 0 4800 4800\\\"><circle class=\\\"track-background\\\" pathLength=\\\"100\\\"></circle></svg><div class=\\\"spinner\\\"><div class=\\\"left\\\"><div class=\\\"circle\\\"></div></div><div class=\\\"right\\\"><div class=\\\"circle\\\"></div></div></div>';\nconst determinateTemplate = '<svg viewBox=\\\"0 0 4800 4800\\\"><circle class=\\\"track-background\\\" pathLength=\\\"100\\\"></circle><circle class=\\\"track\\\" pathLength=\\\"100\\\"></circle><circle class=\\\"progress\\\" pathLength=\\\"100\\\" stroke-dashoffset=\\\"100\\\"></circle></svg>';\n\nexport interface ICircularProgressAdapter extends IBaseAdapter {\n  setDeterminate(value: boolean): void;\n  setProgress(value: number): void;\n  setAriaLabel(value: string): void;\n}\n\nexport class CircularProgressAdapter extends BaseAdapter<ICircularProgressComponent> implements ICircularProgressAdapter {\n  private readonly _rootElement: HTMLElement;\n  private _determinateProgressCircleElement: HTMLElement | undefined;\n\n  constructor(component: ICircularProgressComponent) {\n    super(component);\n    this._rootElement = getShadowElement(this._component, CIRCULAR_PROGRESS_CONSTANTS.selectors.ROOT);\n  }\n\n  public setDeterminate(value: boolean): void {\n    this._tryResetTemplate();\n    this._rootElement.classList.toggle(CIRCULAR_PROGRESS_CONSTANTS.classes.INDETERMINATE, !value);\n    \n    if (value) {\n      this._rootElement.insertAdjacentHTML('beforeend', determinateTemplate);\n      this._determinateProgressCircleElement = getShadowElement(this._component, CIRCULAR_PROGRESS_CONSTANTS.selectors.DETERMINATE_PROGRESS_CIRCLE);\n    } else {\n      this._rootElement.insertAdjacentHTML('beforeend', indeterminateTemplate);\n      this._rootElement.removeAttribute('aria-valuenow');\n      this._determinateProgressCircleElement = undefined;\n    }\n  }\n\n  public setProgress(value: number): void {\n    this._rootElement.setAttribute('aria-valuenow', `${value}`);\n    this._determinateProgressCircleElement?.setAttribute('stroke-dashoffset', `${(1 - value) * 100}`);\n  }\n\n  public setAriaLabel(value: string): void {\n    toggleAttribute(this._rootElement, !!value, 'aria-label', value);\n  }\n\n  private _tryResetTemplate(): void {\n    const elements = this._component.shadowRoot?.querySelectorAll(CIRCULAR_PROGRESS_CONSTANTS.selectors.TEMPLATES);\n    elements?.forEach(el => el.remove());\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { ICircularProgressAdapter } from './circular-progress-adapter';\nimport { CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants';\n\nexport interface ICircularProgressFoundation extends ICustomElementFoundation {\n  determinate: boolean;\n  progress: number;\n}\n\nexport class CircularProgressFoundation implements ICircularProgressFoundation {\n  private _determinate = false;\n  private _progress = 0;\n\n  constructor(private _adapter: ICircularProgressAdapter) {}\n\n  public initialize(): void {\n    this._applyDeterminate();\n  }\n\n  private _applyDeterminate(): void {\n    this._adapter.setDeterminate(this._determinate);\n\n    if (this._determinate) {\n      this._adapter.setProgress(this._progress);\n    }\n  }\n\n  public get determinate(): boolean {\n    return this._determinate;\n  }\n  public set determinate(value: boolean) {\n    value = Boolean(value);\n    if (this._determinate !== value) {\n      this._determinate = value;\n      this._applyDeterminate();\n      this._adapter.toggleHostAttribute(CIRCULAR_PROGRESS_CONSTANTS.attributes.DETERMINATE, this._determinate);\n    }\n  }\n\n  public get progress(): number {\n    return this._progress;\n  }\n  public set progress(value: number) {\n    if (this._progress !== value) {\n      this._progress = value;\n      if (this._determinate) {\n        this._adapter.setProgress(this._progress);\n      }\n      this._adapter.setHostAttribute(CIRCULAR_PROGRESS_CONSTANTS.attributes.PROGRESS, `${this._progress}`);\n    }\n  }\n\n  public set ariaLabel(value: string) {\n    this._adapter.setAriaLabel(value);\n  }\n}\n", "import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean, coerceNumber } from '@tylertech/forge-core';\n\nimport { CircularProgressAdapter } from './circular-progress-adapter';\nimport { CircularProgressFoundation } from './circular-progress-foundation';\nimport { CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-circular-progress\\\" role=\\\"progressbar\\\" aria-valuemin=\\\"0\\\" aria-valuemax=\\\"1\\\" part=\\\"progressbar\\\"><slot class=\\\"center-content\\\"></slot></div></template>';\nconst styles = ':host{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;min-block-size:var(--forge-circular-progress-size,48px);min-inline-size:var(--forge-circular-progress-size,48px);position:relative;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;contain:strict;content-visibility:auto}:host([hidden]){display:none}.forge-circular-progress{--_size:var(--forge-circular-progress-size, 48px);--_spacing:var(--forge-circular-progress-padding, 0);--_track-width:var(--forge-circular-progress-track-width, 12);--_track-color:var(--forge-circular-progress-track-color, var(--forge-theme-tertiary, #3d5afe));--_track-background:var(--forge-circular-progress-track-background, var(--forge-theme-track-color, rgba(0, 0, 0, 0.12)));--_arc-duration:var(--forge-circular-progress-arc-duration, 1333ms);--_cycle-duration:calc(4 * var(--_arc-duration));--_linear-duration:calc(var(--_arc-duration) * 360 / 306);-webkit-box-flex:1;flex:1;align-self:stretch;margin:var(--_spacing)}.forge-circular-progress--indeterminate{will-change:transform;-webkit-animation:linear infinite linear-rotate;animation:linear infinite linear-rotate;-webkit-animation-duration:var(--_linear-duration);animation-duration:var(--_linear-duration)}.circle,.forge-circular-progress,.left,.right,.spinner,svg{position:absolute;inset:0}.center-content{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%;height:100%}.left{overflow:hidden;inset:0 50% 0 0}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.right .circle{rotate:100deg;inset:0 0 0 -100%;-webkit-animation-delay:calc(-.5 * var(--_arc-duration)),0s;animation-delay:calc(-.5 * var(--_arc-duration)),0s}.circle{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;border:solid calc(var(--_size) * var(--_track-width)/ 100);border-color:var(--_track-color) var(--_track-color) transparent transparent;will-change:transform;-webkit-animation:expand-arc;animation:expand-arc;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--_arc-duration),var(--_cycle-duration);animation-duration:var(--_arc-duration),var(--_cycle-duration);-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}svg circle{cx:50%;cy:50%;r:calc(50% * (1 - var(--_track-width)/ 100));stroke-width:calc(var(--_track-width) * 1%);stroke-dasharray:100;fill:transparent}.progress{-webkit-transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1);transition:stroke-dashoffset .5s cubic-bezier(0, 0, .2, 1);stroke:var(--_track-color)}.track{stroke:transparent}.track-background{stroke:var(--_track-background)}.spinner{will-change:transform;-webkit-animation:infinite both rotate-arc;animation:infinite both rotate-arc;-webkit-animation-duration:var(--_cycle-duration);animation-duration:var(--_cycle-duration);-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}@media screen and (forced-colors:active){.progress{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@-webkit-keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes expand-arc{0%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}100%{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes rotate-arc{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes rotate-arc{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes linear-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}';\n\nexport interface ICircularProgressComponent extends IBaseComponent {\n  determinate: boolean;\n  progress: number;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-circular-progress': ICircularProgressComponent;\n  }\n}\n\n/**\n * @tag forge-circular-progress\n * \n * @summary\n * Circular progress indicators display progress by animating along a circular track in a clockwise direction.\n * \n * @description\n * Progress indicators inform users about the status of ongoing processes.\n * - Determinate indicators display how long a process will take.\n * - Indeterminate indicators express an unspecified amount of wait time.\n *\n * @property {boolean} determinate - Controls the determinate state.\n * @property {boolean} progress - Controls the progress while in a determinate state. Accepts values from `0` to `1`.\n * \n * @attribute {boolean} determinate - Controls the determinate state.\n * @attribute {string} data-aria-label - Propagates an `aria-label` to the underlying progressbar element.\n * \n * @slot - The is the default/unnamed slot. Renders content at the center of the progress indicator.\n * \n * @cssproperty --forge-circular-progress-size - The height and width of the indicator container.\n * @cssproperty --forge-circular-progress-padding - The padding inside the bounding box of the container.\n * @cssproperty --forge-circular-progress-track-width - The track indicator width.\n * @cssproperty --forge-circular-progress-track-color - The track indicator color.\n * @cssproperty --forge-circular-progress-track-background - The track background color.\n * \n * @csspart progressbar - Styles the progress bar container element\n */\n@CustomElement({\n  name: CIRCULAR_PROGRESS_CONSTANTS.elementName\n})\nexport class CircularProgressComponent extends BaseComponent implements ICircularProgressComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      CIRCULAR_PROGRESS_CONSTANTS.attributes.DETERMINATE,\n      CIRCULAR_PROGRESS_CONSTANTS.attributes.PROGRESS,\n      CIRCULAR_PROGRESS_CONSTANTS.attributes.ARIA_LABEL\n    ];\n  }\n\n  private _foundation: CircularProgressFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new CircularProgressFoundation(new CircularProgressAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case CIRCULAR_PROGRESS_CONSTANTS.attributes.DETERMINATE:\n        this.determinate = coerceBoolean(newValue);\n        break;\n      case CIRCULAR_PROGRESS_CONSTANTS.attributes.PROGRESS:\n        this.progress = coerceNumber(newValue);\n        break;\n      case CIRCULAR_PROGRESS_CONSTANTS.attributes.ARIA_LABEL:\n        this._foundation.ariaLabel = newValue;\n        break;\n    }\n  }\n  \n  @FoundationProperty()\n  public declare determinate: boolean;\n\n  @FoundationProperty()\n  public declare progress: number;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { CircularProgressComponent } from './circular-progress';\n\nexport * from './circular-progress-adapter';\nexport * from './circular-progress-constants';\nexport * from './circular-progress-foundation';\nexport * from './circular-progress';\n\nexport function defineCircularProgressComponent(): void {\n  defineCustomElement(CircularProgressComponent);\n}\n"],
-  "mappings": "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",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "selectors", "CIRCULAR_PROGRESS_CONSTANTS", "indeterminateTemplate", "determinateTemplate", "CircularProgressAdapter", "BaseAdapter", "component", "getShadowElement", "CIRCULAR_PROGRESS_CONSTANTS", "value", "_a", "toggleAttribute", "elements", "el", "CircularProgressFoundation", "_adapter", "value", "CIRCULAR_PROGRESS_CONSTANTS", "template", "styles", "CircularProgressComponent", "BaseComponent", "attachShadowTemplate", "CircularProgressFoundation", "CircularProgressAdapter", "CIRCULAR_PROGRESS_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "coerceNumber", "__decorateClass", "FoundationProperty", "CustomElement", "defineCircularProgressComponent", "defineCustomElement", "CircularProgressComponent"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as r}from"./chunk.NVUMRW44.js";import{a as _}from"./chunk.BKL2BAYW.js";import{a as d,b}from"./chunk.DXN7ZOH3.js";import{a as p,k as g}from"./chunk.MVTBJPO2.js";import{k as c}from"./chunk.J2M2MXP2.js";import{d as s}from"./chunk.M3QDAYD2.js";var o=class extends _{constructor(t){super(t)}};var u=`${b}option`,h={DISABLED:"disabled",DIVIDER:"divider",LABEL:"label",LEADING_ICON_CLASS:"leading-icon-class",LEADING_ICON_TYPE:"leading-icon-type",LEADING_ICON:"leading-icon",OPTION_CLASS:"option-class",TRAILING_ICON_CLASS:"trailing-icon-class",TRAILING_ICON_TYPE:"trailing-icon-type",TRAILING_ICON:"trailing-icon",VALUE:"value"},L={VALUE_CHANGE:`${u}-value-change`},i={elementName:u,attributes:h,events:L};var l=class{constructor(t){this._adapter=t;this._disabled=!1;this._divider=!1;this._optionClass=[]}get value(){return this._value}set value(t){this._value!==t&&(this._value=t,this._adapter.emitHostEvent(i.events.VALUE_CHANGE,this._value))}get label(){return this._label}set label(t){this._label!==t&&(this._label=t,this._adapter.toggleHostAttribute(i.attributes.LABEL,!!this._label,this._label))}get disabled(){return this._disabled}set disabled(t){this._disabled!==t&&(this._disabled=t,this._adapter.toggleHostAttribute(i.attributes.DISABLED,this._disabled))}get divider(){return this._divider}set divider(t){this._divider!==t&&(this._divider=t,this._adapter.toggleHostAttribute(i.attributes.DIVIDER,this._divider))}get optionClass(){return this._optionClass}set optionClass(t){t?typeof t=="string"&&(t=t.split(" ")):t=[],t=t.filter(a=>a&&!/\s+/.test(a)),this._optionClass.toString()!==t.toString()&&(this._optionClass=t,this._adapter.toggleHostAttribute(i.attributes.OPTION_CLASS,this._optionClass&&!!this._optionClass.length,this._optionClass.join(" ")))}get leadingIcon(){return this._leadingIcon}set leadingIcon(t){this._leadingIcon!==t&&(this._leadingIcon=t,this._adapter.toggleHostAttribute(i.attributes.LEADING_ICON,!!this._leadingIcon,this._leadingIcon))}get leadingIconClass(){return this._leadingIconClass}set leadingIconClass(t){this._leadingIconClass!==t&&(this._leadingIconClass=t,this._adapter.toggleHostAttribute(i.attributes.LEADING_ICON_CLASS,!!this._leadingIconClass,this._leadingIconClass))}get leadingIconType(){return this._leadingIconType}set leadingIconType(t){this._leadingIconType!==t&&(this._leadingIconType=t,this._adapter.toggleHostAttribute(i.attributes.LEADING_ICON_TYPE,!!this._leadingIconType,this._leadingIconType))}get trailingIcon(){return this._trailingIcon}set trailingIcon(t){this._trailingIcon!==t&&(this._trailingIcon=t,this._adapter.toggleHostAttribute(i.attributes.TRAILING_ICON,!!this._trailingIcon,this._trailingIcon))}get trailingIconClass(){return this._trailingIconClass}set trailingIconClass(t){this._trailingIconClass!==t&&(this._trailingIconClass=t,this._adapter.toggleHostAttribute(i.attributes.TRAILING_ICON_CLASS,!!this._trailingIconClass,this._trailingIconClass))}get trailingIconType(){return this._trailingIconType}set trailingIconType(t){this._trailingIconType!==t&&(this._trailingIconType=t,this._adapter.toggleHostAttribute(i.attributes.TRAILING_ICON_TYPE,!!this._trailingIconType,this._trailingIconType))}get leadingBuilder(){return this._leadingBuilder}set leadingBuilder(t){this._leadingBuilder!==t&&(this._leadingBuilder=t)}get trailingBuilder(){return this._trailingBuilder}set trailingBuilder(t){this._trailingBuilder!==t&&(this._trailingBuilder=t)}};var e=class extends g{constructor(){super();this._foundation=new l(new o(this))}static get observedAttributes(){return[i.attributes.VALUE,i.attributes.LABEL,i.attributes.DISABLED,i.attributes.DIVIDER,i.attributes.OPTION_CLASS,i.attributes.LEADING_ICON,i.attributes.LEADING_ICON_CLASS,i.attributes.LEADING_ICON_TYPE,i.attributes.TRAILING_ICON,i.attributes.TRAILING_ICON_CLASS,i.attributes.TRAILING_ICON_TYPE]}initializedCallback(){this.hasAttribute("role")||this.setAttribute("role","option")}attributeChangedCallback(a,T,n){switch(a){case i.attributes.VALUE:this.value=n;break;case i.attributes.LABEL:this.label=n;break;case i.attributes.DISABLED:this.disabled=c(n);break;case i.attributes.DIVIDER:this.divider=this.hasAttribute(i.attributes.DIVIDER);break;case i.attributes.OPTION_CLASS:this.optionClass=n;break;case i.attributes.LEADING_ICON:this.leadingIcon=n;break;case i.attributes.LEADING_ICON_CLASS:this.leadingIconClass=n;break;case i.attributes.LEADING_ICON_TYPE:this.leadingIconType=n;break;case i.attributes.TRAILING_ICON:this.trailingIcon=n;break;case i.attributes.TRAILING_ICON_CLASS:this.trailingIconClass=n;break;case i.attributes.TRAILING_ICON_TYPE:this.trailingIconType=n;break}}};s([r()],e.prototype,"value",2),s([r()],e.prototype,"label",2),s([r()],e.prototype,"disabled",2),s([r()],e.prototype,"divider",2),s([r()],e.prototype,"optionClass",2),s([r()],e.prototype,"leadingIcon",2),s([r()],e.prototype,"leadingIconClass",2),s([r()],e.prototype,"leadingIconType",2),s([r()],e.prototype,"trailingIcon",2),s([r()],e.prototype,"trailingIconClass",2),s([r()],e.prototype,"trailingIconType",2),s([r()],e.prototype,"leadingBuilder",2),s([r()],e.prototype,"trailingBuilder",2),e=s([d({name:i.elementName})],e);function k(){p(e)}export{o as a,i as b,l as c,e as d,k as e};
-//# sourceMappingURL=chunk.X3C3J5MH.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/select/option/option-adapter.ts", "../../src/select/option/option-constants.ts", "../../src/select/option/option-foundation.ts", "../../src/select/option/option.ts", "../../src/select/option/index.ts"],
-  "sourcesContent": ["import { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IOptionComponent } from './option';\n\nexport interface IOptionAdapter extends IBaseAdapter {\n  setHostAttribute(name: string, value: string): void;\n  removeHostAttribute(name: string): void;\n}\n\n/**\n * The DOM adapter behind the `<forge-option>` element.\n */\nexport class OptionAdapter extends BaseAdapter<IOptionComponent> {\n  constructor(component: IOptionComponent) {\n    super(component);\n  }\n}\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}option`;\n\nconst attributes = {\n  DISABLED: 'disabled',\n  DIVIDER: 'divider',\n  LABEL: 'label',\n  LEADING_ICON_CLASS: 'leading-icon-class',\n  LEADING_ICON_TYPE: 'leading-icon-type',\n  LEADING_ICON: 'leading-icon',\n  OPTION_CLASS: 'option-class',\n  TRAILING_ICON_CLASS: 'trailing-icon-class',\n  TRAILING_ICON_TYPE: 'trailing-icon-type',\n  TRAILING_ICON: 'trailing-icon',\n  VALUE: 'value'\n};\n\nconst events = {\n  VALUE_CHANGE: `${elementName}-value-change`\n};\n\nexport const OPTION_CONSTANTS = {\n  elementName,\n  attributes,\n  events\n};\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IBaseListDropdownOption, ListDropdownIconType } from '../../list-dropdown/list-dropdown-constants';\nimport { IOptionAdapter } from './option-adapter';\nimport { OPTION_CONSTANTS } from './option-constants';\n\nexport interface IOptionFoundation extends ICustomElementFoundation, Required<IBaseListDropdownOption> {}\n\n/** The foundation class behind the `<forge-option>` element. */\nexport class OptionFoundation implements IOptionFoundation {\n  private _value: any;\n  private _label: string;\n  private _disabled = false;\n  private _divider = false;\n  private _optionClass: string[] = [];\n  private _leadingIcon: string;\n  private _leadingIconClass: string;\n  private _leadingIconType: ListDropdownIconType;\n  private _trailingIcon: string;\n  private _trailingIconClass: string;\n  private _trailingIconType: ListDropdownIconType;\n  private _leadingBuilder: () => HTMLElement;\n  private _trailingBuilder: () => HTMLElement;\n\n  constructor(private _adapter: IOptionAdapter) {}\n\n  /** Gets/sets the value of this option. */\n  public get value(): any {\n    return this._value;\n  }\n  public set value(value: any) {\n    if (this._value !== value) {\n      this._value = value;\n      this._adapter.emitHostEvent(OPTION_CONSTANTS.events.VALUE_CHANGE, this._value);\n    }\n  }\n\n  /** Gets/sets the label of this option. */\n  public get label(): string {\n    return this._label;\n  }\n  public set label(value: string) {\n    if (this._label !== value) {\n      this._label = value;\n      this._adapter.toggleHostAttribute(OPTION_CONSTANTS.attributes.LABEL, !!this._label, this._label);\n    }\n  }\n\n  /** Gets/sets the disabled status of this option. */\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._adapter.toggleHostAttribute(OPTION_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n\n  /** Gets/sets the whether this option is a divider. */\n  public get divider(): boolean {\n    return this._divider;\n  }\n  public set divider(value: boolean) {\n    if (this._divider !== value) {\n      this._divider = value;\n      this._adapter.toggleHostAttribute(OPTION_CONSTANTS.attributes.DIVIDER, this._divider);\n    }\n  }\n\n  /** Gets/sets the classes of this option. */\n  public get optionClass(): string | string[] {\n    return this._optionClass;\n  }\n  public set optionClass(value: string | string[]) {\n    if (!value) {\n      value = [];\n    } else if (typeof value === 'string') {\n      value = value.split(' ');\n    }\n\n    value = value.filter(v => v && !/\\s+/.test(v));\n\n    if (this._optionClass.toString() !== value.toString()) {\n      this._optionClass = value;\n      this._adapter.toggleHostAttribute(OPTION_CONSTANTS.attributes.OPTION_CLASS, this._optionClass && !!this._optionClass.length, this._optionClass.join(' '));\n    }\n  }\n\n  /** Gets/sets the leading icon of this option. */\n  public get leadingIcon(): string {\n    return this._leadingIcon;\n  }\n  public set leadingIcon(value: string) {\n    if (this._leadingIcon !== value) {\n      this._leadingIcon = value;\n      this._adapter.toggleHostAttribute(OPTION_CONSTANTS.attributes.LEADING_ICON, !!this._leadingIcon, this._leadingIcon);\n    }\n  }\n\n  /** Gets/sets the leading icon class of this option. */\n  public get leadingIconClass(): string {\n    return this._leadingIconClass;\n  }\n  public set leadingIconClass(value: string) {\n    if (this._leadingIconClass !== value) {\n      this._leadingIconClass = value;\n      this._adapter.toggleHostAttribute(OPTION_CONSTANTS.attributes.LEADING_ICON_CLASS, !!this._leadingIconClass, this._leadingIconClass);\n    }\n  }\n\n  /** Gets/sets the leading icon type of this option. */\n  public get leadingIconType(): ListDropdownIconType {\n    return this._leadingIconType;\n  }\n  public set leadingIconType(value: ListDropdownIconType) {\n    if (this._leadingIconType !== value) {\n      this._leadingIconType = value;\n      this._adapter.toggleHostAttribute(OPTION_CONSTANTS.attributes.LEADING_ICON_TYPE, !!this._leadingIconType, this._leadingIconType);\n    }\n  }\n\n  /** Gets/sets the trailing icon of this option. */\n  public get trailingIcon(): string {\n    return this._trailingIcon;\n  }\n  public set trailingIcon(value: string) {\n    if (this._trailingIcon !== value) {\n      this._trailingIcon = value;\n      this._adapter.toggleHostAttribute(OPTION_CONSTANTS.attributes.TRAILING_ICON, !!this._trailingIcon, this._trailingIcon);\n    }\n  }\n\n  /** Gets/sets the trailing icon class of this option. */\n  public get trailingIconClass(): string {\n    return this._trailingIconClass;\n  }\n  public set trailingIconClass(value: string) {\n    if (this._trailingIconClass !== value) {\n      this._trailingIconClass = value;\n      this._adapter.toggleHostAttribute(OPTION_CONSTANTS.attributes.TRAILING_ICON_CLASS, !!this._trailingIconClass, this._trailingIconClass);\n    }\n  }\n\n  /** Gets/sets the trailing icon type of this option. */\n  public get trailingIconType(): ListDropdownIconType {\n    return this._trailingIconType;\n  }\n  public set trailingIconType(value: ListDropdownIconType) {\n    if (this._trailingIconType !== value) {\n      this._trailingIconType = value;\n      this._adapter.toggleHostAttribute(OPTION_CONSTANTS.attributes.TRAILING_ICON_TYPE, !!this._trailingIconType, this._trailingIconType);\n    }\n  }\n\n  /** Gets/sets the leading builder of this option. */\n  public get leadingBuilder(): (() => HTMLElement) {\n    return this._leadingBuilder;\n  }\n  public set leadingBuilder(value: (() => HTMLElement)) {\n    if (this._leadingBuilder !== value) {\n      this._leadingBuilder = value;\n    }\n  }\n\n  /** Gets/sets the trailing builder of this option. */\n  public get trailingBuilder(): (() => HTMLElement) {\n    return this._trailingBuilder;\n  }\n  public set trailingBuilder(value: (() => HTMLElement)) {\n    if (this._trailingBuilder !== value) {\n      this._trailingBuilder = value;\n    }\n  }\n}\n", "import { coerceBoolean, CustomElement, FoundationProperty, ICustomElement } from '@tylertech/forge-core';\nimport { BaseComponent } from '../../core/base/base-component';\nimport { IBaseListDropdownOption, ListDropdownIconType } from '../../list-dropdown/list-dropdown-constants';\nimport { OptionAdapter } from './option-adapter';\nimport { OPTION_CONSTANTS } from './option-constants';\nimport { OptionFoundation } from './option-foundation';\n\nexport interface IOptionComponent extends ICustomElement, Required<IBaseListDropdownOption> {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-option': IOptionComponent;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-option>` element.\n * \n * @tag forge-option\n */\n@CustomElement({\n  name: OPTION_CONSTANTS.elementName\n})\nexport class OptionComponent extends BaseComponent implements IOptionComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      OPTION_CONSTANTS.attributes.VALUE,\n      OPTION_CONSTANTS.attributes.LABEL,\n      OPTION_CONSTANTS.attributes.DISABLED,\n      OPTION_CONSTANTS.attributes.DIVIDER,\n      OPTION_CONSTANTS.attributes.OPTION_CLASS,\n      OPTION_CONSTANTS.attributes.LEADING_ICON,\n      OPTION_CONSTANTS.attributes.LEADING_ICON_CLASS,\n      OPTION_CONSTANTS.attributes.LEADING_ICON_TYPE,\n      OPTION_CONSTANTS.attributes.TRAILING_ICON,\n      OPTION_CONSTANTS.attributes.TRAILING_ICON_CLASS,\n      OPTION_CONSTANTS.attributes.TRAILING_ICON_TYPE\n    ];\n  }\n\n  private _foundation: OptionFoundation;\n\n  constructor() {\n    super();\n    this._foundation = new OptionFoundation(new OptionAdapter(this));\n  }\n\n  public initializedCallback(): void {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'option');\n    }\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case OPTION_CONSTANTS.attributes.VALUE:\n        this.value = newValue;\n        break;\n      case OPTION_CONSTANTS.attributes.LABEL:\n        this.label = newValue;\n        break;\n      case OPTION_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case OPTION_CONSTANTS.attributes.DIVIDER:\n        this.divider = this.hasAttribute(OPTION_CONSTANTS.attributes.DIVIDER);\n        break;\n      case OPTION_CONSTANTS.attributes.OPTION_CLASS:\n        this.optionClass = newValue;\n        break;\n      case OPTION_CONSTANTS.attributes.LEADING_ICON:\n        this.leadingIcon = newValue;\n        break;\n      case OPTION_CONSTANTS.attributes.LEADING_ICON_CLASS:\n        this.leadingIconClass = newValue;\n        break;\n      case OPTION_CONSTANTS.attributes.LEADING_ICON_TYPE:\n        this.leadingIconType = newValue as ListDropdownIconType;\n        break;\n      case OPTION_CONSTANTS.attributes.TRAILING_ICON:\n        this.trailingIcon = newValue;\n        break;\n      case OPTION_CONSTANTS.attributes.TRAILING_ICON_CLASS:\n        this.trailingIconClass = newValue;\n        break;\n      case OPTION_CONSTANTS.attributes.TRAILING_ICON_TYPE:\n        this.trailingIconType = newValue as ListDropdownIconType;\n        break;\n    }\n  }\n\n  /** Gets/sets the value of this option. */\n  @FoundationProperty()\n  public declare value: any;\n\n  /** Gets/sets the label of this option. */\n  @FoundationProperty()\n  public declare label: string;\n\n  /** Gets/sets the disabled status of this option. */\n  @FoundationProperty()\n  public declare disabled: boolean;\n\n  /** Gets/sets the whether this option is a divider. */\n  @FoundationProperty()\n  public declare divider: boolean;\n\n  /** Gets/sets the classes of this option. */\n  @FoundationProperty()\n  public declare optionClass: string | string[];\n\n  /** Gets/sets the leading icon of this option. */\n  @FoundationProperty()\n  public declare leadingIcon: string;\n\n  /** Gets/sets the leading icon class of this option. */\n  @FoundationProperty()\n  public declare leadingIconClass: string;\n\n  /** Gets/sets the leading icon type of this option. */\n  @FoundationProperty()\n  public declare leadingIconType: ListDropdownIconType;\n\n  /** Gets/sets the trailing icon of this option. */\n  @FoundationProperty()\n  public declare trailingIcon: string;\n\n  /** Gets/sets the trailing icon class of this option. */\n  @FoundationProperty()\n  public declare trailingIconClass: string;\n\n  /** Gets/sets the trailing icon type of this option. */\n  @FoundationProperty()\n  public declare trailingIconType: ListDropdownIconType;\n\n  /** Gets/sets the leading builder of this option. */\n  @FoundationProperty()\n  public declare leadingBuilder: () => HTMLElement;\n\n  /** Gets/sets the trailing builder of this option. */\n  @FoundationProperty()\n  public declare trailingBuilder: () => HTMLElement;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { OptionComponent } from './option';\n\nexport * from './option-adapter';\nexport * from './option-constants';\nexport * from './option-foundation';\nexport * from './option';\n\nexport function defineOptionComponent(): void {\n  defineCustomElement(OptionComponent);\n}\n"],
-  "mappings": "yPAWO,IAAMA,EAAN,cAA4BC,CAA8B,CAC/D,YAAYC,EAA6B,CACvC,MAAMA,CAAS,CACjB,CACF,ECbA,IAAMC,EAA2C,GAAGC,UAE9CC,EAAa,CACjB,SAAU,WACV,QAAS,UACT,MAAO,QACP,mBAAoB,qBACpB,kBAAmB,oBACnB,aAAc,eACd,aAAc,eACd,oBAAqB,sBACrB,mBAAoB,qBACpB,cAAe,gBACf,MAAO,OACT,EAEMC,EAAS,CACb,aAAc,GAAGH,gBACnB,EAEaI,EAAmB,CAC9B,YAAAJ,EACA,WAAAE,EACA,OAAAC,CACF,EClBO,IAAME,EAAN,KAAoD,CAezD,YAAoBC,EAA0B,CAA1B,cAAAA,EAZpB,KAAQ,UAAY,GACpB,KAAQ,SAAW,GACnB,KAAQ,aAAyB,CAAC,CAUa,CAG/C,IAAW,OAAa,CACtB,OAAO,KAAK,MACd,CACA,IAAW,MAAMC,EAAY,CACvB,KAAK,SAAWA,IAClB,KAAK,OAASA,EACd,KAAK,SAAS,cAAcC,EAAiB,OAAO,aAAc,KAAK,MAAM,EAEjF,CAGA,IAAW,OAAgB,CACzB,OAAO,KAAK,MACd,CACA,IAAW,MAAMD,EAAe,CAC1B,KAAK,SAAWA,IAClB,KAAK,OAASA,EACd,KAAK,SAAS,oBAAoBC,EAAiB,WAAW,MAAO,CAAC,CAAC,KAAK,OAAQ,KAAK,MAAM,EAEnG,CAGA,IAAW,UAAoB,CAC7B,OAAO,KAAK,SACd,CACA,IAAW,SAASD,EAAgB,CAC9B,KAAK,YAAcA,IACrB,KAAK,UAAYA,EACjB,KAAK,SAAS,oBAAoBC,EAAiB,WAAW,SAAU,KAAK,SAAS,EAE1F,CAGA,IAAW,SAAmB,CAC5B,OAAO,KAAK,QACd,CACA,IAAW,QAAQD,EAAgB,CAC7B,KAAK,WAAaA,IACpB,KAAK,SAAWA,EAChB,KAAK,SAAS,oBAAoBC,EAAiB,WAAW,QAAS,KAAK,QAAQ,EAExF,CAGA,IAAW,aAAiC,CAC1C,OAAO,KAAK,YACd,CACA,IAAW,YAAYD,EAA0B,CAC1CA,EAEM,OAAOA,GAAU,WAC1BA,EAAQA,EAAM,MAAM,GAAG,GAFvBA,EAAQ,CAAC,EAKXA,EAAQA,EAAM,OAAOE,GAAKA,GAAK,CAAC,MAAM,KAAKA,CAAC,CAAC,EAEzC,KAAK,aAAa,SAAS,IAAMF,EAAM,SAAS,IAClD,KAAK,aAAeA,EACpB,KAAK,SAAS,oBAAoBC,EAAiB,WAAW,aAAc,KAAK,cAAgB,CAAC,CAAC,KAAK,aAAa,OAAQ,KAAK,aAAa,KAAK,GAAG,CAAC,EAE5J,CAGA,IAAW,aAAsB,CAC/B,OAAO,KAAK,YACd,CACA,IAAW,YAAYD,EAAe,CAChC,KAAK,eAAiBA,IACxB,KAAK,aAAeA,EACpB,KAAK,SAAS,oBAAoBC,EAAiB,WAAW,aAAc,CAAC,CAAC,KAAK,aAAc,KAAK,YAAY,EAEtH,CAGA,IAAW,kBAA2B,CACpC,OAAO,KAAK,iBACd,CACA,IAAW,iBAAiBD,EAAe,CACrC,KAAK,oBAAsBA,IAC7B,KAAK,kBAAoBA,EACzB,KAAK,SAAS,oBAAoBC,EAAiB,WAAW,mBAAoB,CAAC,CAAC,KAAK,kBAAmB,KAAK,iBAAiB,EAEtI,CAGA,IAAW,iBAAwC,CACjD,OAAO,KAAK,gBACd,CACA,IAAW,gBAAgBD,EAA6B,CAClD,KAAK,mBAAqBA,IAC5B,KAAK,iBAAmBA,EACxB,KAAK,SAAS,oBAAoBC,EAAiB,WAAW,kBAAmB,CAAC,CAAC,KAAK,iBAAkB,KAAK,gBAAgB,EAEnI,CAGA,IAAW,cAAuB,CAChC,OAAO,KAAK,aACd,CACA,IAAW,aAAaD,EAAe,CACjC,KAAK,gBAAkBA,IACzB,KAAK,cAAgBA,EACrB,KAAK,SAAS,oBAAoBC,EAAiB,WAAW,cAAe,CAAC,CAAC,KAAK,cAAe,KAAK,aAAa,EAEzH,CAGA,IAAW,mBAA4B,CACrC,OAAO,KAAK,kBACd,CACA,IAAW,kBAAkBD,EAAe,CACtC,KAAK,qBAAuBA,IAC9B,KAAK,mBAAqBA,EAC1B,KAAK,SAAS,oBAAoBC,EAAiB,WAAW,oBAAqB,CAAC,CAAC,KAAK,mBAAoB,KAAK,kBAAkB,EAEzI,CAGA,IAAW,kBAAyC,CAClD,OAAO,KAAK,iBACd,CACA,IAAW,iBAAiBD,EAA6B,CACnD,KAAK,oBAAsBA,IAC7B,KAAK,kBAAoBA,EACzB,KAAK,SAAS,oBAAoBC,EAAiB,WAAW,mBAAoB,CAAC,CAAC,KAAK,kBAAmB,KAAK,iBAAiB,EAEtI,CAGA,IAAW,gBAAsC,CAC/C,OAAO,KAAK,eACd,CACA,IAAW,eAAeD,EAA4B,CAChD,KAAK,kBAAoBA,IAC3B,KAAK,gBAAkBA,EAE3B,CAGA,IAAW,iBAAuC,CAChD,OAAO,KAAK,gBACd,CACA,IAAW,gBAAgBA,EAA4B,CACjD,KAAK,mBAAqBA,IAC5B,KAAK,iBAAmBA,EAE5B,CACF,ECtJO,IAAMG,EAAN,cAA8BC,CAA0C,CAmB7E,aAAc,CACZ,MAAM,EACN,KAAK,YAAc,IAAIC,EAAiB,IAAIC,EAAc,IAAI,CAAC,CACjE,CArBA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAiB,WAAW,MAC5BA,EAAiB,WAAW,MAC5BA,EAAiB,WAAW,SAC5BA,EAAiB,WAAW,QAC5BA,EAAiB,WAAW,aAC5BA,EAAiB,WAAW,aAC5BA,EAAiB,WAAW,mBAC5BA,EAAiB,WAAW,kBAC5BA,EAAiB,WAAW,cAC5BA,EAAiB,WAAW,oBAC5BA,EAAiB,WAAW,kBAC9B,CACF,CASO,qBAA4B,CAC5B,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,OAAQ,QAAQ,CAEtC,CAEO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKD,EAAiB,WAAW,MAC/B,KAAK,MAAQG,EACb,MACF,KAAKH,EAAiB,WAAW,MAC/B,KAAK,MAAQG,EACb,MACF,KAAKH,EAAiB,WAAW,SAC/B,KAAK,SAAWI,EAAcD,CAAQ,EACtC,MACF,KAAKH,EAAiB,WAAW,QAC/B,KAAK,QAAU,KAAK,aAAaA,EAAiB,WAAW,OAAO,EACpE,MACF,KAAKA,EAAiB,WAAW,aAC/B,KAAK,YAAcG,EACnB,MACF,KAAKH,EAAiB,WAAW,aAC/B,KAAK,YAAcG,EACnB,MACF,KAAKH,EAAiB,WAAW,mBAC/B,KAAK,iBAAmBG,EACxB,MACF,KAAKH,EAAiB,WAAW,kBAC/B,KAAK,gBAAkBG,EACvB,MACF,KAAKH,EAAiB,WAAW,cAC/B,KAAK,aAAeG,EACpB,MACF,KAAKH,EAAiB,WAAW,oBAC/B,KAAK,kBAAoBG,EACzB,MACF,KAAKH,EAAiB,WAAW,mBAC/B,KAAK,iBAAmBG,EACxB,KACJ,CACF,CAqDF,EAjDiBE,EAAA,CADdC,EAAmB,GArETV,EAsEI,qBAIAS,EAAA,CADdC,EAAmB,GAzETV,EA0EI,qBAIAS,EAAA,CADdC,EAAmB,GA7ETV,EA8EI,wBAIAS,EAAA,CADdC,EAAmB,GAjFTV,EAkFI,uBAIAS,EAAA,CADdC,EAAmB,GArFTV,EAsFI,2BAIAS,EAAA,CADdC,EAAmB,GAzFTV,EA0FI,2BAIAS,EAAA,CADdC,EAAmB,GA7FTV,EA8FI,gCAIAS,EAAA,CADdC,EAAmB,GAjGTV,EAkGI,+BAIAS,EAAA,CADdC,EAAmB,GArGTV,EAsGI,4BAIAS,EAAA,CADdC,EAAmB,GAzGTV,EA0GI,iCAIAS,EAAA,CADdC,EAAmB,GA7GTV,EA8GI,gCAIAS,EAAA,CADdC,EAAmB,GAjHTV,EAkHI,8BAIAS,EAAA,CADdC,EAAmB,GArHTV,EAsHI,+BAtHJA,EAANS,EAAA,CAHNE,EAAc,CACb,KAAMP,EAAiB,WACzB,CAAC,GACYJ,GCdN,SAASY,GAA8B,CAC5CC,EAAoBC,CAAe,CACrC",
-  "names": ["OptionAdapter", "BaseAdapter", "component", "elementName", "COMPONENT_NAME_PREFIX", "attributes", "events", "OPTION_CONSTANTS", "OptionFoundation", "_adapter", "value", "OPTION_CONSTANTS", "v", "OptionComponent", "BaseComponent", "OptionFoundation", "OptionAdapter", "OPTION_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "defineOptionComponent", "defineCustomElement", "OptionComponent"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{b as i,c as d,d as s}from"./chunk.K3KAM2PL.js";import{a,b as n}from"./chunk.DXN7ZOH3.js";import{a as o,e as t}from"./chunk.MVTBJPO2.js";import{d as e}from"./chunk.M3QDAYD2.js";var c=`${n}drawer`,l={elementName:c};var f='<template><div class="forge-drawer" part="root"><slot name="header"></slot><div class="forge-drawer__content" part="content"><slot></slot></div><slot name="footer"></slot></div></template>',b='.forge-drawer{width:256px;width:var(--forge-drawer-width,256px);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.forge-drawer ::slotted([slot=header]){grid-row:1}.forge-drawer ::slotted([slot=footer]){grid-row:3}.forge-drawer__content{overflow-x:auto;-webkit-overflow-scrolling:"touch";display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;grid-row:2}.forge-drawer__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-drawer__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-drawer__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-drawer__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-drawer--left{border-right-width:1px;border-right-style:solid}.forge-drawer--right{border-left-width:1px;border-left-style:solid}.forge-drawer--right.forge-drawer--closing{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--right.forge-drawer--closed{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;width:0;border:none}.forge-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--closed{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;width:0;border:none}.forge-drawer--no-transition{-webkit-transition:none!important;transition:none!important}:host{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden!important}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){:host([open]){-webkit-transform:translateZ(0);transform:translateZ(0)}}}',r=class extends s{constructor(){super();t(this,f,b),this._foundation=new d(new i(this))}};r=e([a({name:l.elementName})],r);function z(){o(r)}export{l as a,r as b,z as c};
-//# sourceMappingURL=chunk.XGOAYMK2.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/drawer/drawer/drawer-constants.ts", "../../src/drawer/drawer/drawer.ts", "../../src/drawer/drawer/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}drawer`;\n\nexport const DRAWER_CONSTANTS = {\n  elementName\n};\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { DRAWER_CONSTANTS } from './drawer-constants';\nimport { BaseDrawerAdapter, BaseDrawerComponent, BaseDrawerFoundation, IBaseDrawerComponent } from '../base';\n\nconst template = '<template><div class=\\\"forge-drawer\\\" part=\\\"root\\\"><slot name=\\\"header\\\"></slot><div class=\\\"forge-drawer__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"footer\\\"></slot></div></template>';\nconst styles = '.forge-drawer{width:256px;width:var(--forge-drawer-width,256px);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.forge-drawer ::slotted([slot=header]){grid-row:1}.forge-drawer ::slotted([slot=footer]){grid-row:3}.forge-drawer__content{overflow-x:auto;-webkit-overflow-scrolling:\\\"touch\\\";display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;grid-row:2}.forge-drawer__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-drawer__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-drawer__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-drawer__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-drawer--left{border-right-width:1px;border-right-style:solid}.forge-drawer--right{border-left-width:1px;border-left-style:solid}.forge-drawer--right.forge-drawer--closing{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--right.forge-drawer--closed{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;width:0;border:none}.forge-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--closed{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;width:0;border:none}.forge-drawer--no-transition{-webkit-transition:none!important;transition:none!important}:host{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden!important}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){:host([open]){-webkit-transform:translateZ(0);transform:translateZ(0)}}}';\n\nexport interface IDrawerComponent extends IBaseDrawerComponent {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-drawer': IDrawerComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-drawer-after-open': CustomEvent<void>;\n    'forge-drawer-after-close': CustomEvent<void>;\n  }\n}\n\n/**\n * The web component class behind the `<forge-drawer>` custom element.\n * \n * @tag forge-drawer\n */\n@CustomElement({\n  name: DRAWER_CONSTANTS.elementName\n})\nexport class DrawerComponent extends BaseDrawerComponent<BaseDrawerFoundation> implements IDrawerComponent {\n  protected _foundation: BaseDrawerFoundation;\n  \n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new BaseDrawerFoundation(new BaseDrawerAdapter(this));\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { DrawerComponent } from './drawer';\n\nexport * from './drawer-constants';\nexport * from './drawer';\n\nexport function defineDrawerComponent(): void {\n  defineCustomElement(DrawerComponent);\n}\n"],
-  "mappings": "uLAEA,IAAMA,EAA2C,GAAGC,UAEvCC,EAAmB,CAC9B,YAAAF,CACF,ECFA,IAAMG,EAAW,+LACXC,EAAS,o/GAuBFC,EAAN,cAA8BC,CAAsE,CAGzG,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,CAAM,EAC3C,KAAK,YAAc,IAAII,EAAqB,IAAIC,EAAkB,IAAI,CAAC,CACzE,CACF,EARaJ,EAANK,EAAA,CAHNC,EAAc,CACb,KAAMC,EAAiB,WACzB,CAAC,GACYP,GCtBN,SAASQ,GAA8B,CAC5CC,EAAoBC,CAAe,CACrC",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "DRAWER_CONSTANTS", "template", "styles", "DrawerComponent", "BaseDrawerComponent", "attachShadowTemplate", "BaseDrawerFoundation", "BaseDrawerAdapter", "__decorateClass", "CustomElement", "DRAWER_CONSTANTS", "defineDrawerComponent", "defineCustomElement", "DrawerComponent"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{j as v}from"./chunk.ISC7SZSP.js";import{a as s}from"./chunk.NVUMRW44.js";import{a as f}from"./chunk.BKL2BAYW.js";import{a as p,b}from"./chunk.DXN7ZOH3.js";import{e as _,k as g}from"./chunk.MVTBJPO2.js";import{k as d}from"./chunk.J2M2MXP2.js";import{a as h,d as o}from"./chunk.M3QDAYD2.js";var c=class extends f{constructor(r){super(r);this._targetElement=null}destroy(){this._targetElement=null}hasTargetElement(){return!!this._targetElement}addTargetListener(r,n){var a;(a=this._targetElement)==null||a.addEventListener(r,n)}removeTargetListener(r,n){var a;(a=this._targetElement)==null||a.removeEventListener(r,n)}getTargetElement(){return this._targetElement}setTargetElement(r){this._targetElement=r}trySetTarget(r){this._targetElement=v(this._component,r)}isActive(r){var n;return!!((n=this._targetElement)!=null&&n.matches(r))}};var m=`${b}focus-indicator`,w={TARGET:"target",ACTIVE:"active",INWARD:"inward",CIRCULAR:"circular",ALLOW_FOCUS:"allow-focus"},T=h({},w),e={elementName:m,attributes:T};var l=class{constructor(t){this._adapter=t;this._target=null;this._active=!1;this._inward=!1;this._circular=!1;this._allowFocus=!1;this._interactionListener=r=>this._onInteraction(r)}initialize(){this._adapter.hasTargetElement()||this._adapter.trySetTarget(this._target),this._addListeners()}destroy(){this._adapter.destroy(),this._removeListeners()}_addListeners(){this._adapter.addTargetListener("focusin",this._interactionListener),this._adapter.addTargetListener("focusout",this._interactionListener),this._adapter.addTargetListener("pointerdown",this._interactionListener)}_removeListeners(){this._adapter.removeTargetListener("focusin",this._interactionListener),this._adapter.removeTargetListener("focusout",this._interactionListener),this._adapter.removeTargetListener("pointerdown",this._interactionListener)}_onInteraction(t){switch(t.type){case"focusin":this.active=this._adapter.isActive(this._allowFocus?":focus":":focus-visible");break;case"focusout":this.active=!1;break;case"pointerdown":this.active=this._allowFocus?this._adapter.isActive(":focus"):this._adapter.isActive(":focus-visible");break}}get targetElement(){return this._adapter.getTargetElement()}set targetElement(t){this._removeListeners(),this._adapter.setTargetElement(t),this._addListeners()}get target(){return this._adapter.getHostAttribute(e.attributes.TARGET)}set target(t){this._target!==t&&(this._target=t,this._adapter.isConnected&&this._adapter.trySetTarget(t),this._adapter.toggleHostAttribute(e.attributes.TARGET,!!this._target,this._target))}get active(){return this._active}set active(t){t=!!t,this._active!==t&&(this._active=t,this._adapter.toggleHostAttribute(e.attributes.ACTIVE,this._active))}get inward(){return this._inward}set inward(t){t=!!t,this._inward!==t&&(this._inward=t,this._adapter.toggleHostAttribute(e.attributes.INWARD,this._inward))}get circular(){return this._circular}set circular(t){t=!!t,this._circular!==t&&(this._circular=t,this._adapter.toggleHostAttribute(e.attributes.CIRCULAR,this._circular))}get allowFocus(){return this._allowFocus}set allowFocus(t){t=!!t,this._allowFocus!==t&&(this._allowFocus=t,this._adapter.toggleHostAttribute(e.attributes.ALLOW_FOCUS,this._allowFocus))}};var E='<template><div class="forge-focus-indicator" part="indicator"></div></template>',L=":host{display:contents}:host([hidden]){display:none}:host([active]) .forge-focus-indicator{display:-webkit-box;display:flex}:host(:not([inward])) .forge-focus-indicator{-webkit-animation-name:outward-grow,outward-shrink;animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--_shape-end-end) + var(--_outward-offset));border-end-start-radius:calc(var(--_shape-end-start) + var(--_outward-offset));border-start-end-radius:calc(var(--_shape-start-end) + var(--_outward-offset));border-start-start-radius:calc(var(--_shape-start-start) + var(--_outward-offset));inset:calc(-1 * var(--_outward-offset));outline:var(--_width) solid currentColor}:host([inward]) .forge-focus-indicator{-webkit-animation-name:inward-grow,inward-shrink;animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--_shape-end-end) - var(--_inward-offset));border-end-start-radius:calc(var(--_shape-end-start) - var(--_inward-offset));border-start-end-radius:calc(var(--_shape-start-end) - var(--_inward-offset));border-start-start-radius:calc(var(--_shape-start-start) - var(--_inward-offset));border:var(--_width) solid currentColor;inset:var(--_inward-offset)}:host([circular]) .forge-focus-indicator{--_shape:50%}.forge-focus-indicator{--_active-width:var(--forge-focus-indicator-active-width, 6px);--_color:var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));--_duration:var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));--_outward-offset:var(--forge-focus-indicator-outward-offset, var(--forge-spacing-050, 4px));--_inward-offset:var(--forge-focus-indicator-inward-offset, 0);--_shape:var(--forge-focus-indicator-shape, var(--forge-shape-extra-small, 1px));--_width:var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));--_easing:var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));--_shape-start-start:var(--forge-focus-indicator-shape-start-start, var(--_shape));--_shape-start-end:var(--forge-focus-indicator-shape-start-end, var(--_shape));--_shape-end-start:var(--forge-focus-indicator-shape-end-start, var(--_shape));--_shape-end-end:var(--forge-focus-indicator-shape-end-end, var(--_shape));--_margin-block:var(--forge-focus-indicator-offset-block, 0);--_margin-inline:var(--forge-focus-indicator-offset-inline, 0);-webkit-animation-delay:0s,calc(var(--_duration) * .25);animation-delay:0s,calc(var(--_duration) * .25);-webkit-animation-duration:calc(var(--_duration) * .25),calc(var(--_duration) * .75);animation-duration:calc(var(--_duration) * .25),calc(var(--_duration) * .75);-webkit-animation-timing-function:var(--_easing);animation-timing-function:var(--_easing);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--_color);display:none;pointer-events:none;position:absolute;margin-block:var(--_margin-block);margin-inline:var(--_margin-inline)}@-webkit-keyframes outward-grow{from{outline-width:0}to{outline-width:var(--_active-width)}}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--_active-width)}}@-webkit-keyframes outward-shrink{from{outline-width:var(--_active-width)}}@keyframes outward-shrink{from{outline-width:var(--_active-width)}}@-webkit-keyframes inward-grow{from{border-width:0}to{border-width:var(--_active-width)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--_active-width)}}@-webkit-keyframes inward-shrink{from{border-width:var(--_active-width)}}@keyframes inward-shrink{from{border-width:var(--_active-width)}}@media (prefers-reduced-motion){.forge-focus-indicator{-webkit-animation:none;animation:none}}",i=class extends g{constructor(){super();_(this,E,L),this._foundation=new l(new c(this))}static get observedAttributes(){return[e.attributes.TARGET,e.attributes.ACTIVE,e.attributes.INWARD,e.attributes.CIRCULAR,e.attributes.ALLOW_FOCUS]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(r,n,a){switch(r){case e.attributes.TARGET:this.target=a;break;case e.attributes.ACTIVE:this.active=d(a);break;case e.attributes.INWARD:this.inward=d(a);break;case e.attributes.CIRCULAR:this.circular=d(a);break;case e.attributes.ALLOW_FOCUS:this.allowFocus=d(a);break}}};o([s()],i.prototype,"targetElement",2),o([s()],i.prototype,"target",2),o([s()],i.prototype,"active",2),o([s()],i.prototype,"inward",2),o([s()],i.prototype,"circular",2),o([s()],i.prototype,"allowFocus",2),i=o([p({name:e.elementName})],i);export{c as a,e as b,l as c,i as d};
-//# sourceMappingURL=chunk.YRMR7IOS.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/focus-indicator/focus-indicator-adapter.ts", "../../src/focus-indicator/focus-indicator-constants.ts", "../../src/focus-indicator/focus-indicator-foundation.ts", "../../src/focus-indicator/focus-indicator.ts"],
-  "sourcesContent": ["import { BaseAdapter, IBaseAdapter, locateTargetHeuristic } from '../core';\nimport { IFocusIndicatorComponent } from './focus-indicator';\n\nexport interface IFocusIndicatorAdapter extends IBaseAdapter {\n  destroy(): void;\n  hasTargetElement(): boolean;\n  addTargetListener(type: string, listener: EventListener): void;\n  removeTargetListener(type: string, listener: EventListener): void;\n  getTargetElement(): HTMLElement | null;\n  setTargetElement(el: HTMLElement | null): void;\n  trySetTarget(value: string | null): void;\n  isActive(selector: string): boolean;\n}\n\nexport class FocusIndicatorAdapter extends BaseAdapter<IFocusIndicatorComponent> implements IFocusIndicatorAdapter {\n  private _targetElement: HTMLElement | null = null;\n\n  constructor(component: IFocusIndicatorComponent) {\n    super(component);\n  }\n\n  public destroy(): void {\n    this._targetElement = null;\n  }\n  \n  public hasTargetElement(): boolean {\n    return !!this._targetElement;\n  }\n\n  public addTargetListener(type: string, listener: EventListener): void {\n    this._targetElement?.addEventListener(type, listener);\n  }\n\n  public removeTargetListener(type: string, listener: EventListener): void {\n    this._targetElement?.removeEventListener(type, listener);\n  }\n\n  public getTargetElement(): HTMLElement | null {\n    return this._targetElement;\n  }\n\n  public setTargetElement(el: HTMLElement | null): void {\n    this._targetElement = el;\n  }\n\n  public trySetTarget(value: string | null): void {\n    this._targetElement = locateTargetHeuristic(this._component, value);\n  }\n\n  public isActive(selector: string): boolean {\n    return !!this._targetElement?.matches(selector);\n  }\n}\n", "import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}focus-indicator`;\n\nconst observedAttributes = {\n  TARGET: 'target',\n  ACTIVE: 'active',\n  INWARD: 'inward',\n  CIRCULAR: 'circular',\n  ALLOW_FOCUS: 'allow-focus'\n};\n\nconst attributes = {\n  ...observedAttributes\n};\n\nexport const FOCUS_INDICATOR_CONSTANTS = {\n  elementName,\n  attributes\n};\n", "import { IFocusIndicatorAdapter } from './focus-indicator-adapter';\nimport { FOCUS_INDICATOR_CONSTANTS } from './focus-indicator-constants';\n\nexport interface IFocusIndicatorFoundation {\n  targetElement: HTMLElement | null;\n  target: string | null;\n  active: boolean;\n  inward: boolean;\n  circular: boolean;\n  allowFocus: boolean;\n  initialize(): void;\n  destroy(): void;\n}\n\nexport class FocusIndicatorFoundation implements IFocusIndicatorFoundation {\n  private _target: string | null = null;\n  private _active = false;\n  private _inward = false;\n  private _circular = false;\n  private _allowFocus = false;\n  private _interactionListener: EventListener;\n\n  constructor(private _adapter: IFocusIndicatorAdapter) {\n    this._interactionListener = evt => this._onInteraction(evt);\n  }\n\n  public initialize(): void {\n    if (!this._adapter.hasTargetElement()) {\n      this._adapter.trySetTarget(this._target);\n    }\n    this._addListeners();\n  }\n\n  public destroy(): void {\n    this._adapter.destroy();\n    this._removeListeners();\n  }\n\n  private _addListeners(): void {\n    this._adapter.addTargetListener('focusin', this._interactionListener);\n    this._adapter.addTargetListener('focusout', this._interactionListener);\n    this._adapter.addTargetListener('pointerdown', this._interactionListener);\n  }\n\n  private _removeListeners(): void {\n    this._adapter.removeTargetListener('focusin', this._interactionListener);\n    this._adapter.removeTargetListener('focusout', this._interactionListener);\n    this._adapter.removeTargetListener('pointerdown', this._interactionListener);\n  }\n\n  private _onInteraction(evt: Event): void {\n    switch (evt.type) {\n      case 'focusin':\n        this.active = this._adapter.isActive(this._allowFocus ? ':focus' : ':focus-visible');\n        break;\n      case 'focusout':\n        this.active = false;\n        break;\n      case 'pointerdown':\n        this.active = this._allowFocus ? this._adapter.isActive(':focus') : this._adapter.isActive(':focus-visible');\n        break;\n    }\n  }\n\n  public get targetElement(): HTMLElement | null {\n    return this._adapter.getTargetElement();\n  }\n  public set targetElement(value: HTMLElement | null) {\n    this._removeListeners();\n    this._adapter.setTargetElement(value);\n    this._addListeners();\n  }\n\n  public get target(): string | null {\n    return this._adapter.getHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.TARGET);\n  }\n  public set target(value: string | null) {\n    if (this._target !== value) {\n      this._target = value;\n      if (this._adapter.isConnected) {\n        this._adapter.trySetTarget(value);\n      }\n      this._adapter.toggleHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.TARGET, Boolean(this._target), this._target as string);\n    }\n  }\n\n  public get active(): boolean {\n    return this._active;\n  }\n  public set active(value: boolean) {\n    value = Boolean(value);\n    if (this._active !== value) {\n      this._active = value;\n      this._adapter.toggleHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.ACTIVE, this._active);\n    }\n  }\n\n  public get inward(): boolean {\n    return this._inward;\n  }\n  public set inward(value: boolean) {\n    value = Boolean(value);\n    if (this._inward !== value) {\n      this._inward = value;\n      this._adapter.toggleHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.INWARD, this._inward);\n    }\n  }\n\n  public get circular(): boolean {\n    return this._circular;\n  }\n  public set circular(value: boolean) {\n    value = Boolean(value);\n    if (this._circular !== value) {\n      this._circular = value;\n      this._adapter.toggleHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.CIRCULAR, this._circular);\n    }\n  }\n\n  public get allowFocus(): boolean {\n    return this._allowFocus;\n  }\n  public set allowFocus(value: boolean) {\n    value = Boolean(value);\n    if (this._allowFocus !== value) {\n      this._allowFocus = value;\n      this._adapter.toggleHostAttribute(FOCUS_INDICATOR_CONSTANTS.attributes.ALLOW_FOCUS, this._allowFocus);\n    }\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { FocusIndicatorAdapter } from './focus-indicator-adapter';\nimport { FOCUS_INDICATOR_CONSTANTS } from './focus-indicator-constants';\nimport { FocusIndicatorFoundation } from './focus-indicator-foundation';\n\nconst template = '<template><div class=\\\"forge-focus-indicator\\\" part=\\\"indicator\\\"></div></template>';\nconst styles = ':host{display:contents}:host([hidden]){display:none}:host([active]) .forge-focus-indicator{display:-webkit-box;display:flex}:host(:not([inward])) .forge-focus-indicator{-webkit-animation-name:outward-grow,outward-shrink;animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--_shape-end-end) + var(--_outward-offset));border-end-start-radius:calc(var(--_shape-end-start) + var(--_outward-offset));border-start-end-radius:calc(var(--_shape-start-end) + var(--_outward-offset));border-start-start-radius:calc(var(--_shape-start-start) + var(--_outward-offset));inset:calc(-1 * var(--_outward-offset));outline:var(--_width) solid currentColor}:host([inward]) .forge-focus-indicator{-webkit-animation-name:inward-grow,inward-shrink;animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--_shape-end-end) - var(--_inward-offset));border-end-start-radius:calc(var(--_shape-end-start) - var(--_inward-offset));border-start-end-radius:calc(var(--_shape-start-end) - var(--_inward-offset));border-start-start-radius:calc(var(--_shape-start-start) - var(--_inward-offset));border:var(--_width) solid currentColor;inset:var(--_inward-offset)}:host([circular]) .forge-focus-indicator{--_shape:50%}.forge-focus-indicator{--_active-width:var(--forge-focus-indicator-active-width, 6px);--_color:var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));--_duration:var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));--_outward-offset:var(--forge-focus-indicator-outward-offset, var(--forge-spacing-050, 4px));--_inward-offset:var(--forge-focus-indicator-inward-offset, 0);--_shape:var(--forge-focus-indicator-shape, var(--forge-shape-extra-small, 1px));--_width:var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));--_easing:var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));--_shape-start-start:var(--forge-focus-indicator-shape-start-start, var(--_shape));--_shape-start-end:var(--forge-focus-indicator-shape-start-end, var(--_shape));--_shape-end-start:var(--forge-focus-indicator-shape-end-start, var(--_shape));--_shape-end-end:var(--forge-focus-indicator-shape-end-end, var(--_shape));--_margin-block:var(--forge-focus-indicator-offset-block, 0);--_margin-inline:var(--forge-focus-indicator-offset-inline, 0);-webkit-animation-delay:0s,calc(var(--_duration) * .25);animation-delay:0s,calc(var(--_duration) * .25);-webkit-animation-duration:calc(var(--_duration) * .25),calc(var(--_duration) * .75);animation-duration:calc(var(--_duration) * .25),calc(var(--_duration) * .75);-webkit-animation-timing-function:var(--_easing);animation-timing-function:var(--_easing);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--_color);display:none;pointer-events:none;position:absolute;margin-block:var(--_margin-block);margin-inline:var(--_margin-inline)}@-webkit-keyframes outward-grow{from{outline-width:0}to{outline-width:var(--_active-width)}}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--_active-width)}}@-webkit-keyframes outward-shrink{from{outline-width:var(--_active-width)}}@keyframes outward-shrink{from{outline-width:var(--_active-width)}}@-webkit-keyframes inward-grow{from{border-width:0}to{border-width:var(--_active-width)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--_active-width)}}@-webkit-keyframes inward-shrink{from{border-width:var(--_active-width)}}@keyframes inward-shrink{from{border-width:var(--_active-width)}}@media (prefers-reduced-motion){.forge-focus-indicator{-webkit-animation:none;animation:none}}';\n\nexport interface IFocusIndicatorComponent extends IBaseComponent {\n  targetElement: HTMLElement;\n  target: string | null;\n  active: boolean;\n  inward: boolean;\n  circular: boolean;\n  allowFocus: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-focus-indicator': IFocusIndicatorComponent;\n  }\n}\n\n/**\n * @tag forge-focus-indicator\n * \n * @summary Renders a focus indicator when an attached element matches `:focus-visible`.\n * \n * @property {HTMLElement} targetElement - The element to attach the focus indicator to.\n * @property {string} target - The id of the element to attach the focus indicator to.\n * @property {boolean} active - Controls whether the indicator is active.\n * @property {boolean} inward - Controls whether the indicator renders inward.\n * @property {boolean} circular - Controls whether the indicator renders circular.\n * @property {boolean} allowFocus - Controls whether the indicator renders when the target element matches `:focus` instead of `:focus-visible`.\n * \n * @attribute {string} target - The id of the element to attach the focus indicator to.\n * @attribute {boolean} active - Controls whether the indicator is active.\n * @attribute {boolean} inward - Controls whether the indicator renders inward.\n * @attribute {boolean} circular - Controls whether the indicator renders circular.\n * @attribute {boolean} allow-focus - Controls whether the indicator renders when the target element matches `:focus` instead of `:focus-visible`.\n * \n * @cssproperty --forge-focus-indicator-active-width - The width of the focus indicator when active. When animating this is the max extent.\n * @cssproperty --forge-focus-indicator-color - The color of the focus indicator.\n * @cssproperty --forge-focus-indicator-duration - The animation duration.\n * @cssproperty --forge-focus-indicator-outward-offset - The offset of the focus indicator when outward.\n * @cssproperty --forge-focus-indicator-inward-offset - The offset of the focus indicator when inward.\n * @cssproperty --forge-focus-indicator-shape - The shape of the focus indicator.\n * @cssproperty --forge-focus-indicator-width - The width of the focus indicator when resting.\n * @cssproperty --forge-focus-indicator-shape-start-start - The start start shape.\n * @cssproperty --forge-focus-indicator-shape-start-end - The start end shape.\n * @cssproperty --forge-focus-indicator-shape-end-start - The end start shape.\n * @cssproperty --forge-focus-indicator-shape-end-end - The end end shape.\n * @cssproperty --forge-focus-indicator-offset-block - The block offset.\n * @cssproperty --forge-focus-indicator-offset-inline - The inline offset.\n * \n * @csspart indicator - The focus indicator element.\n */\n@CustomElement({\n  name: FOCUS_INDICATOR_CONSTANTS.elementName\n})\nexport class FocusIndicatorComponent extends BaseComponent implements IFocusIndicatorComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      FOCUS_INDICATOR_CONSTANTS.attributes.TARGET,\n      FOCUS_INDICATOR_CONSTANTS.attributes.ACTIVE,\n      FOCUS_INDICATOR_CONSTANTS.attributes.INWARD,\n      FOCUS_INDICATOR_CONSTANTS.attributes.CIRCULAR,\n      FOCUS_INDICATOR_CONSTANTS.attributes.ALLOW_FOCUS\n    ];\n  }\n\n  private _foundation: FocusIndicatorFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new FocusIndicatorFoundation(new FocusIndicatorAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.destroy();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case FOCUS_INDICATOR_CONSTANTS.attributes.TARGET:\n        this.target = newValue;\n        break;\n      case FOCUS_INDICATOR_CONSTANTS.attributes.ACTIVE:\n        this.active = coerceBoolean(newValue);\n        break;\n      case FOCUS_INDICATOR_CONSTANTS.attributes.INWARD:\n        this.inward = coerceBoolean(newValue);\n        break;\n      case FOCUS_INDICATOR_CONSTANTS.attributes.CIRCULAR:\n        this.circular = coerceBoolean(newValue);\n        break;\n      case FOCUS_INDICATOR_CONSTANTS.attributes.ALLOW_FOCUS:\n        this.allowFocus = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public declare targetElement: HTMLElement;\n\n  @FoundationProperty()\n  public declare target: string | null;\n\n  @FoundationProperty()\n  public declare active: boolean;\n\n  @FoundationProperty()\n  public declare inward: boolean;\n\n  @FoundationProperty()\n  public declare circular: boolean;\n\n  @FoundationProperty()\n  public declare allowFocus: boolean;\n}\n"],
-  "mappings": "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",
-  "names": ["FocusIndicatorAdapter", "BaseAdapter", "component", "type", "listener", "_a", "el", "value", "locateTargetHeuristic", "selector", "elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "attributes", "__spreadValues", "FOCUS_INDICATOR_CONSTANTS", "FocusIndicatorFoundation", "_adapter", "evt", "value", "FOCUS_INDICATOR_CONSTANTS", "template", "styles", "FocusIndicatorComponent", "BaseComponent", "attachShadowTemplate", "FocusIndicatorFoundation", "FocusIndicatorAdapter", "FOCUS_INDICATOR_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement"]
-}