@tylertech/forge 2.21.1 → 2.21.3-dev.0

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{c as f,d as g}from"./chunk.2DXG2R3M.js";import{a as s}from"./chunk.KTGSZEAG.js";import{a as v,b as h}from"./chunk.CP3RUPXU.js";import{a as b,l as _}from"./chunk.RX7IOKBK.js";import{f as c,g as m}from"./chunk.4LA6HEA7.js";import{k as u}from"./chunk.J2M2MXP2.js";import{f as o}from"./chunk.MCIQXNKY.js";var R=`${h}ripple`,T={SURFACE:"mdc-ripple-surface"},E={TARGET:"target",UNBOUNDED:"unbounded"},e={elementName:R,classes:T,attributes:E};var r=class extends g{handleFocus(){this.foundation.handleFocus()}handleBlur(){this.foundation.handleBlur()}animate(){this.foundation.animateActivation()}},C=class extends f{};var n=class{constructor(t){this._component=t}_tryFindTarget(){return this._component.parentElement}initialize(t,d){t&&(this._target=(this._component.ownerDocument||document).querySelector(t)),this._target||(this._target=this._tryFindTarget()),this._target&&(this._ripple=new r(this._target),this._ripple.unbounded=d,c(e.classes.SURFACE,this._target))}destroy(){this._ripple&&(this._ripple.destroy(),this._ripple=void 0),this._target&&m(e.classes.SURFACE,this._target),this._target=void 0}activate(){var t;(t=this._ripple)==null||t.activate()}deactivate(){var t;(t=this._ripple)==null||t.deactivate()}};var p=class{constructor(t){this._adapter=t;this._unbounded=!1}initialize(){this._adapter.initialize(this._target,this._unbounded)}disconnect(){this._adapter.destroy()}layout(){this._applyTarget()}activate(){this._adapter.activate()}deactivate(){this._adapter.deactivate()}_applyTarget(){this._adapter.destroy(),this._adapter.initialize(this._target,this._unbounded)}get target(){return this._target}set target(t){this._target!==t&&(this._target=t,this._applyTarget())}get unbounded(){return this._unbounded}set unbounded(t){this._unbounded!==t&&(this._unbounded=t,this._applyTarget())}};var i=class extends _{constructor(){super();this._foundation=new p(new n(this))}static get observedAttributes(){return[e.attributes.TARGET,e.attributes.UNBOUNDED]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(d,y,l){switch(d){case e.attributes.TARGET:this.target=l;break;case e.attributes.UNBOUNDED:this.unbounded=u(l);break}}layout(){this._foundation.layout()}activate(){return this._foundation.activate()}deactivate(){return this._foundation.deactivate()}};o([s()],i.prototype,"target",2),o([s()],i.prototype,"unbounded",2),i=o([v({name:e.elementName})],i);function q(){b(i)}export{e as a,r as b,C as c,n as d,p as e,i as f,q as g};
+//# sourceMappingURL=chunk.F44B5HVQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ripple/ripple-constants.ts", "../../src/ripple/forge-ripple.ts", "../../src/ripple/ripple-adapter.ts", "../../src/ripple/ripple-foundation.ts", "../../src/ripple/ripple.ts", "../../src/ripple/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}ripple`;\n\nconst classes = {\n  SURFACE: 'mdc-ripple-surface'\n};\n\nconst attributes = {\n  TARGET: 'target',\n  UNBOUNDED: 'unbounded'\n};\n\nexport const RIPPLE_CONSTANTS = {\n  elementName,\n  classes,\n  attributes\n};\n", "import { MDCRipple, type MDCRippleAdapter, MDCRippleFoundation, type MDCRippleCapableSurface } from '@material/ripple';\n\nexport class ForgeRipple extends MDCRipple {\n  /** Manually trigger focus activation. */\n  public handleFocus(): void {\n    this.foundation.handleFocus();\n  }\n\n  /** Manually trigger blur activation */\n  public handleBlur(): void {\n    this.foundation.handleBlur();\n  }\n\n  /** Executes the ripple animation. */\n  public animate(): void {\n    (this.foundation as any).animateActivation(); // MDC does not expose this method, using `any` to access it.\n  }\n}\nexport class ForgeRippleFoundation extends MDCRippleFoundation {}\nexport {\n  MDCRippleAdapter as ForgeRippleAdapter,\n  MDCRippleCapableSurface as ForgeRippleCapableSurface\n};\n", "import { addClass, removeClass } from '@tylertech/forge-core';\n\nimport { IRippleComponent } from './ripple';\nimport { RIPPLE_CONSTANTS } from './ripple-constants';\nimport { ForgeRipple } from './forge-ripple';\n\nexport interface IRippleAdapter {\n  initialize(target: string, unbounded: boolean): void;\n  destroy(): void;\n  activate(): void;\n  deactivate(): void;\n}\n\nexport class RippleAdapter implements IRippleAdapter {\n  private _target: HTMLElement | undefined;\n  private _ripple: ForgeRipple | undefined;\n\n  constructor(private _component: IRippleComponent) {}\n\n  private _tryFindTarget(): HTMLElement {\n    return this._component.parentElement as HTMLElement;\n  }\n\n  public initialize(target: string, unbounded: boolean): void {\n    if (target) {\n      this._target = (this._component.ownerDocument || document).querySelector(target) as HTMLElement;\n    }\n\n    if (!this._target) {\n      this._target = this._tryFindTarget();\n    }\n\n    if (this._target) {\n      this._ripple = new ForgeRipple(this._target);\n      this._ripple.unbounded = unbounded;\n      addClass(RIPPLE_CONSTANTS.classes.SURFACE, this._target);\n    }\n  }\n\n  public destroy(): void {\n    if (this._ripple) {\n      this._ripple.destroy();\n      this._ripple = undefined;\n    }\n\n    if (this._target) {\n      removeClass(RIPPLE_CONSTANTS.classes.SURFACE, this._target);\n    }\n    \n    this._target = undefined;\n  }\n\n  public activate(): void {\n    this._ripple?.activate();\n  }\n\n  public deactivate(): void {\n    this._ripple?.deactivate();\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IRippleAdapter } from './ripple-adapter';\n\nexport interface IRippleFoundation extends ICustomElementFoundation {\n  target: string;\n  unbounded: boolean;\n  layout(): void;\n  activate(): void;\n  deactivate(): void;\n}\n\nexport class RippleFoundation implements IRippleFoundation {\n  private _target: string;\n  private _unbounded = false;\n\n  constructor(private _adapter: IRippleAdapter) {}\n\n  public initialize(): void {\n    this._adapter.initialize(this._target, this._unbounded);\n  }\n\n  public disconnect(): void {\n    this._adapter.destroy();\n  }\n\n  public layout(): void {\n    this._applyTarget();\n  }\n\n  public activate(): void {\n    this._adapter.activate();\n  }\n\n  public deactivate(): void {\n    this._adapter.deactivate();\n  }\n\n  private _applyTarget(): void {\n    this._adapter.destroy();\n    this._adapter.initialize(this._target, this._unbounded);\n  }\n\n  public get target(): string {\n    return this._target;\n  }\n  public set target(value: string) {\n    if (this._target !== value) {\n      this._target = value;\n      this._applyTarget();\n    }\n  }\n\n  public get unbounded(): boolean {\n    return this._unbounded;\n  }\n  public set unbounded(value: boolean) {\n    if (this._unbounded !== value) {\n      this._unbounded = value;\n      this._applyTarget();\n    }\n  }\n}\n", "import { coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { RippleAdapter } from './ripple-adapter';\nimport { RIPPLE_CONSTANTS } from './ripple-constants';\nimport { RippleFoundation } from './ripple-foundation';\n\nexport interface IRippleComponent extends IBaseComponent {\n  target: string;\n  unbounded: boolean;\n  layout(): void;\n  activate(): void;\n  deactivate(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-ripple': IRippleComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-ripple>` custom element.\n * \n * @tag forge-ripple\n */\n@CustomElement({\n  name: RIPPLE_CONSTANTS.elementName\n})\nexport class RippleComponent extends BaseComponent implements IRippleComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      RIPPLE_CONSTANTS.attributes.TARGET,\n      RIPPLE_CONSTANTS.attributes.UNBOUNDED\n    ];\n  }\n\n  private _foundation: RippleFoundation;\n\n  constructor() {\n    super();\n    this._foundation = new RippleFoundation(new RippleAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case RIPPLE_CONSTANTS.attributes.TARGET:\n        this.target = newValue;\n        break;\n      case RIPPLE_CONSTANTS.attributes.UNBOUNDED:\n        this.unbounded = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  public layout(): void {\n    this._foundation.layout();\n  }\n\n  public activate(): void {\n    return this._foundation.activate();\n  }\n\n  public deactivate(): void {\n    return this._foundation.deactivate();\n  }\n\n  @FoundationProperty()\n  public declare target: string;\n\n  @FoundationProperty()\n  public declare unbounded: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { RippleComponent } from './ripple';\n\nexport * from './ripple-adapter';\nexport * from './ripple-constants';\nexport * from './ripple-foundation';\nexport * from './ripple';\nexport * from './forge-ripple';\n\nexport function defineRippleComponent(): void {\n  defineCustomElement(RippleComponent);\n}\n"],
+  "mappings": "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",
+  "names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "attributes", "RIPPLE_CONSTANTS", "ForgeRipple", "MDCRipple", "ForgeRippleFoundation", "MDCRippleFoundation", "RippleAdapter", "_component", "target", "unbounded", "ForgeRipple", "addClass", "RIPPLE_CONSTANTS", "removeClass", "_a", "RippleFoundation", "_adapter", "value", "RippleComponent", "BaseComponent", "RippleFoundation", "RippleAdapter", "RIPPLE_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "defineRippleComponent", "defineCustomElement", "RippleComponent"]
+}

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{a as e}from"./chunk.WFOTCL2T.js";import{b as E}from"./chunk.F44B5HVQ.js";import{a as g}from"./chunk.WMGXMDNO.js";import{b as f}from"./chunk.KZJYLYWN.js";import{a as b}from"./chunk.BESB4RGK.js";import{a as d,d as h}from"./chunk.CP3RUPXU.js";import{a as u,i as _,l as m}from"./chunk.RX7IOKBK.js";import{f as r,m as c,t as p}from"./chunk.4LA6HEA7.js";import{k as s,l as a}from"./chunk.J2M2MXP2.js";import{f as l}from"./chunk.MCIQXNKY.js";var o=class extends m{constructor(){super();this._toggle=!1;this._isOn=!1;this._dense=!1;this._densityLevel=5}static get observedAttributes(){return[e.attributes.IS_ON,e.attributes.DENSE,e.attributes.DENSITY_LEVEL,e.attributes.TOGGLE]}connectedCallback(){this.querySelector(e.selectors.BUTTON)?this._initialize():c(this,e.selectors.BUTTON).then(()=>this._initialize())}disconnectedCallback(){typeof this._destroyUserInteractionListener=="function"&&(this._destroyUserInteractionListener(),this._destroyUserInteractionListener=void 0),this._buttonAttrMutationObserver&&this._buttonAttrMutationObserver.disconnect(),this._rippleInstance&&this._rippleInstance.destroy()}attributeChangedCallback(t,n,i){switch(t){case e.attributes.IS_ON:this.isOn=s(i);break;case e.attributes.DENSE:this.dense=s(i);break;case e.attributes.DENSITY_LEVEL:this.densityLevel=a(i);break;case e.attributes.TOGGLE:this.toggle=s(i);break}}get toggle(){return this._toggle}set toggle(t){this._toggle=t,this._toggle?this._initializeToggle():this._destroyToggle()}get isOn(){return this._isOn}set isOn(t){this._isOn!==t&&(this._isOn=t,this._applyToggle())}get dense(){return this._dense}set dense(t){this._dense!==t&&(this._dense=t,this._applyDensity())}get densityLevel(){return this._densityLevel}set densityLevel(t){this._densityLevel!==t&&(this._densityLevel=t,this._densityLevel<=0?this._densityLevel=1:this._densityLevel>6?this._densityLevel=6:typeof this._densityLevel!="number"&&(this._densityLevel=5),this._applyDensity())}_initialize(){this._buttonElement=this.querySelector(e.selectors.BUTTON),this._buttonElement&&(this._buttonElement.classList.add(e.classes.BUTTON),this._applyToggle(),this._applyDensity(),this._toggleHandler=()=>{this._toggleValue(),_(this,e.events.CHANGE,this._isOn,!0)},this._buttonAttrMutationObserver=new MutationObserver(t=>{var n;t.some(i=>i.attributeName==="disabled")&&this._buttonElement.hasAttribute("disabled")&&((n=this._rippleInstance)==null||n.handleBlur())}),this._buttonAttrMutationObserver.observe(this._buttonElement,{attributes:!0,attributeFilter:["disabled"]}),this._toggle&&this._initializeToggle(),this._deferRippleInitialization())}async _deferRippleInitialization(){typeof this._destroyUserInteractionListener=="function"&&this._destroyUserInteractionListener();let{userInteraction:t,destroy:n}=f(this._buttonElement);this._destroyUserInteractionListener=n;let{type:i}=await t;this._destroyUserInteractionListener=void 0,this.isConnected&&(this._rippleInstance=this._createRipple(),i==="focusin"&&this._rippleInstance.handleFocus())}_createRipple(){this._rippleInstance&&this._rippleInstance.destroy();let t=new E(this._buttonElement);return t.unbounded=!0,t}_toggleValue(){this._isOn=!this._isOn,this._applyToggle()}_applyToggle(){!this._buttonElement||(p(this._buttonElement,this._isOn,e.classes.BUTTON_ON),this._toggle&&this._buttonElement.setAttribute("aria-pressed",`${this._isOn}`))}_applyDensity(){if(!!this._buttonElement){if(e.classes.DENSITY.forEach(t=>this._buttonElement.classList.remove(t)),this._dense){if(this.setAttribute(e.attributes.DENSE,""),this._buttonElement.classList.add(e.classes.BUTTON_DENSE),this._densityLevel<7&&this._densityLevel>0&&this.densityLevel!==5){let t=e.classes.DENSITY[this._densityLevel-1];this._buttonElement.classList.add(t),this.setAttribute(e.attributes.DENSITY_LEVEL,this._densityLevel.toString())}}else this.removeAttribute(e.attributes.DENSE),this._buttonElement.classList.remove(e.classes.BUTTON_DENSE);this._rippleInstance&&this._rippleInstance.layout()}}_initializeToggle(){if(!this._buttonElement)return;let t=Array.from(this._buttonElement.querySelectorAll(e.selectors.ICON));if(t.length!==2){console.error('You must specify two icons, one for "on" and one for "off".');return}if(t.forEach(n=>n.classList.add(e.classes.ICON)),!t.some(n=>n.classList.contains(e.classes.ICON_ON))){let n=t.find(i=>i.hasAttribute(e.attributes.ICON_ON));n?n.classList.add(e.classes.ICON_ON):t[0].classList.add(e.classes.ICON_ON)}this._buttonElement.addEventListener("click",this._toggleHandler),window.requestAnimationFrame(()=>{this._isOn&&(this._buttonElement.classList.add(e.classes.BUTTON_ON),this._buttonElement.setAttribute("aria-pressed",`${this._isOn}`))})}_destroyToggle(){!this._buttonElement||this._buttonElement.removeEventListener("click",this._toggleHandler)}layout(){this._rippleInstance&&this._rippleInstance.layout()}};o=l([d({name:e.elementName})],o);var v=class extends b{constructor(t){super(t)}_build(){var n;let t=document.createElement(e.elementName);if(this._buttonElement=document.createElement("button"),this._buttonElement.type="button",t.appendChild(this._buttonElement),(n=this._config.options)!=null&&n.tooltip){let i=document.createElement("forge-tooltip");i.textContent=this._config.options.tooltip,this._config.options.tooltipPosition&&(i.position=this._config.options.tooltipPosition),t.appendChild(i)}return t}get iconElement(){return this._iconElement}get disabled(){return!!this._buttonElement.disabled}set disabled(t){this._buttonElement.disabled=t}get butttonElement(){return this._buttonElement}get buttonElement(){return this._buttonElement}_configure(){this._configureIcon()}_configureIcon(){var n,i;if(!((n=this._config.options)!=null&&n.iconName))return;switch(((i=this._config.options)==null?void 0:i.iconType)||"component"){case"font":let C=Array.isArray(this._config.options.iconClass)?this._config.options.iconClass:[h];r(C,this._buttonElement),this._buttonElement.textContent=this._config.options.iconName;break;case"component":this._iconElement=document.createElement(g.elementName),this._iconElement.name=this._config.options.iconName,this._config.options.iconExternal!==void 0&&(this._iconElement.external=!!this._config.options.iconExternal),this._config.options.iconExternalType&&(this._iconElement.externalType=this._config.options.iconExternalType),this._config.options.iconClass&&r(this._config.options.iconClass,this._iconElement),this._buttonElement.appendChild(this._iconElement);break}}onClick(t){this._buttonElement.addEventListener("click",t)}onFocus(t){this._buttonElement.addEventListener("focus",n=>t(n))}onBlur(t){this._buttonElement.addEventListener("blur",n=>t(n))}};function w(){u(o)}export{o as a,v as b,w as c};
+//# sourceMappingURL=chunk.F4V3I2N6.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/icon-button/icon-button.ts", "../../src/icon-button/icon-button-component-delegate.ts", "../../src/icon-button/index.ts"],
+  "sourcesContent": ["import { coerceBoolean, coerceNumber, CustomElement, emitEvent, ensureChild, toggleClass } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ForgeRipple } from '../ripple';\nimport { createUserInteractionListener } from '../core/utils';\nimport { ICON_BUTTON_CONSTANTS } from './icon-button-constants';\n\nexport interface IIconButtonComponent extends IBaseComponent {\n  toggle: boolean;\n  isOn: boolean;\n  dense: boolean;\n  densityLevel: number;\n  layout(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-icon-button': IIconButtonComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-icon-button-change': CustomEvent<boolean>;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-icon-button>` element.\n * \n * @tag forge-icon-button\n */\n@CustomElement({\n  name: ICON_BUTTON_CONSTANTS.elementName\n})\nexport class IconButtonComponent extends BaseComponent implements IIconButtonComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      ICON_BUTTON_CONSTANTS.attributes.IS_ON,\n      ICON_BUTTON_CONSTANTS.attributes.DENSE,\n      ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL,\n      ICON_BUTTON_CONSTANTS.attributes.TOGGLE\n    ];\n  }\n\n  private _rippleInstance: ForgeRipple;\n  private _buttonElement: HTMLButtonElement;\n  private _toggle = false;\n  private _isOn = false;\n  private _dense = false;\n  private _densityLevel = 5;\n  private _toggleHandler: (event: Event) => void;\n  private _buttonAttrMutationObserver: MutationObserver;\n  private _destroyUserInteractionListener: (() => void) | undefined;\n\n  constructor() {\n    super();\n  }\n\n  public connectedCallback(): void {\n    if (this.querySelector(ICON_BUTTON_CONSTANTS.selectors.BUTTON)) {\n      this._initialize();\n    } else {\n      ensureChild(this, ICON_BUTTON_CONSTANTS.selectors.BUTTON).then(() => this._initialize());\n    }\n  }\n\n  public disconnectedCallback(): void {\n    if (typeof this._destroyUserInteractionListener === 'function') {\n      this._destroyUserInteractionListener();\n      this._destroyUserInteractionListener = undefined;\n    }\n\n    if (this._buttonAttrMutationObserver) {\n      this._buttonAttrMutationObserver.disconnect();\n    }\n\n    if (this._rippleInstance) {\n      this._rippleInstance.destroy();\n    }\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case ICON_BUTTON_CONSTANTS.attributes.IS_ON:\n        this.isOn = coerceBoolean(newValue);\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.DENSE:\n        this.dense = coerceBoolean(newValue);\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL:\n        this.densityLevel = coerceNumber(newValue);\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.TOGGLE:\n        this.toggle = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  /** Gets/sets whether the button is togglable. */\n  public get toggle(): boolean {\n    return this._toggle;\n  }\n  public set toggle(value: boolean) {\n    this._toggle = value;\n\n    if (this._toggle) {\n      this._initializeToggle();\n    } else {\n      this._destroyToggle();\n    }\n  }\n\n  /** Gets/sets the toggled state of the icon button. Only applies when `toggle = true`. */\n  public get isOn(): boolean {\n    return this._isOn;\n  }\n  public set isOn(value: boolean) {\n    if (this._isOn !== value) {\n      this._isOn = value;\n      this._applyToggle();\n    }\n  }\n\n  /** Gets/sets whether the icon button is dense. */\n  public get dense(): boolean {\n    return this._dense;\n  }\n  public set dense(value: boolean) {\n    if (this._dense !== value) {\n      this._dense = value;\n      this._applyDensity();\n    }\n  }\n\n  /** Controls the density level. 1 (least dense) to 6 (most dense). */\n  public get densityLevel(): number {\n    return this._densityLevel;\n  }\n  public set densityLevel(value: number) {\n    if (this._densityLevel !== value) {\n      this._densityLevel = value;\n\n      if (this._densityLevel <= 0) {\n        this._densityLevel = 1;\n      } else if (this._densityLevel > 6) {\n        this._densityLevel = 6;\n      } else if (typeof this._densityLevel !== 'number') {\n        this._densityLevel = 5;\n      }\n\n      this._applyDensity();\n    }\n  }\n\n  private _initialize(): void {\n    this._buttonElement = this.querySelector(ICON_BUTTON_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\n    if (!this._buttonElement) {\n      return;\n    }\n\n    this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON);\n    this._applyToggle();\n    this._applyDensity();\n    this._toggleHandler = () => {\n      this._toggleValue();\n      emitEvent(this, ICON_BUTTON_CONSTANTS.events.CHANGE, this._isOn, true);\n    };\n\n    // Watch attributes on the `<button>` element\n    this._buttonAttrMutationObserver = new MutationObserver(mutationList => {\n      if (mutationList.some(mutation => mutation.attributeName === 'disabled')) {\n        if (this._buttonElement.hasAttribute('disabled')) {\n          this._rippleInstance?.handleBlur();\n        }\n      }\n    });\n    this._buttonAttrMutationObserver.observe(this._buttonElement, { attributes: true, attributeFilter: ['disabled'] });\n    \n    if (this._toggle) {\n      this._initializeToggle();\n    }\n\n    // We wait to initialize the ripple instance until the user interacts with the component to avoid unnecessary performance overhead\n    this._deferRippleInitialization();\n  }\n\n  private async _deferRippleInitialization(): Promise<void> {\n    if (typeof this._destroyUserInteractionListener === 'function') {\n      this._destroyUserInteractionListener();\n    }\n    \n    const { userInteraction, destroy } = createUserInteractionListener(this._buttonElement);\n    this._destroyUserInteractionListener = destroy;\n    const { type } = await userInteraction;\n    this._destroyUserInteractionListener = undefined;\n\n    if (!this.isConnected) {\n      return;\n    }\n\n    this._rippleInstance = this._createRipple();\n    if (type === 'focusin') {\n      this._rippleInstance.handleFocus();\n    }\n  }\n\n  private _createRipple(): ForgeRipple {\n    if (this._rippleInstance) {\n      this._rippleInstance.destroy();\n    }\n    const ripple = new ForgeRipple(this._buttonElement);\n    ripple.unbounded = true;\n    return ripple;\n  }\n\n  private _toggleValue(): void {\n    this._isOn = !this._isOn;\n    this._applyToggle();\n  }\n\n  private _applyToggle(): void {\n    if (!this._buttonElement) {\n      return;\n    }\n    toggleClass(this._buttonElement, this._isOn, ICON_BUTTON_CONSTANTS.classes.BUTTON_ON);\n    if (this._toggle) {\n      this._buttonElement.setAttribute('aria-pressed', `${this._isOn}`);\n    }\n  }\n\n  private _applyDensity(): void {\n    if (!this._buttonElement) {\n      return;\n    }\n\n    // Remove all other density classes first\n    ICON_BUTTON_CONSTANTS.classes.DENSITY.forEach(c => this._buttonElement.classList.remove(c));\n\n    if (this._dense) {\n      this.setAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSE, '');\n      this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON_DENSE);\n\n      // 5 is the default density level (we apply 5 implicitly in the regular dense class)\n      // Exclude 5 since its already covered by dense class\n      if (this._densityLevel < 7 && this._densityLevel > 0 && this.densityLevel !== 5) {\n        const densityLevelClass = ICON_BUTTON_CONSTANTS.classes.DENSITY[this._densityLevel - 1];\n        this._buttonElement.classList.add(densityLevelClass);\n        this.setAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL, this._densityLevel.toString());\n      }\n    } else {\n      this.removeAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSE);\n      this._buttonElement.classList.remove(ICON_BUTTON_CONSTANTS.classes.BUTTON_DENSE);\n    }\n\n    // re-layout the ripple for cases where dense was changed after initial layout\n    if (this._rippleInstance) {\n      this._rippleInstance.layout();\n    }\n  }\n\n  private _initializeToggle(): void {\n    if (!this._buttonElement) {\n      return;\n    }\n    const icons = Array.from(this._buttonElement.querySelectorAll(ICON_BUTTON_CONSTANTS.selectors.ICON));\n\n    // We require two icon/image elements to be specified for the \"on\" and \"off\" states\n    if (icons.length !== 2) {\n      console.error('You must specify two icons, one for \"on\" and one for \"off\".');\n      return;\n    }\n\n    // Add the icon class to each icon\n    icons.forEach(icon => icon.classList.add(ICON_BUTTON_CONSTANTS.classes.ICON));\n\n    // If there are no icons that specify the \"on\" class, then automatically choose the first icon as the \"on\" icon and add the class,\n    // alternatively we check for the existence of a `forge-icon-button-on` attribute on any of the icons and use that.\n    if (!icons.some(icon => icon.classList.contains(ICON_BUTTON_CONSTANTS.classes.ICON_ON))) {\n      const requestedOnIcon = icons.find(icon => icon.hasAttribute(ICON_BUTTON_CONSTANTS.attributes.ICON_ON));\n      if (requestedOnIcon) {\n        requestedOnIcon.classList.add(ICON_BUTTON_CONSTANTS.classes.ICON_ON);\n      } else {\n        icons[0].classList.add(ICON_BUTTON_CONSTANTS.classes.ICON_ON);\n      }\n    }\n\n    this._buttonElement.addEventListener('click', this._toggleHandler);\n\n    // Wait a frame to ensure the value of the `on` property has been set\n    window.requestAnimationFrame(() => {\n      if (this._isOn) {\n        this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON_ON);\n        this._buttonElement.setAttribute('aria-pressed', `${this._isOn}`);\n      }\n    });\n  }\n\n  private _destroyToggle(): void {\n    if (!this._buttonElement) {\n      return;\n    }\n    this._buttonElement.removeEventListener('click', this._toggleHandler);\n  }\n\n  public layout(): void {\n    if (this._rippleInstance) {\n      this._rippleInstance.layout();\n    }\n  }\n}\n", "import { addClass } from '@tylertech/forge-core';\nimport { IconExternalType, ICON_CONSTANTS, IIconComponent } from '../icon';\nimport { ICON_CLASS_NAME } from '../constants';\nimport { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';\nimport { IIconButtonComponent } from './icon-button';\nimport { ICON_BUTTON_CONSTANTS } from './icon-button-constants';\nimport { PopupPlacement } from '../popup';\n\nexport type IconButtonComponentDelegateProps = Partial<IIconButtonComponent>;\nexport interface IIconButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {\n  iconName?: string;\n  iconExternal?: boolean;\n  iconExternalType?: IconExternalType;\n  iconType?: 'font' | 'component';\n  iconClass?: string | string[];\n  tooltip?: string;\n  tooltipPosition?: PopupPlacement;\n}\nexport interface IIconButtonComponentDelegateConfig extends IBaseComponentDelegateConfig<IIconButtonComponent, IIconButtonComponentDelegateOptions> {}\n\nexport class IconButtonComponentDelegate extends BaseComponentDelegate<IIconButtonComponent, IIconButtonComponentDelegateOptions> {\n  private _buttonElement: HTMLButtonElement;\n  private _iconElement?: IIconComponent;\n\n  constructor(config?: IIconButtonComponentDelegateConfig) {\n    super(config);\n  }\n\n  protected _build(): IIconButtonComponent {\n    const component = document.createElement(ICON_BUTTON_CONSTANTS.elementName);\n    this._buttonElement = document.createElement('button');\n    this._buttonElement.type = 'button';\n    component.appendChild(this._buttonElement);\n\n    if (this._config.options?.tooltip) {\n      const tooltip = document.createElement('forge-tooltip');\n      tooltip.textContent = this._config.options.tooltip;\n      \n      if (this._config.options.tooltipPosition) {\n        tooltip.position = this._config.options.tooltipPosition;\n      }\n\n      component.appendChild(tooltip);\n    }\n\n    return component;\n  }\n\n  public get iconElement(): IIconComponent | undefined {\n    return this._iconElement;\n  }\n\n  public get disabled(): boolean {\n    return !!this._buttonElement.disabled;\n  }\n  public set disabled(value: boolean) {\n    this._buttonElement.disabled = value;\n  }\n\n  /** @deprecated Use buttonElement instead. */\n  public get butttonElement(): HTMLButtonElement | undefined {\n    return this._buttonElement;\n  }\n\n  public get buttonElement(): HTMLButtonElement | undefined {\n    return this._buttonElement;\n  }\n\n  protected _configure(): void {\n    this._configureIcon();\n  }\n\n  private _configureIcon(): void {\n    if (!this._config.options?.iconName) {\n      return;\n    }\n\n    const type = this._config.options?.iconType || 'component';\n\n    switch (type) {\n      case 'font':\n        const classes = Array.isArray(this._config.options.iconClass) ? this._config.options.iconClass : [ICON_CLASS_NAME];\n        addClass(classes, this._buttonElement);\n        this._buttonElement.textContent = this._config.options.iconName;\n        break;\n      case 'component':\n        this._iconElement = document.createElement(ICON_CONSTANTS.elementName);\n        this._iconElement.name = this._config.options.iconName;\n        if (this._config.options.iconExternal !== undefined) {\n          this._iconElement.external = !!this._config.options.iconExternal;\n        }\n        if (this._config.options.iconExternalType) {\n          this._iconElement.externalType = this._config.options.iconExternalType;\n        }\n        if (this._config.options.iconClass) {\n          addClass(this._config.options.iconClass, this._iconElement);\n        }\n        this._buttonElement.appendChild(this._iconElement);\n        break;\n    }\n  }\n\n  public onClick(listener: (evt: MouseEvent) => void): void {\n    this._buttonElement.addEventListener('click', listener);\n  }\n\n  public onFocus(listener: (evt: Event) => void): void {\n    this._buttonElement.addEventListener('focus', evt => listener(evt));\n  }\n\n  public onBlur(listener: (evt: Event) => void): void {\n    this._buttonElement.addEventListener('blur', evt => listener(evt));\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { IconButtonComponent } from './icon-button';\n\nexport * from './icon-button-constants';\nexport * from './icon-button';\nexport * from './icon-button-component-delegate';\n\nexport function defineIconButtonComponent(): void {\n  defineCustomElement(IconButtonComponent);\n}\n"],
+  "mappings": "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",
+  "names": ["IconButtonComponent", "BaseComponent", "ICON_BUTTON_CONSTANTS", "ensureChild", "name", "oldValue", "newValue", "coerceBoolean", "coerceNumber", "value", "emitEvent", "mutationList", "_a", "mutation", "userInteraction", "destroy", "createUserInteractionListener", "type", "ripple", "ForgeRipple", "toggleClass", "c", "densityLevelClass", "icons", "icon", "requestedOnIcon", "__decorateClass", "CustomElement", "IconButtonComponentDelegate", "BaseComponentDelegate", "config", "_a", "component", "ICON_BUTTON_CONSTANTS", "tooltip", "value", "_b", "classes", "ICON_CLASS_NAME", "addClass", "ICON_CONSTANTS", "listener", "evt", "defineIconButtonComponent", "defineCustomElement", "IconButtonComponent"]
+}

package/dist/esm/chunks/{chunk.42QTJZSF.js → chunk.FHVUINRK.js}

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

package/dist/esm/chunks/{chunk.44WDRTRR.js → chunk.FYRB5HEB.js}

@@ -3,5 +3,5 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{a as v}from"./chunk.PADHAJLS.js";import{a as S}from"./chunk.6YPD6CQM.js";import{a as h}from"./chunk.4DAIIJ37.js";import{a as A}from"./chunk.3C44DXZ2.js";import{a as M}from"./chunk.3IXTRC6Z.js";import{b as y}from"./chunk.QOA2O575.js";import{f as L,v as C,w as b}from"./chunk.4LA6HEA7.js";import{i as I}from"./chunk.J2M2MXP2.js";import{a as O,b as N}from"./chunk.MCIQXNKY.js";var c=`${y}calendar`,Y={ALLOW_SINGLE_DATE_RANGE:"allow-single-date-range",CLEAR_BUTTON:"clear-button",CONSTRAIN_TO_ENABLED:"constrain-to-enabled",FIRST_DAY_OF_WEEK:"first-day-of-week",FIXED_HEIGHT:"static-height",LIST_YEARS:"list-years",LOCALE:"locale",MAX:"max",MENU_ANIMATION:"menu-animation",MIN:"min",MODE:"mode",MONTH:"month",PREVENT_FOCUS:"prevent-focus",READONLY:"readonly",SELECTION_FOLLOWS_MONTH:"selection-follows-month",SHOW_HEADER:"show-header",SHOW_OTHER_MONTHS:"show-other-months",SHOW_TODAY:"show-today",TODAY_BUTTON:"today-button",VIEW:"view",YEAR:"year",YEAR_RANGE:"year-range"},W=N(O({},Y),{DATA_DATE:"data-date",DATA_EVENT_THEME:"data-event-theme",POPUP_CONTEXT:"forge-popup-context"}),E={ALLOW_SINGLE_DATE_RANGE:"forge-calendar--allow-single-date-range",DATE:"forge-calendar__date",DATE_GRID:"forge-calendar__date-grid",DATE_INNER:"forge-calendar__date__inner",DATE_OTHER_MONTH:"forge-calendar__date--other-month",DATE_SPACER:"forge-calendar__date-spacer",DATE_SELECTED:"forge-calendar__date--selected",DATE_TODAY:"forge-calendar__date--today",DATE_VIEW:"forge-calendar__date-view",DATE_VIEW_ROW:"forge-calendar__date-view__row",DATE_WRAPPER:"forge-calendar__date-wrapper",DAY:"forge-calendar__day",EVENT:"forge-calendar__event",EVENT_OVERFLOW:"forge-calendar__event--overflow",EVENT_WRAPPER:"forge-calendar__event__wrapper",FIXED_HEIGHT:"forge-calendar--fixed-height",FOOTER:"forge-calendar__footer",HEADER:"forge-calendar__header",MDC_RIPPLE_UPGRADED_FOCUSED:"mdc-ripple-upgraded--background-focused",MONTH_MENU_OPEN:"forge-calendar--month-menu-open",PREVENT_FOCUS:"forge-calendar--prevent-focus",RANGE:"forge-calendar__range",RANGE_END:"forge-calendar__range--end",RANGE_START:"forge-calendar__range--start",RANGE_TARGET:"forge-calendar__range__target",READONLY:"forge-calendar--readonly",RTL:"forge-calendar--rtl",SHOW_OTHER_MONTHS:"forge-calendar--show-other-months",SHOW_TODAY:"forge-calendar--show-today",VIEW:"forge-calendar__view",YEAR_MENU_OPEN:"forge-calendar--year-menu-open"},d={ACCESSIBLE_HEADER:"accessible-header",ACCESSIBLE_MONTH:"accessible-month",ACCESSIBLE_YEAR:"accessible-year",CLEAR_BUTTON:"clear-button",DATE_GRID:"date-grid",DATE_VIEW:"date-view",DAY_ROW:"day-row",FOOTER:"footer",HEADER:"header",MENU:"menu",MONTH_BUTTON:"month-button",NEXT_BUTTON:"next-button",NEXT_BUTTON_TOOLTIP:"next-button-tooltip",PREVIOUS_BUTTON:"previous-button",PREVIOUS_BUTTON_TOOLTIP:"previous-button-tooltip",TODAY_BUTTON:"today-button",YEAR_BUTTON:"year-button"},V={SUNDAY:"sunday",MONDAY:"monday",TUESDAY:"tuesday",WEDNESDAY:"wednesday",THURSDAY:"thursday",FRIDAY:"friday",SATURDAY:"saturday"},G=N(O({},V),{CLEAR_BUTTON:"clear-button",DATE:"date",DATE_OTHER_MONTH:"date-other-month",DATE_VIEW:"date-view",DATE_WRAPPER:"date-wrapper",DAY:"day",EVENT:"event",EVENT_WRAPPER:"event-wrapper",FOOTER:"footer",HEADER:"header",MONTH_BUTTON:"month-button",MONTH_BUTTON_ELEMENT:"month-button-element",NEXT_BUTTON:"next-button",PREVIOUS_BUTTON:"previous-button",RANGE:"range",RANGE_END:"range-end",RANGE_START:"range-start",TODAY:"today",TODAY_BUTTON:"today-button",WEEKEND:"weekend",YEAR_BUTTON:"year-button",YEAR_BUTTON_ELEMENT:"year-button-element"}),$={ACCESSIBLE_HEADER:`#${d.ACCESSIBLE_HEADER}`,ACCESSIBLE_MONTH:`#${d.ACCESSIBLE_MONTH}`,ACCESSIBLE_YEAR:`#${d.ACCESSIBLE_YEAR}`,CALENDAR:".forge-calendar",CLEAR_BUTTON:`#${d.CLEAR_BUTTON}`,DATE:`.${E.DATE}`,DATE_GRID:`#${d.DATE_GRID}`,DATE_INNER:`.${E.DATE_INNER}`,DATE_OTHER_MONTH:`.${E.DATE_OTHER_MONTH}`,DATE_SPACER:`.${E.DATE_SPACER}`,DATE_SELECTED:`.${E.DATE_SELECTED}`,DATE_TODAY:`.${E.DATE_TODAY}`,DATE_VIEW:`#${d.DATE_VIEW}`,DATE_WRAPPER:`.${E.DATE_WRAPPER}`,DAY_ROW:`#${d.DAY_ROW}`,EVENT_WRAPPER:`.${E.EVENT_WRAPPER}`,FOOTER:`#${d.FOOTER}`,HEADER:`#${d.HEADER}`,MENU:v.elementName,MONTH_BUTTON:`#${d.MONTH_BUTTON}`,NEXT_BUTTON:`#${d.NEXT_BUTTON}`,NEXT_BUTTON_TOOLTIP:`#${d.NEXT_BUTTON_TOOLTIP}`,PREVIOUS_BUTTON:`#${d.PREVIOUS_BUTTON}`,PREVIOUS_BUTTON_TOOLTIP:`#${d.PREVIOUS_BUTTON_TOOLTIP}`,RANGE:`.${E.RANGE}`,RANGE_END:`.${E.RANGE_END}`,RANGE_START:`.${E.RANGE_START}`,TODAY_BUTTON:`#${d.TODAY_BUTTON}`,TOOLTIP:M.elementName,VIEW:"#view",YEAR_BUTTON:`#${d.YEAR_BUTTON}`},k={DATE_SELECT:`${c}-date-select`,FOCUS_CHANGE:`${c}-focus-change`,MONTH_CHANGE:`${c}-month-change`,VIEW_CHANGE:`${c}-view-change`},F={DEFAULT_MAX_YEAR_OFFSET:50,DEFAULT_MIN_YEAR_OFFSET:50,FINAL_WEEK_BEGIN_INDEX:35,MONTH_LENGTH:42,PENULTIMATE_WEEK_BEGIN_INDEX:28,WEEK_LENGTH:7,YEARS_IN_VIEW:20},a={elementName:c,attributes:W,classes:E,ids:d,parts:G,selectors:$,events:k,numbers:F},f=(o=>(o[o.Sunday=0]="Sunday",o[o.Monday=1]="Monday",o[o.Tuesday=2]="Tuesday",o[o.Wednesday=3]="Wednesday",o[o.Thursday=4]="Thursday",o[o.Friday=5]="Friday",o[o.Saturday=6]="Saturday",o))(f||{}),z=(r=>(r[r.First=1]="First",r[r.Last=2]="Last",r[r.Current=3]="Current",r))(z||{});function R(t,n,e){return e||(e=navigator.language),new Date(2017,0,t+1).toLocaleString(e,{weekday:n})}function H(t,n,e){return e||(e=navigator.language),new Date(1970,0,t).toLocaleDateString(e,{day:n})}function P(t,n,e){return e||(e=navigator.language),new Date(1970,t,1).toLocaleString(e,{month:n})}function B(t,n,e){return e||(e=navigator.language),new Date(t,0,1).toLocaleDateString(e,{year:n})}function ne(t){t||(t=navigator.language);let n=t.match(/^([a-z]{2,3})(?:-([a-z]{3})(?=$|-))?(?:-([a-z]{4})(?=$|-))?(?:-([a-z]{2}|\d{3})(?=$|-))?/i);if(!n||!n.length)return 1;let e=n[1],r=n[4],i="AEAFBHDJDZEGIQIRJOKWLYOMQASDSY".match(/../g),s="AGARASAUBDBRBSBTBWBZCACNCODMDOETGTGUHKHNIDILINJMJPKEKHKRLAMHMMMOMTMXMZNINPPAPEPHPKPRPTPYSASGSVTHTTTWUMUSVEVIWSYEZAZW".match(/../g),l=["ar","arq","arz","fa"],o="amasbndzengnguhehiidjajvkmknkolomhmlmrmtmyneomorpapssdsmsnsutatethtnurzhzu".match(/../g);return r?s&&s.includes(r)?0:i&&i.includes(r)?6:1:o&&o.includes(e)?0:l&&l.includes(e)?6:1}function ae(t){switch(t||(t=navigator.language),t.split("-")[1]){case"DZ":case"BH":case"BD":case"EG":case"IQ":case"IL":case"JO":case"KW":case"LY":case"MV":case"MR":case"NP":case"OM":case"QA":case"SA":case"SD":case"SY":case"AE":case"YE":case"AF":case"IR":return[4,5];case"BN":return[0,5];default:return[0,6]}}function re(t){return t||(t=navigator.language),["ar","arc","ckb","dv","fa","ha","he","khw","ks","ps","sd","ur","uz-AF","yi"].some(e=>t?t.startsWith(e):!1)}function X(t){return`d${t}`}function _(t){let n=String(t.getMonth()).padStart(2,"0"),e=String(t.getDate()).padStart(2,"0"),r=t.getFullYear();return["d",r,n,e].join("")}function K(t){let n=String(t.getMonth()).padStart(2,"0"),e=String(t.getDate()).padStart(2,"0"),r=t.getFullYear();return["e",r,n,e].join("")}function ue(t,n){let e=document.createElement("div");return e.classList.add(a.classes.DAY),e.id=X(t),e.setAttribute("role","columnheader"),e.setAttribute("aria-label",R(t,"long",n)),e.setAttribute("part",a.parts.DAY),e.textContent=R(t,"short",n),e}function Te(t,n,e){var i;let r=document.createElement("div");return r.classList.add(a.classes.DATE_VIEW_ROW),r.setAttribute("role","row"),n>0&&!((i=t[0])!=null&&i.thisMonth)?(t.forEach(s=>r.appendChild(U(s.date))),r.setAttribute("aria-hidden","true")):t.forEach(s=>{let l=s.thisMonth||(e==null?void 0:e.showOtherMonths)?Z(s,e==null?void 0:e.locale):U(s.date);(s.thisMonth||(e==null?void 0:e.showOtherMonths))&&(e==null?void 0:e.builder)&&(l=e.builder(s,l)),r.appendChild(l)}),r}function Z(t,n){let e=document.createElement("div"),r=document.createElement("div"),i=document.createElement("div"),s=document.createElement("div"),l=t.date.getDay();e.id=_(t.date),e.tabIndex=-1,e.classList.add(a.classes.DATE),e.classList.toggle(a.classes.DATE_TODAY,t.today),e.classList.toggle(a.classes.DATE_SELECTED,t.selected),e.classList.toggle(a.classes.DATE_OTHER_MONTH,!t.thisMonth),e.setAttribute("role","gridcell"),e.setAttribute("aria-disabled",t.disabled.toString()),e.setAttribute("aria-label",`${t.today?"Today, ":""}${t.date.toLocaleDateString(n!=null?n:navigator.language,{weekday:"long",month:"long",day:"numeric",year:"numeric"})}`),e.setAttribute("aria-selected",t.selected.toString()),e.setAttribute(a.attributes.DATA_DATE,t.date.toDateString()),e.toggleAttribute("disabled",t.disabled),e.setAttribute("part",a.parts.DATE_WRAPPER);let o="";switch(l){case 0:o=a.parts.SUNDAY;break;case 1:o=a.parts.MONDAY;break;case 2:o=a.parts.TUESDAY;break;case 3:o=a.parts.WEDNESDAY;break;case 4:o=a.parts.THURSDAY;break;case 5:o=a.parts.FRIDAY;break;case 6:o=a.parts.SATURDAY;break}return b(i,"part",o),b(i,"part",a.parts.DATE),C(i,"part",a.parts.TODAY,t.today),C(i,"part",a.parts.DATE_OTHER_MONTH,!t.thisMonth),r.classList.add(a.classes.RANGE_TARGET),e.appendChild(r),i.textContent=H(t.date.getDate(),"numeric",n),i.classList.add(a.classes.DATE_INNER),e.appendChild(i),s.classList.add("mdc-ripple-surface"),e.appendChild(s),e}function U(t){let n=document.createElement("span");return n.classList.add(a.classes.DATE_SPACER),n.id=_(t),n}function pe(t){let n=document.createElement("div");return n.classList.add(a.classes.EVENT_WRAPPER),n.id=K(t),n.setAttribute("part",a.parts.EVENT_WRAPPER),n}function me(t,n){let e=document.createElement("forge-icon");if(e.classList.add(a.classes.EVENT),e.setAttribute("part",a.parts.EVENT),n)e.classList.add(a.classes.EVENT_OVERFLOW),e.name="add";else{let r='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" stroke="var(--forge-calendar-event-stroke-color)" stroke-width="4px" paint-order="stroke"></path></svg>';e.src=r,e.setAttribute(a.attributes.DATA_EVENT_THEME,t.color)}return e}function Ae(t){let n=document.createElement("forge-tooltip");return n.text=t,n.setAttribute("aria-hidden","true"),n}function _e(){let t=document.createElement("div");t.classList.add(a.classes.HEADER),t.id=a.ids.HEADER,t.setAttribute("part",a.parts.HEADER);let n=document.createElement("forge-icon-button"),e=document.createElement("button"),r=document.createElement("forge-icon"),i=document.createElement("forge-tooltip");n.setAttribute("part",a.parts.PREVIOUS_BUTTON),e.id=a.ids.PREVIOUS_BUTTON,e.type="button",e.setAttribute("aria-label","Previous"),r.setAttribute("name","keyboard_arrow_left"),i.id=a.ids.PREVIOUS_BUTTON_TOOLTIP,i.setAttribute("aria-hidden","true"),i.innerText="Previous",n.appendChild(e),n.appendChild(i),e.appendChild(r);let s=document.createElement("forge-icon-button"),l=document.createElement("button"),o=document.createElement("forge-icon"),u=document.createElement("forge-tooltip");s.setAttribute("part",a.parts.NEXT_BUTTON),l.id=a.ids.NEXT_BUTTON,l.type="button",l.setAttribute("aria-label","Next"),o.setAttribute("name","keyboard_arrow_right"),u.id=a.ids.NEXT_BUTTON_TOOLTIP,u.setAttribute("aria-hidden","true"),u.innerText="Next",s.appendChild(l),s.appendChild(u),l.appendChild(o);let g=document.createElement("forge-button"),T=document.createElement("button");g.setAttribute("part",a.parts.MONTH_BUTTON),T.id=a.ids.MONTH_BUTTON,T.type="button",T.setAttribute("aria-pressed","false"),g.appendChild(T);let D=document.createElement("forge-button"),p=document.createElement("button");D.setAttribute("part",a.parts.YEAR_BUTTON),p.id=a.ids.YEAR_BUTTON,p.type="button",p.setAttribute("aria-pressed","false"),D.appendChild(p);let m=document.createElement("div");return m.setAttribute("aria-live","polite"),m.appendChild(g),m.appendChild(D),t.appendChild(n),t.appendChild(m),t.appendChild(s),t}function ge(t,n){let e=document.createElement("span"),r=document.createElement("forge-icon");return e.innerHTML=P(t,"long",n),r.setAttribute("name","arrow_drop_down"),[e,r]}function De(t,n){let e=document.createElement("span"),r=document.createElement("forge-icon");return e.innerHTML=B(t,"numeric",n),r.setAttribute("name","arrow_drop_down"),[e,r]}function Oe(){let t=document.createElement("div");t.id=a.ids.ACCESSIBLE_HEADER,t.setAttribute("aria-live","polite");let n=document.createElement("span");n.id=a.ids.ACCESSIBLE_MONTH;let e=document.createElement("span");return e.id=a.ids.ACCESSIBLE_YEAR,t.appendChild(n),t.appendChild(e),t}function Ne(){let t=document.createElement("div");return t.id=a.ids.FOOTER,t.classList.add(a.classes.FOOTER),t.setAttribute("part",a.parts.FOOTER),t}function Ce(){let t=document.createElement("forge-button"),n=document.createElement("button");return t.id=a.ids.CLEAR_BUTTON,t.setAttribute("part",a.parts.CLEAR_BUTTON),n.type="button",n.innerText="Clear",t.appendChild(n),t}function be(){let t=document.createElement("forge-button"),n=document.createElement("button");return t.id=a.ids.TODAY_BUTTON,t.setAttribute("part",a.parts.TODAY_BUTTON),n.type="button",n.innerText="Today",t.appendChild(n),t}function he(t,n){let e=h(t).find(r=>r.classList&&r.classList.contains(a.classes.DATE));return!e||!n&&e.hasAttribute("disabled")?null:e}function fe(t,n){let e=h(t).find(r=>r.id===n);return e!=null?e:null}function Re(t,n,e,r){t.tabIndex=r?-1:n,t.classList.toggle(a.classes.MDC_RIPPLE_UPGRADED_FOCUSED,r&&n>-1),n>-1&&e&&!r?t.focus():t.blur()}var j={POPUP:"forge-calendar-dropdown__popup"},x={classes:j};var w=class{constructor(n,e){this._popupClasses=[];this.targetElement=n,this.id=e}get isOpen(){var n,e;return(e=(n=this.dropdownElement)==null?void 0:n.open)!=null?e:!1}get popupClasses(){return this._popupClasses}set popupClasses(n){this._popupClasses=n?I(n)?[...n]:[n]:[]}get locale(){var n;return(n=this.calendar)==null?void 0:n.locale}set locale(n){this.calendar&&(this.calendar.locale=n)}close(){!this.dropdownElement||(this.dropdownElement.open=!1,this.dropdownElement=void 0,this.calendar=void 0)}destroy(){this.close()}open(n){this.calendar=this._createCalendar(n),this._announcerElement=S(),this._announcerElement.id=`${this.id}-activedescendant`,this.dropdownElement=this._createDropdown(),this.dropdownElement.appendChild(this.calendar),this.dropdownElement.appendChild(this._announcerElement),this.dropdownElement.static=!0,this.calendar.addEventListener(a.events.FOCUS_CHANGE,e=>{var i;let r=`${this.id}-activedescendent-`;switch(e.detail.type){case"date":r+=_(e.detail.value);break;case"month":r+=`month-${e.detail.value.toString()}`;break;case"year":r+=`year-${e.detail.value.toString()}`;break}(i=this.activeChangeCallback)==null||i.call(this,r),this._announcerElement&&(this._announcerElement.id=r,this._announcerElement.setAttribute("aria-selected",e.detail.selected.toString()),this._announcerElement.textContent=e.detail.text)}),this.dropdownElement.open=!0,window.requestAnimationFrame(()=>{setTimeout(()=>{this.dropdownElement&&this.dropdownElement.open&&this.calendar&&this.calendar.isConnected&&this.calendar.layout()},A.numbers.ANIMATION_DURATION)})}propagateKeyboardEvent(n){var e;(e=this.calendar)==null||e.handleKey(n)}_createCalendar(n){let e=document.createElement(a.elementName);return Object.assign(e,n),e}_createDropdown(){let n=document.createElement(A.elementName);return n.targetElement=this.targetElement,n.placement="bottom-start",n.animationType="menu",n.classList.add(x.classes.POPUP),n.id=this.id,L(this._popupClasses,n),n.addEventListener(A.events.CLOSE,()=>{this.closeCallback&&this.closeCallback()}),n}};export{a,f as b,z as c,R as d,H as e,P as f,B as g,ne as h,ae as i,re as j,X as k,_ as l,K as m,ue as n,Te as o,Z as p,U as q,pe as r,me as s,Ae as t,_e as u,ge as v,De as w,Oe as x,Ne as y,Ce as z,be as A,he as B,fe as C,Re as D,x as E,w as F};
-//# sourceMappingURL=chunk.44WDRTRR.js.map
+import{a as v}from"./chunk.H453YDP7.js";import{a as S}from"./chunk.6YPD6CQM.js";import{a as h}from"./chunk.4DAIIJ37.js";import{a as A}from"./chunk.LWKEQQSZ.js";import{a as M}from"./chunk.NHG22ATF.js";import{b as y}from"./chunk.CP3RUPXU.js";import{f as L,v as C,w as b}from"./chunk.4LA6HEA7.js";import{i as I}from"./chunk.J2M2MXP2.js";import{a as O,b as N}from"./chunk.MCIQXNKY.js";var c=`${y}calendar`,Y={ALLOW_SINGLE_DATE_RANGE:"allow-single-date-range",CLEAR_BUTTON:"clear-button",CONSTRAIN_TO_ENABLED:"constrain-to-enabled",FIRST_DAY_OF_WEEK:"first-day-of-week",FIXED_HEIGHT:"static-height",LIST_YEARS:"list-years",LOCALE:"locale",MAX:"max",MENU_ANIMATION:"menu-animation",MIN:"min",MODE:"mode",MONTH:"month",PREVENT_FOCUS:"prevent-focus",READONLY:"readonly",SELECTION_FOLLOWS_MONTH:"selection-follows-month",SHOW_HEADER:"show-header",SHOW_OTHER_MONTHS:"show-other-months",SHOW_TODAY:"show-today",TODAY_BUTTON:"today-button",VIEW:"view",YEAR:"year",YEAR_RANGE:"year-range"},W=N(O({},Y),{DATA_DATE:"data-date",DATA_EVENT_THEME:"data-event-theme",POPUP_CONTEXT:"forge-popup-context"}),E={ALLOW_SINGLE_DATE_RANGE:"forge-calendar--allow-single-date-range",DATE:"forge-calendar__date",DATE_GRID:"forge-calendar__date-grid",DATE_INNER:"forge-calendar__date__inner",DATE_OTHER_MONTH:"forge-calendar__date--other-month",DATE_SPACER:"forge-calendar__date-spacer",DATE_SELECTED:"forge-calendar__date--selected",DATE_TODAY:"forge-calendar__date--today",DATE_VIEW:"forge-calendar__date-view",DATE_VIEW_ROW:"forge-calendar__date-view__row",DATE_WRAPPER:"forge-calendar__date-wrapper",DAY:"forge-calendar__day",EVENT:"forge-calendar__event",EVENT_OVERFLOW:"forge-calendar__event--overflow",EVENT_WRAPPER:"forge-calendar__event__wrapper",FIXED_HEIGHT:"forge-calendar--fixed-height",FOOTER:"forge-calendar__footer",HEADER:"forge-calendar__header",MDC_RIPPLE_UPGRADED_FOCUSED:"mdc-ripple-upgraded--background-focused",MONTH_MENU_OPEN:"forge-calendar--month-menu-open",PREVENT_FOCUS:"forge-calendar--prevent-focus",RANGE:"forge-calendar__range",RANGE_END:"forge-calendar__range--end",RANGE_START:"forge-calendar__range--start",RANGE_TARGET:"forge-calendar__range__target",READONLY:"forge-calendar--readonly",RTL:"forge-calendar--rtl",SHOW_OTHER_MONTHS:"forge-calendar--show-other-months",SHOW_TODAY:"forge-calendar--show-today",VIEW:"forge-calendar__view",YEAR_MENU_OPEN:"forge-calendar--year-menu-open"},d={ACCESSIBLE_HEADER:"accessible-header",ACCESSIBLE_MONTH:"accessible-month",ACCESSIBLE_YEAR:"accessible-year",CLEAR_BUTTON:"clear-button",DATE_GRID:"date-grid",DATE_VIEW:"date-view",DAY_ROW:"day-row",FOOTER:"footer",HEADER:"header",MENU:"menu",MONTH_BUTTON:"month-button",NEXT_BUTTON:"next-button",NEXT_BUTTON_TOOLTIP:"next-button-tooltip",PREVIOUS_BUTTON:"previous-button",PREVIOUS_BUTTON_TOOLTIP:"previous-button-tooltip",TODAY_BUTTON:"today-button",YEAR_BUTTON:"year-button"},V={SUNDAY:"sunday",MONDAY:"monday",TUESDAY:"tuesday",WEDNESDAY:"wednesday",THURSDAY:"thursday",FRIDAY:"friday",SATURDAY:"saturday"},G=N(O({},V),{CLEAR_BUTTON:"clear-button",DATE:"date",DATE_OTHER_MONTH:"date-other-month",DATE_VIEW:"date-view",DATE_WRAPPER:"date-wrapper",DAY:"day",EVENT:"event",EVENT_WRAPPER:"event-wrapper",FOOTER:"footer",HEADER:"header",MONTH_BUTTON:"month-button",MONTH_BUTTON_ELEMENT:"month-button-element",NEXT_BUTTON:"next-button",PREVIOUS_BUTTON:"previous-button",RANGE:"range",RANGE_END:"range-end",RANGE_START:"range-start",TODAY:"today",TODAY_BUTTON:"today-button",WEEKEND:"weekend",YEAR_BUTTON:"year-button",YEAR_BUTTON_ELEMENT:"year-button-element"}),$={ACCESSIBLE_HEADER:`#${d.ACCESSIBLE_HEADER}`,ACCESSIBLE_MONTH:`#${d.ACCESSIBLE_MONTH}`,ACCESSIBLE_YEAR:`#${d.ACCESSIBLE_YEAR}`,CALENDAR:".forge-calendar",CLEAR_BUTTON:`#${d.CLEAR_BUTTON}`,DATE:`.${E.DATE}`,DATE_GRID:`#${d.DATE_GRID}`,DATE_INNER:`.${E.DATE_INNER}`,DATE_OTHER_MONTH:`.${E.DATE_OTHER_MONTH}`,DATE_SPACER:`.${E.DATE_SPACER}`,DATE_SELECTED:`.${E.DATE_SELECTED}`,DATE_TODAY:`.${E.DATE_TODAY}`,DATE_VIEW:`#${d.DATE_VIEW}`,DATE_WRAPPER:`.${E.DATE_WRAPPER}`,DAY_ROW:`#${d.DAY_ROW}`,EVENT_WRAPPER:`.${E.EVENT_WRAPPER}`,FOOTER:`#${d.FOOTER}`,HEADER:`#${d.HEADER}`,MENU:v.elementName,MONTH_BUTTON:`#${d.MONTH_BUTTON}`,NEXT_BUTTON:`#${d.NEXT_BUTTON}`,NEXT_BUTTON_TOOLTIP:`#${d.NEXT_BUTTON_TOOLTIP}`,PREVIOUS_BUTTON:`#${d.PREVIOUS_BUTTON}`,PREVIOUS_BUTTON_TOOLTIP:`#${d.PREVIOUS_BUTTON_TOOLTIP}`,RANGE:`.${E.RANGE}`,RANGE_END:`.${E.RANGE_END}`,RANGE_START:`.${E.RANGE_START}`,TODAY_BUTTON:`#${d.TODAY_BUTTON}`,TOOLTIP:M.elementName,VIEW:"#view",YEAR_BUTTON:`#${d.YEAR_BUTTON}`},k={DATE_SELECT:`${c}-date-select`,FOCUS_CHANGE:`${c}-focus-change`,MONTH_CHANGE:`${c}-month-change`,VIEW_CHANGE:`${c}-view-change`},F={DEFAULT_MAX_YEAR_OFFSET:50,DEFAULT_MIN_YEAR_OFFSET:50,FINAL_WEEK_BEGIN_INDEX:35,MONTH_LENGTH:42,PENULTIMATE_WEEK_BEGIN_INDEX:28,WEEK_LENGTH:7,YEARS_IN_VIEW:20},a={elementName:c,attributes:W,classes:E,ids:d,parts:G,selectors:$,events:k,numbers:F},f=(o=>(o[o.Sunday=0]="Sunday",o[o.Monday=1]="Monday",o[o.Tuesday=2]="Tuesday",o[o.Wednesday=3]="Wednesday",o[o.Thursday=4]="Thursday",o[o.Friday=5]="Friday",o[o.Saturday=6]="Saturday",o))(f||{}),z=(r=>(r[r.First=1]="First",r[r.Last=2]="Last",r[r.Current=3]="Current",r))(z||{});function R(t,n,e){return e||(e=navigator.language),new Date(2017,0,t+1).toLocaleString(e,{weekday:n})}function H(t,n,e){return e||(e=navigator.language),new Date(1970,0,t).toLocaleDateString(e,{day:n})}function P(t,n,e){return e||(e=navigator.language),new Date(1970,t,1).toLocaleString(e,{month:n})}function B(t,n,e){return e||(e=navigator.language),new Date(t,0,1).toLocaleDateString(e,{year:n})}function ne(t){t||(t=navigator.language);let n=t.match(/^([a-z]{2,3})(?:-([a-z]{3})(?=$|-))?(?:-([a-z]{4})(?=$|-))?(?:-([a-z]{2}|\d{3})(?=$|-))?/i);if(!n||!n.length)return 1;let e=n[1],r=n[4],i="AEAFBHDJDZEGIQIRJOKWLYOMQASDSY".match(/../g),s="AGARASAUBDBRBSBTBWBZCACNCODMDOETGTGUHKHNIDILINJMJPKEKHKRLAMHMMMOMTMXMZNINPPAPEPHPKPRPTPYSASGSVTHTTTWUMUSVEVIWSYEZAZW".match(/../g),l=["ar","arq","arz","fa"],o="amasbndzengnguhehiidjajvkmknkolomhmlmrmtmyneomorpapssdsmsnsutatethtnurzhzu".match(/../g);return r?s&&s.includes(r)?0:i&&i.includes(r)?6:1:o&&o.includes(e)?0:l&&l.includes(e)?6:1}function ae(t){switch(t||(t=navigator.language),t.split("-")[1]){case"DZ":case"BH":case"BD":case"EG":case"IQ":case"IL":case"JO":case"KW":case"LY":case"MV":case"MR":case"NP":case"OM":case"QA":case"SA":case"SD":case"SY":case"AE":case"YE":case"AF":case"IR":return[4,5];case"BN":return[0,5];default:return[0,6]}}function re(t){return t||(t=navigator.language),["ar","arc","ckb","dv","fa","ha","he","khw","ks","ps","sd","ur","uz-AF","yi"].some(e=>t?t.startsWith(e):!1)}function X(t){return`d${t}`}function _(t){let n=String(t.getMonth()).padStart(2,"0"),e=String(t.getDate()).padStart(2,"0"),r=t.getFullYear();return["d",r,n,e].join("")}function K(t){let n=String(t.getMonth()).padStart(2,"0"),e=String(t.getDate()).padStart(2,"0"),r=t.getFullYear();return["e",r,n,e].join("")}function ue(t,n){let e=document.createElement("div");return e.classList.add(a.classes.DAY),e.id=X(t),e.setAttribute("role","columnheader"),e.setAttribute("aria-label",R(t,"long",n)),e.setAttribute("part",a.parts.DAY),e.textContent=R(t,"short",n),e}function Te(t,n,e){var i;let r=document.createElement("div");return r.classList.add(a.classes.DATE_VIEW_ROW),r.setAttribute("role","row"),n>0&&!((i=t[0])!=null&&i.thisMonth)?(t.forEach(s=>r.appendChild(U(s.date))),r.setAttribute("aria-hidden","true")):t.forEach(s=>{let l=s.thisMonth||(e==null?void 0:e.showOtherMonths)?Z(s,e==null?void 0:e.locale):U(s.date);(s.thisMonth||(e==null?void 0:e.showOtherMonths))&&(e==null?void 0:e.builder)&&(l=e.builder(s,l)),r.appendChild(l)}),r}function Z(t,n){let e=document.createElement("div"),r=document.createElement("div"),i=document.createElement("div"),s=document.createElement("div"),l=t.date.getDay();e.id=_(t.date),e.tabIndex=-1,e.classList.add(a.classes.DATE),e.classList.toggle(a.classes.DATE_TODAY,t.today),e.classList.toggle(a.classes.DATE_SELECTED,t.selected),e.classList.toggle(a.classes.DATE_OTHER_MONTH,!t.thisMonth),e.setAttribute("role","gridcell"),e.setAttribute("aria-disabled",t.disabled.toString()),e.setAttribute("aria-label",`${t.today?"Today, ":""}${t.date.toLocaleDateString(n!=null?n:navigator.language,{weekday:"long",month:"long",day:"numeric",year:"numeric"})}`),e.setAttribute("aria-selected",t.selected.toString()),e.setAttribute(a.attributes.DATA_DATE,t.date.toDateString()),e.toggleAttribute("disabled",t.disabled),e.setAttribute("part",a.parts.DATE_WRAPPER);let o="";switch(l){case 0:o=a.parts.SUNDAY;break;case 1:o=a.parts.MONDAY;break;case 2:o=a.parts.TUESDAY;break;case 3:o=a.parts.WEDNESDAY;break;case 4:o=a.parts.THURSDAY;break;case 5:o=a.parts.FRIDAY;break;case 6:o=a.parts.SATURDAY;break}return b(i,"part",o),b(i,"part",a.parts.DATE),C(i,"part",a.parts.TODAY,t.today),C(i,"part",a.parts.DATE_OTHER_MONTH,!t.thisMonth),r.classList.add(a.classes.RANGE_TARGET),e.appendChild(r),i.textContent=H(t.date.getDate(),"numeric",n),i.classList.add(a.classes.DATE_INNER),e.appendChild(i),s.classList.add("mdc-ripple-surface"),e.appendChild(s),e}function U(t){let n=document.createElement("span");return n.classList.add(a.classes.DATE_SPACER),n.id=_(t),n}function pe(t){let n=document.createElement("div");return n.classList.add(a.classes.EVENT_WRAPPER),n.id=K(t),n.setAttribute("part",a.parts.EVENT_WRAPPER),n}function me(t,n){let e=document.createElement("forge-icon");if(e.classList.add(a.classes.EVENT),e.setAttribute("part",a.parts.EVENT),n)e.classList.add(a.classes.EVENT_OVERFLOW),e.name="add";else{let r='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" stroke="var(--forge-calendar-event-stroke-color)" stroke-width="4px" paint-order="stroke"></path></svg>';e.src=r,e.setAttribute(a.attributes.DATA_EVENT_THEME,t.color)}return e}function Ae(t){let n=document.createElement("forge-tooltip");return n.text=t,n.setAttribute("aria-hidden","true"),n}function _e(){let t=document.createElement("div");t.classList.add(a.classes.HEADER),t.id=a.ids.HEADER,t.setAttribute("part",a.parts.HEADER);let n=document.createElement("forge-icon-button"),e=document.createElement("button"),r=document.createElement("forge-icon"),i=document.createElement("forge-tooltip");n.setAttribute("part",a.parts.PREVIOUS_BUTTON),e.id=a.ids.PREVIOUS_BUTTON,e.type="button",e.setAttribute("aria-label","Previous"),r.setAttribute("name","keyboard_arrow_left"),i.id=a.ids.PREVIOUS_BUTTON_TOOLTIP,i.setAttribute("aria-hidden","true"),i.innerText="Previous",n.appendChild(e),n.appendChild(i),e.appendChild(r);let s=document.createElement("forge-icon-button"),l=document.createElement("button"),o=document.createElement("forge-icon"),u=document.createElement("forge-tooltip");s.setAttribute("part",a.parts.NEXT_BUTTON),l.id=a.ids.NEXT_BUTTON,l.type="button",l.setAttribute("aria-label","Next"),o.setAttribute("name","keyboard_arrow_right"),u.id=a.ids.NEXT_BUTTON_TOOLTIP,u.setAttribute("aria-hidden","true"),u.innerText="Next",s.appendChild(l),s.appendChild(u),l.appendChild(o);let g=document.createElement("forge-button"),T=document.createElement("button");g.setAttribute("part",a.parts.MONTH_BUTTON),T.id=a.ids.MONTH_BUTTON,T.type="button",T.setAttribute("aria-pressed","false"),g.appendChild(T);let D=document.createElement("forge-button"),p=document.createElement("button");D.setAttribute("part",a.parts.YEAR_BUTTON),p.id=a.ids.YEAR_BUTTON,p.type="button",p.setAttribute("aria-pressed","false"),D.appendChild(p);let m=document.createElement("div");return m.setAttribute("aria-live","polite"),m.appendChild(g),m.appendChild(D),t.appendChild(n),t.appendChild(m),t.appendChild(s),t}function ge(t,n){let e=document.createElement("span"),r=document.createElement("forge-icon");return e.innerHTML=P(t,"long",n),r.setAttribute("name","arrow_drop_down"),[e,r]}function De(t,n){let e=document.createElement("span"),r=document.createElement("forge-icon");return e.innerHTML=B(t,"numeric",n),r.setAttribute("name","arrow_drop_down"),[e,r]}function Oe(){let t=document.createElement("div");t.id=a.ids.ACCESSIBLE_HEADER,t.setAttribute("aria-live","polite");let n=document.createElement("span");n.id=a.ids.ACCESSIBLE_MONTH;let e=document.createElement("span");return e.id=a.ids.ACCESSIBLE_YEAR,t.appendChild(n),t.appendChild(e),t}function Ne(){let t=document.createElement("div");return t.id=a.ids.FOOTER,t.classList.add(a.classes.FOOTER),t.setAttribute("part",a.parts.FOOTER),t}function Ce(){let t=document.createElement("forge-button"),n=document.createElement("button");return t.id=a.ids.CLEAR_BUTTON,t.setAttribute("part",a.parts.CLEAR_BUTTON),n.type="button",n.innerText="Clear",t.appendChild(n),t}function be(){let t=document.createElement("forge-button"),n=document.createElement("button");return t.id=a.ids.TODAY_BUTTON,t.setAttribute("part",a.parts.TODAY_BUTTON),n.type="button",n.innerText="Today",t.appendChild(n),t}function he(t,n){let e=h(t).find(r=>r.classList&&r.classList.contains(a.classes.DATE));return!e||!n&&e.hasAttribute("disabled")?null:e}function fe(t,n){let e=h(t).find(r=>r.id===n);return e!=null?e:null}function Re(t,n,e,r){t.tabIndex=r?-1:n,t.classList.toggle(a.classes.MDC_RIPPLE_UPGRADED_FOCUSED,r&&n>-1),n>-1&&e&&!r?t.focus():t.blur()}var j={POPUP:"forge-calendar-dropdown__popup"},x={classes:j};var w=class{constructor(n,e){this._popupClasses=[];this.targetElement=n,this.id=e}get isOpen(){var n,e;return(e=(n=this.dropdownElement)==null?void 0:n.open)!=null?e:!1}get popupClasses(){return this._popupClasses}set popupClasses(n){this._popupClasses=n?I(n)?[...n]:[n]:[]}get locale(){var n;return(n=this.calendar)==null?void 0:n.locale}set locale(n){this.calendar&&(this.calendar.locale=n)}close(){!this.dropdownElement||(this.dropdownElement.open=!1,this.dropdownElement=void 0,this.calendar=void 0)}destroy(){this.close()}open(n){this.calendar=this._createCalendar(n),this._announcerElement=S(),this._announcerElement.id=`${this.id}-activedescendant`,this.dropdownElement=this._createDropdown(),this.dropdownElement.appendChild(this.calendar),this.dropdownElement.appendChild(this._announcerElement),this.dropdownElement.static=!0,this.calendar.addEventListener(a.events.FOCUS_CHANGE,e=>{var i;let r=`${this.id}-activedescendent-`;switch(e.detail.type){case"date":r+=_(e.detail.value);break;case"month":r+=`month-${e.detail.value.toString()}`;break;case"year":r+=`year-${e.detail.value.toString()}`;break}(i=this.activeChangeCallback)==null||i.call(this,r),this._announcerElement&&(this._announcerElement.id=r,this._announcerElement.setAttribute("aria-selected",e.detail.selected.toString()),this._announcerElement.textContent=e.detail.text)}),this.dropdownElement.open=!0,window.requestAnimationFrame(()=>{setTimeout(()=>{this.dropdownElement&&this.dropdownElement.open&&this.calendar&&this.calendar.isConnected&&this.calendar.layout()},A.numbers.ANIMATION_DURATION)})}propagateKeyboardEvent(n){var e;(e=this.calendar)==null||e.handleKey(n)}_createCalendar(n){let e=document.createElement(a.elementName);return Object.assign(e,n),e}_createDropdown(){let n=document.createElement(A.elementName);return n.targetElement=this.targetElement,n.placement="bottom-start",n.animationType="menu",n.classList.add(x.classes.POPUP),n.id=this.id,L(this._popupClasses,n),n.addEventListener(A.events.CLOSE,()=>{this.closeCallback&&this.closeCallback()}),n}};export{a,f as b,z as c,R as d,H as e,P as f,B as g,ne as h,ae as i,re as j,X as k,_ as l,K as m,ue as n,Te as o,Z as p,U as q,pe as r,me as s,Ae as t,_e as u,ge as v,De as w,Oe as x,Ne as y,Ce as z,be as A,he as B,fe as C,Re as D,x as E,w as F};
+//# sourceMappingURL=chunk.FYRB5HEB.js.map

package/dist/esm/chunks/{chunk.J2PHUKSR.js → chunk.G237CWYN.js}

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

package/dist/esm/chunks/{chunk.UQTJSPU4.js → chunk.G32SGSIY.js}

@@ -3,5 +3,5 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{a as C,d as h}from"./chunk.Y7YPNMPI.js";import{b as A}from"./chunk.RLWX5BFQ.js";import{o as B}from"./chunk.MZLPUI6R.js";import{d as M}from"./chunk.73GVVX4K.js";import{d as _,l as b}from"./chunk.IWICN773.js";import{a as f}from"./chunk.5KC43VFL.js";import{a as d}from"./chunk.KTGSZEAG.js";import{a as u,b as I}from"./chunk.QOA2O575.js";import{a,d as s,h as l,l as c}from"./chunk.HOXFK44F.js";import{a as m,f as p}from"./chunk.MCIQXNKY.js";var n=class extends f{constructor(o){super(o)}initialize(){this._menuElement=l(this._component,C.elementName)}setMenuOptions(o){this._menuElement.options=o}};var i=class{constructor(e){this._adapter=e;this._options=[];this._isInitialized=!1}initialize(){this._adapter.initialize(),this._adapter.setMenuOptions(this._options),this._isInitialized=!0}disconnect(){this._isInitialized=!1}get options(){return this._options}set options(e){this._options=e.map(o=>m({},o)),this._isInitialized&&this._adapter.setMenuOptions(e)}};var g=`${I}app-bar-help-button`,O={elementName:g};var x='<template><forge-icon-button><forge-menu placement="bottom-end"><button type="button" aria-label="Open help menu"><forge-icon name="help"></forge-icon></button></forge-menu><forge-tooltip delay="500" position="bottom">Help</forge-tooltip></forge-icon-button></template>',t=class extends c{constructor(){super();_.define(B),this._foundation=new i(new n(this))}initializedCallback(){s(this,x)}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}};p([d()],t.prototype,"options",2),t=p([u({name:O.elementName,dependencies:[h,A,M,b]})],t);function W(){a(t)}export{n as a,i as b,O as c,t as d,W as e};
-//# sourceMappingURL=chunk.UQTJSPU4.js.map
+import{a as C,d as h}from"./chunk.IAIRKZA4.js";import{a as A}from"./chunk.F4V3I2N6.js";import{o as B}from"./chunk.MZLPUI6R.js";import{d as M}from"./chunk.IBUO2ECP.js";import{d as _,l as b}from"./chunk.WMGXMDNO.js";import{a as f}from"./chunk.D4DZUGEV.js";import{a as d}from"./chunk.KTGSZEAG.js";import{a as u,b as I}from"./chunk.CP3RUPXU.js";import{a,d as s,h as l,l as c}from"./chunk.RX7IOKBK.js";import{a as m,f as p}from"./chunk.MCIQXNKY.js";var n=class extends f{constructor(o){super(o)}initialize(){this._menuElement=l(this._component,C.elementName)}setMenuOptions(o){this._menuElement.options=o}};var i=class{constructor(e){this._adapter=e;this._options=[];this._isInitialized=!1}initialize(){this._adapter.initialize(),this._adapter.setMenuOptions(this._options),this._isInitialized=!0}disconnect(){this._isInitialized=!1}get options(){return this._options}set options(e){this._options=e.map(o=>m({},o)),this._isInitialized&&this._adapter.setMenuOptions(e)}};var g=`${I}app-bar-help-button`,O={elementName:g};var x='<template><forge-icon-button><forge-menu placement="bottom-end"><button type="button" aria-label="Open help menu"><forge-icon name="help"></forge-icon></button></forge-menu><forge-tooltip delay="500" position="bottom">Help</forge-tooltip></forge-icon-button></template>',t=class extends c{constructor(){super();_.define(B),this._foundation=new i(new n(this))}initializedCallback(){s(this,x)}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}};p([d()],t.prototype,"options",2),t=p([u({name:O.elementName,dependencies:[h,A,M,b]})],t);function W(){a(t)}export{n as a,i as b,O as c,t as d,W as e};
+//# sourceMappingURL=chunk.G32SGSIY.js.map