@expressivecss/expressive 0.13.1 → 0.15.0

package/dist/js/chunks/{chunk-CKQP6P76.mjs → chunk-6VATUZC6.mjs}

@@ -1,9 +1,9 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/tooltip.ts
 var _defaults = {
@@ -28,6 +28,7 @@ var Tooltip = class _Tooltip extends Component {
       clearTimeout(this._exitDelayTimeout);
       clearTimeout(this._animationTimeout);
       this.isOpen = true;
+      this.el.ownerDocument.addEventListener("keydown", this._handleKeydown, true);
       this.options = { ...this.options, ...this._getAttributeOptions() };
       this._updateTooltipContent();
       this._setEnterDelayTimeout(isManual);
@@ -40,6 +41,7 @@ var Tooltip = class _Tooltip extends Component {
       this.isHovered = false;
       this.isFocused = false;
       this.isOpen = false;
+      this.el.ownerDocument.removeEventListener("keydown", this._handleKeydown, true);
       clearTimeout(this._enterDelayTimeout);
       this._setExitDelayTimeout();
     };
@@ -134,8 +136,12 @@ var Tooltip = class _Tooltip extends Component {
     this.tooltipEl.id = `tooltip-${Utils.guid()}`;
     this.tooltipEl.setAttribute("role", "tooltip");
     this.el.setAttribute("aria-describedby", [this.el.getAttribute("aria-describedby"), this.tooltipEl.id].filter(Boolean).join(" "));
-    const tooltipContentEl = this.options.tooltipId ? Utils.getElementById(this.el, this.options.tooltipId) : document.createElement("div");
-    if (this.options.tooltipId) {
+    const richContentEl = this.options.tooltipId ? Utils.getElementById(this.el, this.options.tooltipId) : null;
+    if (this.options.tooltipId && !richContentEl) {
+      console.error(`Tooltip: no element with id "${this.options.tooltipId}"; showing the text tooltip instead.`);
+    }
+    const tooltipContentEl = richContentEl ?? document.createElement("div");
+    if (richContentEl) {
       this.tooltipEl.classList.add("rich");
       const marker = document.createComment("");
       tooltipContentEl.before(marker);
@@ -156,7 +162,7 @@ var Tooltip = class _Tooltip extends Component {
     Utils.portalRoot(this.el).appendChild(this.tooltipEl);
   }
   _setTooltipContent(tooltipContentEl) {
-    if (this.options.tooltipId) return;
+    if (this._originalContent) return;
     tooltipContentEl.innerText = this.options.text;
   }
   _updateTooltipContent() {
@@ -169,7 +175,6 @@ var Tooltip = class _Tooltip extends Component {
       el.addEventListener("focus", this._handleFocus, true);
       el.addEventListener("blur", this._handleBlur, true);
     }
-    this.el.ownerDocument.addEventListener("keydown", this._handleKeydown, true);
   }
   _removeEventHandlers() {
     for (const el of [this.el, this.tooltipEl]) {
@@ -287,4 +292,4 @@ var Tooltip = class _Tooltip extends Component {
 export {
   Tooltip
 };
-//# sourceMappingURL=chunk-CKQP6P76.mjs.map
+//# sourceMappingURL=chunk-6VATUZC6.mjs.map

package/dist/js/chunks/chunk-6VATUZC6.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/tooltip.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';\n\nexport interface TooltipOptions extends BaseOptions {\n  /**\n   * Delay time before tooltip disappears.\n   * @default 200\n   */\n  exitDelay: number;\n  /**\n   * Delay time before tooltip appears.\n   * @default 0\n   */\n  enterDelay: number;\n  /**\n   * Element Id for the tooltip.\n   * @default \"\"\n   */\n  tooltipId?: string;\n  /**\n   * Text string for the tooltip.\n   * @default \"\"\n   */\n  text: string;\n  /**\n   * Set distance tooltip appears away from its activator\n   * excluding transitionMovement.\n   * @default 4\n   */\n  margin: number;\n  /**\n   * Enter transition duration.\n   * @default 300\n   */\n  inDuration: number;\n  /**\n   * Opacity of the tooltip.\n   * @default 1\n   */\n  opacity: number;\n  /**\n   * Exit transition duration.\n   * @default 250\n   */\n  outDuration: number;\n  /**\n   * Set the direction of the tooltip.\n   * @default 'bottom'\n   */\n  position: TooltipPosition;\n  /**\n   * Amount in px that the tooltip moves during its transition.\n   * @default 10\n   */\n  transitionMovement: number;\n}\n\nconst _defaults: TooltipOptions = {\n  exitDelay: 200,\n  enterDelay: 0,\n  text: '',\n  margin: 4,\n  inDuration: 250,\n  outDuration: 200,\n  position: 'bottom',\n  transitionMovement: 10,\n  opacity: 1\n};\n\nexport class Tooltip extends Component<TooltipOptions> {\n  /**\n   * If tooltip is open.\n   */\n  isOpen: boolean;\n  /**\n   * If tooltip is hovered.\n   */\n  isHovered: boolean;\n  /**\n   * If tooltip is focused.\n   */\n  isFocused: boolean;\n  tooltipEl: HTMLElement;\n  private _exitDelayTimeout: ReturnType<typeof setTimeout>;\n  private _enterDelayTimeout: ReturnType<typeof setTimeout>;\n  private _animationTimeout: ReturnType<typeof setTimeout>;\n  private _originalContent: {\n    el: HTMLElement;\n    marker: Comment;\n    display: string;\n    priority: string;\n    hidden: string | null;\n    contentClass: boolean;\n  };\n  xMovement: number;\n  yMovement: number;\n\n  constructor(el: HTMLElement, options: Partial<TooltipOptions>) {\n    super(el, options, Tooltip);\n    this.el['Expressive_Tooltip'] = this;\n\n    this.options = {\n      ...Tooltip.defaults,\n      ...this._getAttributeOptions(),\n      ...options\n    };\n\n    this.isOpen = false;\n    this.isHovered = false;\n    this.isFocused = false;\n    this._appendTooltipEl();\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): TooltipOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Tooltip.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<TooltipOptions>): Tooltip;\n  /**\n   * Initializes instances of Tooltip.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<TooltipOptions>): Tooltip[];\n  /**\n   * Initializes instances of Tooltip.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<TooltipOptions> = {}\n  ): Tooltip | Tooltip[] {\n    return super.init(els, options, Tooltip);\n  }\n\n  static getInstance(el: HTMLElement): Tooltip {\n    return el['Expressive_Tooltip'];\n  }\n\n  destroy() {\n    clearTimeout(this._enterDelayTimeout);\n    clearTimeout(this._exitDelayTimeout);\n    clearTimeout(this._animationTimeout);\n    this.isOpen = false;\n    this.isHovered = false;\n    this.isFocused = false;\n    const descriptions = this.el.getAttribute('aria-describedby')?.split(/\\s+/);\n    if (descriptions?.includes(this.tooltipEl.id)) {\n      const remaining = descriptions.filter(id => id && id !== this.tooltipEl.id).join(' ');\n      if (remaining) this.el.setAttribute('aria-describedby', remaining);\n      else this.el.removeAttribute('aria-describedby');\n    }\n    if (this._originalContent) {\n      const { el, marker, display, priority, hidden, contentClass } = this._originalContent;\n      el.style.setProperty('display', display, priority);\n      if (hidden === null) el.removeAttribute('hidden');\n      else el.setAttribute('hidden', hidden);\n      el.classList.toggle('tooltip-content', contentClass);\n      if (!el.className) el.removeAttribute('class');\n      marker.replaceWith(el);\n      this._originalContent = null;\n    }\n    this.tooltipEl.remove();\n    this._removeEventHandlers();\n    this.el['Expressive_Tooltip'] = undefined;\n  }\n\n  _appendTooltipEl() {\n    this.tooltipEl = document.createElement('div');\n    this.tooltipEl.classList.add('tooltip');\n    this.tooltipEl.id = `tooltip-${Utils.guid()}`;\n    this.tooltipEl.setAttribute('role', 'tooltip');\n    this.el.setAttribute('aria-describedby', [this.el.getAttribute('aria-describedby'), this.tooltipEl.id].filter(Boolean).join(' '));\n\n    const richContentEl = this.options.tooltipId\n      ? Utils.getElementById(this.el, this.options.tooltipId)\n      : null;\n    if (this.options.tooltipId && !richContentEl) {\n      console.error(`Tooltip: no element with id \"${this.options.tooltipId}\"; showing the text tooltip instead.`);\n    }\n    const tooltipContentEl = richContentEl ?? document.createElement('div');\n    if (richContentEl) {\n      this.tooltipEl.classList.add('rich');\n      const marker = document.createComment('');\n      tooltipContentEl.before(marker);\n      this._originalContent = {\n        el: tooltipContentEl, marker,\n        display: tooltipContentEl.style.display,\n        priority: tooltipContentEl.style.getPropertyPriority('display'),\n        hidden: tooltipContentEl.getAttribute('hidden'),\n        contentClass: tooltipContentEl.classList.contains('tooltip-content')\n      };\n      tooltipContentEl.removeAttribute('hidden');\n    }\n    tooltipContentEl.style.display = '';\n    tooltipContentEl.classList.add('tooltip-content');\n    this._setTooltipContent(tooltipContentEl);\n    this.tooltipEl.appendChild(tooltipContentEl);\n    Utils.portalRoot(this.el).appendChild(this.tooltipEl);\n  }\n\n  _setTooltipContent(tooltipContentEl: HTMLElement) {\n    if (this._originalContent) return;\n    tooltipContentEl.innerText = this.options.text;\n  }\n\n  _updateTooltipContent() {\n    this._setTooltipContent(this.tooltipEl.querySelector('.tooltip-content'));\n  }\n\n  _setupEventHandlers() {\n    for (const el of [this.el, this.tooltipEl]) {\n      el.addEventListener('mouseenter', this._handleMouseEnter);\n      el.addEventListener('mouseleave', this._handleMouseLeave);\n      el.addEventListener('focus', this._handleFocus, true);\n      el.addEventListener('blur', this._handleBlur, true);\n    }\n  }\n\n  _removeEventHandlers() {\n    for (const el of [this.el, this.tooltipEl]) {\n      el.removeEventListener('mouseenter', this._handleMouseEnter);\n      el.removeEventListener('mouseleave', this._handleMouseLeave);\n      el.removeEventListener('focus', this._handleFocus, true);\n      el.removeEventListener('blur', this._handleBlur, true);\n    }\n    // Escape is only listened for while open; see open() and close().\n    this.el.ownerDocument.removeEventListener('keydown', this._handleKeydown, true);\n  }\n\n  /**\n   * Show tooltip.\n   */\n  open = (isManual: boolean = true) => {\n    if (this.isOpen) return;\n    clearTimeout(this._exitDelayTimeout);\n    clearTimeout(this._animationTimeout);\n    this.isOpen = true;\n    this.el.ownerDocument.addEventListener('keydown', this._handleKeydown, true);\n    // Update tooltip content with HTML attribute options\n    this.options = { ...this.options, ...this._getAttributeOptions() };\n    this._updateTooltipContent();\n    this._setEnterDelayTimeout(isManual);\n  };\n\n  /**\n   * Hide tooltip.\n   */\n  close = () => {\n    if (!this.isOpen) return;\n    this.isHovered = false;\n    this.isFocused = false;\n    this.isOpen = false;\n    this.el.ownerDocument.removeEventListener('keydown', this._handleKeydown, true);\n    clearTimeout(this._enterDelayTimeout);\n    this._setExitDelayTimeout();\n  };\n\n  _setExitDelayTimeout() {\n    clearTimeout(this._exitDelayTimeout);\n    this._exitDelayTimeout = setTimeout(() => {\n      if (this.isHovered || this.isFocused) return;\n      this._animateOut();\n    }, this.options.exitDelay);\n  }\n\n  _setEnterDelayTimeout(isManual) {\n    clearTimeout(this._enterDelayTimeout);\n    this._enterDelayTimeout = setTimeout(() => {\n      if (!this.isHovered && !this.isFocused && !isManual) return;\n      this._animateIn();\n    }, this.options.enterDelay);\n  }\n\n  _positionTooltip() {\n    const tooltip: HTMLElement = this.tooltipEl;\n    const origin = this.el,\n      originHeight = origin.offsetHeight,\n      originWidth = origin.offsetWidth,\n      tooltipHeight = tooltip.offsetHeight,\n      tooltipWidth = tooltip.offsetWidth,\n      margin = this.options.margin;\n\n    this.xMovement = 0;\n    this.yMovement = 0;\n\n    const originRect = origin.getBoundingClientRect();\n    let targetTop = originRect.top + Utils.getDocumentScrollTop();\n    let targetLeft = originRect.left + Utils.getDocumentScrollLeft();\n    if (this.options.position === 'top') {\n      targetTop += -tooltipHeight - margin;\n      targetLeft += originWidth / 2 - tooltipWidth / 2;\n      this.yMovement = -this.options.transitionMovement;\n    } else if (this.options.position === 'right') {\n      targetTop += originHeight / 2 - tooltipHeight / 2;\n      targetLeft += originWidth + margin;\n      this.xMovement = this.options.transitionMovement;\n    } else if (this.options.position === 'left') {\n      targetTop += originHeight / 2 - tooltipHeight / 2;\n      targetLeft += -tooltipWidth - margin;\n      this.xMovement = -this.options.transitionMovement;\n    } else {\n      targetTop += originHeight + margin;\n      targetLeft += originWidth / 2 - tooltipWidth / 2;\n      this.yMovement = this.options.transitionMovement;\n    }\n\n    const newCoordinates = this._repositionWithinScreen(\n      targetLeft,\n      targetTop,\n      tooltipWidth,\n      tooltipHeight\n    );\n\n    tooltip.style.setProperty('--md-comp-tooltip-anchor-gap', `${Math.max(0, margin) + Math.abs(this.options.transitionMovement)}px`);\n    tooltip.style.top = newCoordinates.y + 'px';\n    tooltip.style.left = newCoordinates.x + 'px';\n  }\n\n  _repositionWithinScreen(x: number, y: number, width: number, height: number) {\n    return Utils._repositionWithinScreen(\n      x, y, width, height, this.options.margin, this.options.transitionMovement, 'center'\n    );\n  }\n\n  _animateIn() { this._animate(true); }\n\n  _animateOut() { this._animate(false); }\n\n  _animate(show: boolean) {\n    const style = this.tooltipEl.style;\n    const reduce = this.el.ownerDocument.defaultView.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    const duration = reduce ? 0 : show ? this.options.inDuration : this.options.outDuration;\n    if (show) {\n      this._positionTooltip();\n      style.visibility = 'visible';\n      style.overflow = 'visible';\n    }\n    style.transition = `transform ${duration}ms ease-out, opacity ${duration}ms ease-out`;\n    clearTimeout(this._animationTimeout);\n    this._animationTimeout = setTimeout(() => {\n      style.transform = show && !reduce ? `translateX(${this.xMovement}px) translateY(${this.yMovement}px)` : 'none';\n      style.opacity = show ? (this.options.opacity || 1).toString() : '0';\n      if (!show) this._animationTimeout = setTimeout(() => {\n        style.visibility = 'hidden';\n        style.overflow = '';\n      }, duration);\n    }, 1);\n  }\n\n  _handleMouseEnter = () => {\n    this.isHovered = true;\n    this.open(false);\n  };\n\n  _handleMouseLeave = (event: MouseEvent) => {\n    const next = event.relatedTarget as Node | null;\n    if (next && (this.el.contains(next) || this.tooltipEl.contains(next))) return;\n    this.isHovered = false;\n    if (!this.isFocused) this.close();\n  };\n\n  _handleKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape' || !this.isOpen) return;\n    event.preventDefault();\n    event.stopPropagation();\n    this.close();\n    clearTimeout(this._exitDelayTimeout);\n    this._animateOut();\n  };\n\n  // Focus opens the tooltip only when it arrived by keyboard: a pointer press\n  // on the trigger also focuses it, and _handleMouseEnter already covers that.\n  _handleFocus = (event: FocusEvent) => {\n    if ((event.target as HTMLElement).matches(':focus-visible')) {\n      this.isFocused = true;\n      this.open(false);\n    }\n  };\n\n  _handleBlur = (event: FocusEvent) => {\n    const next = event.relatedTarget as Node | null;\n    if (next && (this.el.contains(next) || this.tooltipEl.contains(next))) return;\n    this.isFocused = false;\n    if (!this.isHovered) this.close();\n  };\n\n  _getAttributeOptions(): Partial<TooltipOptions> {\n    const attributeOptions: Partial<TooltipOptions> = {};\n    const tooltipTextOption = this.el.getAttribute('data-tooltip');\n    const tooltipId = this.el.getAttribute('data-tooltip-id');\n    const positionOption = this.el.getAttribute('data-position');\n    if (tooltipTextOption) {\n      attributeOptions.text = tooltipTextOption;\n    }\n    if (positionOption) {\n      attributeOptions.position = positionOption as TooltipPosition;\n    }\n    if (tooltipId) {\n      attributeOptions.tooltipId = tooltipId;\n    }\n\n    return attributeOptions;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-QDAL4IYN.mjs → chunk-74MXKKLN.mjs}

@@ -1,6 +1,6 @@
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/characterCounter.ts
 var _defaults = Object.freeze({});
@@ -82,4 +82,4 @@ var CharacterCounter = class _CharacterCounter extends Component {
 export {
   CharacterCounter
 };
-//# sourceMappingURL=chunk-QDAL4IYN.mjs.map
+//# sourceMappingURL=chunk-74MXKKLN.mjs.map

package/dist/js/chunks/{chunk-QDAL4IYN.mjs.map → chunk-74MXKKLN.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/ts/components/characterCounter.ts"],
-  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nconst _defaults = Object.freeze({});\n\ntype InputElement = HTMLInputElement | HTMLTextAreaElement;\n\nexport class CharacterCounter extends Component<BaseOptions> {\n  declare el: InputElement;\n  /** Stores the reference to the counter HTML element. */\n  counterEl: HTMLSpanElement;\n  /** Specifies whether the input is valid or not. */\n  isInvalid: boolean;\n  /** Specifies whether the input text has valid length or not. */\n  isValidLength: boolean;\n\n  constructor(el: HTMLInputElement | HTMLTextAreaElement, options: Partial<BaseOptions>) {\n    super(el, {}, CharacterCounter);\n    this.el['Expressive_CharacterCounter'] = this;\n\n    this.options = {\n      ...CharacterCounter.defaults,\n      ...options\n    };\n\n    this.isInvalid = false;\n    this.isValidLength = false;\n\n    this._setupCounter();\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): BaseOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of CharacterCounter.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: InputElement, options?: Partial<BaseOptions>): CharacterCounter;\n  /**\n   * Initializes instances of CharacterCounter.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<InputElement | InitElement>,\n    options?: Partial<BaseOptions>\n  ): CharacterCounter[];\n  /**\n   * Initializes instances of CharacterCounter.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InputElement | InitElements<InputElement | InitElement>,\n    options: Partial<BaseOptions> = {}\n  ): CharacterCounter | CharacterCounter[] {\n    return super.init(els, options, CharacterCounter);\n  }\n\n  static getInstance(el: InputElement): CharacterCounter {\n    return el['Expressive_CharacterCounter'];\n  }\n\n  destroy() {\n    this._removeEventHandlers();\n    this.el['Expressive_CharacterCounter'] = undefined;\n    this._removeCounter();\n  }\n\n  _setupEventHandlers() {\n    this.el.addEventListener('focus', this.updateCounter, true);\n    this.el.addEventListener('input', this.updateCounter, true);\n  }\n\n  _removeEventHandlers() {\n    this.el.removeEventListener('focus', this.updateCounter, true);\n    this.el.removeEventListener('input', this.updateCounter, true);\n  }\n\n  _setupCounter() {\n    this.counterEl = document.createElement('span');\n    this.counterEl.classList.add('character-counter');\n    // The count is the whole point of the component and it changes as the\n    // user types, so it has to be a live region - otherwise a screen reader\n    // user reaches the limit without ever being told one existed. Polite so\n    // it waits for a pause instead of interrupting every keystroke, and\n    // atomic so \"18/20\" is read as one figure rather than a changed digit.\n    this.counterEl.setAttribute('aria-live', 'polite');\n    this.counterEl.setAttribute('aria-atomic', 'true');\n    this.counterEl.style.float = 'right';\n    this.counterEl.style.fontSize = '12px';\n    this.counterEl.style.height = '1';\n    this.el.parentElement.appendChild(this.counterEl);\n  }\n\n  _removeCounter() {\n    this.counterEl.remove();\n  }\n\n  updateCounter = () => {\n    const maxLength = parseInt(this.el.getAttribute('maxlength')),\n      actualLength = (this.el as HTMLInputElement).value.length;\n\n    this.isValidLength = actualLength <= maxLength;\n    let counterString = actualLength.toString();\n    if (maxLength) {\n      counterString += '/' + maxLength;\n      this._validateInput();\n    }\n    this.counterEl.textContent = counterString;\n  };\n\n  _validateInput() {\n    if (this.isValidLength && this.isInvalid) {\n      this.isInvalid = false;\n      this.el.classList.remove('invalid');\n    } else if (!this.isValidLength && !this.isInvalid) {\n      this.isInvalid = true;\n      this.el.classList.remove('valid');\n      this.el.classList.add('invalid');\n    }\n  }\n}\n"],
-  "mappings": ";;;;;AAEA,IAAM,YAAY,OAAO,OAAO,CAAC,CAAC;AAI3B,IAAM,mBAAN,MAAM,0BAAyB,UAAuB;AAAA,EAS3D,YAAY,IAA4C,SAA+B;AACrF,UAAM,IAAI,CAAC,GAAG,iBAAgB;AAsFhC,yBAAgB,MAAM;AACpB,YAAM,YAAY,SAAS,KAAK,GAAG,aAAa,WAAW,CAAC,GAC1D,eAAgB,KAAK,GAAwB,MAAM;AAErD,WAAK,gBAAgB,gBAAgB;AACrC,UAAI,gBAAgB,aAAa,SAAS;AAC1C,UAAI,WAAW;AACb,yBAAiB,MAAM;AACvB,aAAK,eAAe;AAAA,MACtB;AACA,WAAK,UAAU,cAAc;AAAA,IAC/B;AAhGE,SAAK,GAAG,6BAA6B,IAAI;AAEzC,SAAK,UAAU;AAAA,MACb,GAAG,kBAAiB;AAAA,MACpB,GAAG;AAAA,IACL;AAEA,SAAK,YAAY;AACjB,SAAK,gBAAgB;AAErB,SAAK,cAAc;AACnB,SAAK,oBAAoB;AAAA,EAC3B;AAAA,EAEA,WAAW,WAAwB;AACjC,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBA,OAAO,KACL,KACA,UAAgC,CAAC,GACM;AACvC,WAAO,MAAM,KAAK,KAAK,SAAS,iBAAgB;AAAA,EAClD;AAAA,EAEA,OAAO,YAAY,IAAoC;AACrD,WAAO,GAAG,6BAA6B;AAAA,EACzC;AAAA,EAEA,UAAU;AACR,SAAK,qBAAqB;AAC1B,SAAK,GAAG,6BAA6B,IAAI;AACzC,SAAK,eAAe;AAAA,EACtB;AAAA,EAEA,sBAAsB;AACpB,SAAK,GAAG,iBAAiB,SAAS,KAAK,eAAe,IAAI;AAC1D,SAAK,GAAG,iBAAiB,SAAS,KAAK,eAAe,IAAI;AAAA,EAC5D;AAAA,EAEA,uBAAuB;AACrB,SAAK,GAAG,oBAAoB,SAAS,KAAK,eAAe,IAAI;AAC7D,SAAK,GAAG,oBAAoB,SAAS,KAAK,eAAe,IAAI;AAAA,EAC/D;AAAA,EAEA,gBAAgB;AACd,SAAK,YAAY,SAAS,cAAc,MAAM;AAC9C,SAAK,UAAU,UAAU,IAAI,mBAAmB;AAMhD,SAAK,UAAU,aAAa,aAAa,QAAQ;AACjD,SAAK,UAAU,aAAa,eAAe,MAAM;AACjD,SAAK,UAAU,MAAM,QAAQ;AAC7B,SAAK,UAAU,MAAM,WAAW;AAChC,SAAK,UAAU,MAAM,SAAS;AAC9B,SAAK,GAAG,cAAc,YAAY,KAAK,SAAS;AAAA,EAClD;AAAA,EAEA,iBAAiB;AACf,SAAK,UAAU,OAAO;AAAA,EACxB;AAAA,EAeA,iBAAiB;AACf,QAAI,KAAK,iBAAiB,KAAK,WAAW;AACxC,WAAK,YAAY;AACjB,WAAK,GAAG,UAAU,OAAO,SAAS;AAAA,IACpC,WAAW,CAAC,KAAK,iBAAiB,CAAC,KAAK,WAAW;AACjD,WAAK,YAAY;AACjB,WAAK,GAAG,UAAU,OAAO,OAAO;AAChC,WAAK,GAAG,UAAU,IAAI,SAAS;AAAA,IACjC;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nconst _defaults = Object.freeze({});\n\ntype InputElement = HTMLInputElement | HTMLTextAreaElement;\n\nexport class CharacterCounter extends Component<BaseOptions> {\n  declare el: InputElement;\n  /** Stores the reference to the counter HTML element. */\n  counterEl: HTMLSpanElement;\n  /** Specifies whether the input is valid or not. */\n  isInvalid: boolean;\n  /** Specifies whether the input text has valid length or not. */\n  isValidLength: boolean;\n\n  constructor(el: HTMLInputElement | HTMLTextAreaElement, options: Partial<BaseOptions>) {\n    super(el, {}, CharacterCounter);\n    this.el['Expressive_CharacterCounter'] = this;\n\n    this.options = {\n      ...CharacterCounter.defaults,\n      ...options\n    };\n\n    this.isInvalid = false;\n    this.isValidLength = false;\n\n    this._setupCounter();\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): BaseOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of CharacterCounter.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: InputElement, options?: Partial<BaseOptions>): CharacterCounter;\n  /**\n   * Initializes instances of CharacterCounter.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<InputElement | InitElement>,\n    options?: Partial<BaseOptions>\n  ): CharacterCounter[];\n  /**\n   * Initializes instances of CharacterCounter.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InputElement | InitElements<InputElement | InitElement>,\n    options: Partial<BaseOptions> = {}\n  ): CharacterCounter | CharacterCounter[] {\n    return super.init(els, options, CharacterCounter);\n  }\n\n  static getInstance(el: InputElement): CharacterCounter {\n    return el['Expressive_CharacterCounter'];\n  }\n\n  destroy() {\n    this._removeEventHandlers();\n    this.el['Expressive_CharacterCounter'] = undefined;\n    this._removeCounter();\n  }\n\n  _setupEventHandlers() {\n    this.el.addEventListener('focus', this.updateCounter, true);\n    this.el.addEventListener('input', this.updateCounter, true);\n  }\n\n  _removeEventHandlers() {\n    this.el.removeEventListener('focus', this.updateCounter, true);\n    this.el.removeEventListener('input', this.updateCounter, true);\n  }\n\n  _setupCounter() {\n    this.counterEl = document.createElement('span');\n    this.counterEl.classList.add('character-counter');\n    // The count is the whole point of the component and it changes as the\n    // user types, so it has to be a live region - otherwise a screen reader\n    // user reaches the limit without ever being told one existed. Polite so\n    // it waits for a pause instead of interrupting every keystroke, and\n    // atomic so \"18/20\" is read as one figure rather than a changed digit.\n    this.counterEl.setAttribute('aria-live', 'polite');\n    this.counterEl.setAttribute('aria-atomic', 'true');\n    this.counterEl.style.float = 'right';\n    this.counterEl.style.fontSize = '12px';\n    this.counterEl.style.height = '1';\n    this.el.parentElement.appendChild(this.counterEl);\n  }\n\n  _removeCounter() {\n    this.counterEl.remove();\n  }\n\n  updateCounter = () => {\n    const maxLength = parseInt(this.el.getAttribute('maxlength')),\n      actualLength = this.el.value.length;\n\n    this.isValidLength = actualLength <= maxLength;\n    let counterString = actualLength.toString();\n    if (maxLength) {\n      counterString += '/' + maxLength;\n      this._validateInput();\n    }\n    this.counterEl.textContent = counterString;\n  };\n\n  _validateInput() {\n    if (this.isValidLength && this.isInvalid) {\n      this.isInvalid = false;\n      this.el.classList.remove('invalid');\n    } else if (!this.isValidLength && !this.isInvalid) {\n      this.isInvalid = true;\n      this.el.classList.remove('valid');\n      this.el.classList.add('invalid');\n    }\n  }\n}\n"],
+  "mappings": ";;;;;AAEA,IAAM,YAAY,OAAO,OAAO,CAAC,CAAC;AAI3B,IAAM,mBAAN,MAAM,0BAAyB,UAAuB;AAAA,EAS3D,YAAY,IAA4C,SAA+B;AACrF,UAAM,IAAI,CAAC,GAAG,iBAAgB;AAsFhC,yBAAgB,MAAM;AACpB,YAAM,YAAY,SAAS,KAAK,GAAG,aAAa,WAAW,CAAC,GAC1D,eAAe,KAAK,GAAG,MAAM;AAE/B,WAAK,gBAAgB,gBAAgB;AACrC,UAAI,gBAAgB,aAAa,SAAS;AAC1C,UAAI,WAAW;AACb,yBAAiB,MAAM;AACvB,aAAK,eAAe;AAAA,MACtB;AACA,WAAK,UAAU,cAAc;AAAA,IAC/B;AAhGE,SAAK,GAAG,6BAA6B,IAAI;AAEzC,SAAK,UAAU;AAAA,MACb,GAAG,kBAAiB;AAAA,MACpB,GAAG;AAAA,IACL;AAEA,SAAK,YAAY;AACjB,SAAK,gBAAgB;AAErB,SAAK,cAAc;AACnB,SAAK,oBAAoB;AAAA,EAC3B;AAAA,EAEA,WAAW,WAAwB;AACjC,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBA,OAAO,KACL,KACA,UAAgC,CAAC,GACM;AACvC,WAAO,MAAM,KAAK,KAAK,SAAS,iBAAgB;AAAA,EAClD;AAAA,EAEA,OAAO,YAAY,IAAoC;AACrD,WAAO,GAAG,6BAA6B;AAAA,EACzC;AAAA,EAEA,UAAU;AACR,SAAK,qBAAqB;AAC1B,SAAK,GAAG,6BAA6B,IAAI;AACzC,SAAK,eAAe;AAAA,EACtB;AAAA,EAEA,sBAAsB;AACpB,SAAK,GAAG,iBAAiB,SAAS,KAAK,eAAe,IAAI;AAC1D,SAAK,GAAG,iBAAiB,SAAS,KAAK,eAAe,IAAI;AAAA,EAC5D;AAAA,EAEA,uBAAuB;AACrB,SAAK,GAAG,oBAAoB,SAAS,KAAK,eAAe,IAAI;AAC7D,SAAK,GAAG,oBAAoB,SAAS,KAAK,eAAe,IAAI;AAAA,EAC/D;AAAA,EAEA,gBAAgB;AACd,SAAK,YAAY,SAAS,cAAc,MAAM;AAC9C,SAAK,UAAU,UAAU,IAAI,mBAAmB;AAMhD,SAAK,UAAU,aAAa,aAAa,QAAQ;AACjD,SAAK,UAAU,aAAa,eAAe,MAAM;AACjD,SAAK,UAAU,MAAM,QAAQ;AAC7B,SAAK,UAAU,MAAM,WAAW;AAChC,SAAK,UAAU,MAAM,SAAS;AAC9B,SAAK,GAAG,cAAc,YAAY,KAAK,SAAS;AAAA,EAClD;AAAA,EAEA,iBAAiB;AACf,SAAK,UAAU,OAAO;AAAA,EACxB;AAAA,EAeA,iBAAiB;AACf,QAAI,KAAK,iBAAiB,KAAK,WAAW;AACxC,WAAK,YAAY;AACjB,WAAK,GAAG,UAAU,OAAO,SAAS;AAAA,IACpC,WAAW,CAAC,KAAK,iBAAiB,CAAC,KAAK,WAAW;AACjD,WAAK,YAAY;AACjB,WAAK,GAAG,UAAU,OAAO,OAAO;AAChC,WAAK,GAAG,UAAU,IAAI,SAAS;AAAA,IACjC;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/js/chunks/{chunk-DLWYKFEI.mjs → chunk-AIURVCG6.mjs}

@@ -1,9 +1,9 @@
 import {
   installSheetDrag
-} from "./chunk-GZWPXXY6.mjs";
+} from "./chunk-WQYN5L4E.mjs";
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 
 // src/ts/behaviors/bottomSheets.ts
 var SHEET_SELECTOR = "dialog.bottom-sheet, dialog.bottom";
@@ -52,4 +52,4 @@ var BottomSheets = _BottomSheets;
 export {
   BottomSheets
 };
-//# sourceMappingURL=chunk-DLWYKFEI.mjs.map
+//# sourceMappingURL=chunk-AIURVCG6.mjs.map

package/dist/js/chunks/{chunk-NNYP33NB.mjs → chunk-BGZLF6JZ.mjs}

@@ -1,6 +1,6 @@
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 
 // src/ts/components/snackbar.ts
 var _defaults = {
@@ -93,6 +93,7 @@ var _Snackbar = class _Snackbar {
       snackbar.velocityX = 0;
       snackbar.time = Date.now();
       snackbar.xPos = e.clientX;
+      snackbar._activationDistance = snackbar.el.offsetWidth * snackbar.options.activationPercent;
     }
   }
   static _onDragMove(e) {
@@ -105,7 +106,7 @@ var _Snackbar = class _Snackbar {
       snackbar.velocityX = snackbar.deltaX / (Date.now() - snackbar.time);
       snackbar.time = Date.now();
       const totalDeltaX = snackbar.xPos - snackbar.startingXPos;
-      const activationDistance = snackbar.el.offsetWidth * snackbar.options.activationPercent;
+      const activationDistance = snackbar._activationDistance;
       snackbar.el.style.transform = `translateX(${totalDeltaX}px)`;
       snackbar.el.style.opacity = (1 - Math.abs(totalDeltaX / activationDistance)).toString();
     }
@@ -118,17 +119,14 @@ var _Snackbar = class _Snackbar {
       snackbar.panning = false;
       snackbar.el.classList.remove("panning");
       const totalDeltaX = snackbar.xPos - snackbar.startingXPos;
-      const activationDistance = snackbar.el.offsetWidth * snackbar.options.activationPercent;
+      const activationDistance = snackbar._activationDistance;
       const velocity = Date.now() - snackbar.time < 100 ? snackbar.velocityX : 0;
       const shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || velocity > 1;
       if (shouldBeDismissed) {
         snackbar.wasSwiped = true;
         snackbar.dismiss();
       } else {
-        snackbar.el.style.transition = "transform .2s, opacity .2s";
-        snackbar.el.style.transform = "";
-        snackbar.el.style.opacity = "";
-        snackbar._resumeTimer();
+        snackbar._snapBack();
       }
       _Snackbar._draggedSnackbar = null;
     }
@@ -145,12 +143,15 @@ var _Snackbar = class _Snackbar {
     if (!snackbar) return;
     snackbar.panning = false;
     snackbar.el.classList.remove("panning");
-    snackbar.el.style.transition = "transform .2s, opacity .2s";
-    snackbar.el.style.transform = "";
-    snackbar.el.style.opacity = "";
-    snackbar._resumeTimer();
+    snackbar._snapBack();
     _Snackbar._draggedSnackbar = null;
   }
+  _snapBack() {
+    this.el.style.transition = "transform .2s, opacity .2s";
+    this.el.style.transform = "";
+    this.el.style.opacity = "";
+    this._resumeTimer();
+  }
   /**
    * dismiss all snackbars.
    */
@@ -320,15 +321,15 @@ var _Snackbar = class _Snackbar {
     this.counterTimeout = null;
     this._restoreFocus();
     if (this._events.signal.aborted) return;
-    const activationDistance = this.el.offsetWidth * this.options.activationPercent;
+    const duration = this.options.outDuration;
+    const transitions = [`margin ${duration}ms ease`, `opacity ${duration}ms ease`];
     if (this.wasSwiped) {
-      this.el.style.transition = "transform .05s, opacity .05s";
-      this.el.style.transform = `translateX(${activationDistance}px)`;
+      const direction = this.xPos < this.startingXPos ? -1 : 1;
+      this.el.style.transform = `translateX(${direction * this.el.offsetWidth}px)`;
       this.el.style.opacity = "0";
+      transitions.push(`transform ${duration}ms ease`);
     }
-    this.el.style.transition = `
-      margin ${this.options.outDuration}ms ease,
-      opacity ${this.options.outDuration}ms ease`;
+    this.el.style.transition = transitions.join(", ");
     clearTimeout(this._transitionTimer);
     this._transitionTimer = setTimeout(() => {
       this.el.style.opacity = "0";
@@ -352,4 +353,4 @@ var Snackbar = _Snackbar;
 export {
   Snackbar
 };
-//# sourceMappingURL=chunk-NNYP33NB.mjs.map
+//# sourceMappingURL=chunk-BGZLF6JZ.mjs.map

package/dist/js/chunks/chunk-BGZLF6JZ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/snackbar.ts"],
+  "sourcesContent": ["import { BaseOptions } from '../core/component';\nimport { Utils } from '../core/utils';\n\nexport interface SnackbarOptions extends BaseOptions {\n  /**\n   * The content of the Snackbar.\n   * @default \"\"\n   */\n  text: string;\n  /**\n   * Optional action label. Rendered as a trailing text button.\n   * @default \"\"\n   */\n  action: string;\n  /**\n   * Called when the action button is pressed. The snackbar still dismisses.\n   * @default null\n   */\n  onAction: () => void;\n  /**\n   * Show a trailing close icon button.\n   * Defaults to true when action is set, otherwise false.\n   */\n  dismissible: boolean;\n  /**\n   * Element id of a `<template>` (or another element) used as the snackbar body.\n   * @default \"\"\n   */\n  snackbarId?: string;\n  /**\n   * Length in ms the Snackbar stays before dismissal.\n   * `Infinity` keeps it on screen until the user acts.\n   * When `action` is set and this is omitted, the default is Infinity.\n   * @default 4000\n   */\n  displayLength: number;\n  /**\n   * Transition in duration in milliseconds.\n   * @default 300\n   */\n  inDuration: number;\n  /**\n   * Transition out duration in milliseconds.\n   * @default 375\n   */\n  outDuration: number;\n  /**\n   * Classes to be added to the snackbar element.\n   * @default \"\"\n   */\n  classes: string;\n  /**\n   * Callback function called when the snackbar is dismissed.\n   * @default null\n   */\n  completeCallback: () => void;\n  /**\n   * The percentage of the snackbar's width it takes for a drag\n   * to dismiss a Snackbar.\n   * @default 0.8\n   */\n  activationPercent: number;\n  /**\n   * Any element in the tree the snackbar should render into. A Snackbar has no\n   * originating element to infer this from, so pass one when the page lives in\n   * a shadow root \u2014 the container is appended to that root instead of to\n   * `document.body`, where a root-scoped stylesheet could not reach it.\n   * @default null\n   */\n  root: HTMLElement;\n}\n\nconst _defaults: SnackbarOptions = {\n  text: '',\n  action: '',\n  onAction: null,\n  dismissible: false,\n  displayLength: 4000,\n  inDuration: 300,\n  outDuration: 375,\n  classes: '',\n  completeCallback: null,\n  activationPercent: 0.8,\n  root: null\n};\n\nexport class Snackbar {\n  /** The snackbar element. */\n  el: HTMLElement;\n  /**\n   * The remaining amount of time in ms that the snackbar\n   * will stay before dismissal.\n   */\n  timeRemaining: number;\n  /**\n   * Describes the current pan state of the Snackbar.\n   */\n  panning: boolean;\n  options: SnackbarOptions;\n  message: string;\n  counterTimeout: ReturnType<typeof setTimeout>;\n  /** Wall-clock time the snackbar is due to dismiss, for pause/resume. */\n  private _deadline: number;\n  wasSwiped: boolean;\n  startingXPos: number;\n  xPos: number;\n  time: number;\n  deltaX: number;\n  velocityX: number;\n  /** Swipe distance that dismisses, measured once when the drag starts. */\n  private _activationDistance: number;\n  private _dismissed = false;\n  private _returnFocus: HTMLElement | null = null;\n  private _events: AbortController;\n  private _restoreElement: (() => void) | null = null;\n  private _transitionTimer: ReturnType<typeof setTimeout>;\n  private _dismissTimer: ReturnType<typeof setTimeout>;\n  private _focusTimer: ReturnType<typeof setTimeout>;\n\n  static _snackbars: Snackbar[];\n  static _container: HTMLElement;\n  static _draggedSnackbar: Snackbar;\n  /** Which pointer owns the drag in flight; a second finger is ignored. */\n  static _dragPointerId: number | null = null;\n\n  constructor(options: Partial<SnackbarOptions> = {}) {\n    this.options = {\n      ...Snackbar.defaults,\n      ...options\n    };\n    if (options.displayLength === undefined && this.options.action) {\n      this.options.displayLength = Infinity;\n    }\n    if (options.dismissible === undefined && this.options.action) this.options.dismissible = true;\n    this.message = this.options.text;\n    this.panning = false;\n    this.timeRemaining = this.options.displayLength;\n    // One snackbar at a time so a new update does not stack over the page.\n    while (Snackbar._snackbars.length > 0) {\n      const snackbar = Snackbar._snackbars.shift();\n      snackbar._dismissed = true;\n      snackbar._restoreFocus(true);\n    }\n    let focused = document.activeElement;\n    while (focused?.shadowRoot?.activeElement) focused = focused.shadowRoot.activeElement;\n    this._returnFocus = focused instanceof HTMLElement ? focused : null;\n    this.el = this._createSnackbar();\n    // One container serves every snackbar, and only one snackbar shows at a\n    // time \u2014 so it is moved rather than duplicated when the root changes.\n    const root = Utils.portalRoot(this.options.root ?? document.body);\n    if (\n      !Snackbar._container ||\n      !Snackbar._container.isConnected ||\n      Snackbar._container.parentNode !== root\n    ) {\n      if (Snackbar._container) Snackbar._removeContainer();\n      Snackbar._createContainer(root);\n    }\n    Snackbar._container.appendChild(this.el);\n    this.el['Expressive_Snackbar'] = this;\n    Snackbar._snackbars.push(this);\n    this._animateIn();\n    this._setTimer();\n  }\n\n  static get defaults(): SnackbarOptions {\n    return _defaults;\n  }\n\n  static getInstance(el: HTMLElement): Snackbar {\n    return el['Expressive_Snackbar'];\n  }\n\n  static _createContainer(root: HTMLElement | ShadowRoot = document.body) {\n    const container = document.createElement('div');\n    container.setAttribute('id', 'snackbar-container');\n    // One listener per stage. These used to be a touch trio on the container\n    // plus a mouse trio split across the container and the document, with a\n    // helper picking `targetTouches[0].clientX` or `clientX` apart afterwards.\n    // Move and up stay on the document so a drag that leaves the container\n    // still completes.\n    container.addEventListener('pointerdown', Snackbar._onDragStart);\n    document.addEventListener('pointermove', Snackbar._onDragMove);\n    document.addEventListener('pointerup', Snackbar._onDragEnd);\n    document.addEventListener('pointercancel', Snackbar._onDragCancel);\n    root.appendChild(container);\n    Snackbar._container = container;\n  }\n\n  static _removeContainer() {\n    document.removeEventListener('pointermove', Snackbar._onDragMove);\n    document.removeEventListener('pointerup', Snackbar._onDragEnd);\n    document.removeEventListener('pointercancel', Snackbar._onDragCancel);\n    Snackbar._container.remove();\n    Snackbar._container = null;\n  }\n\n  static _onDragStart(e: PointerEvent) {\n    if (!e.isPrimary) return;\n    if (e.pointerType === 'mouse' && e.button !== 0) return;\n    const target = e.target as HTMLElement | null;\n    // Don't start a swipe from the action or close \u2014 those are buttons.\n    if (target && !target.closest('button, a') && target.closest('.snackbar')) {\n      const snackbarElem = target.closest('.snackbar') as HTMLElement;\n      const snackbar: Snackbar = snackbarElem['Expressive_Snackbar'];\n      if (!snackbar) return;\n      snackbar.panning = true;\n      snackbar._pauseTimer();\n      Snackbar._draggedSnackbar = snackbar;\n      snackbar.el.classList.add('panning');\n      snackbar.el.style.transition = '';\n      Snackbar._dragPointerId = e.pointerId;\n      snackbar.startingXPos = e.clientX;\n      snackbar.velocityX = 0;\n      snackbar.time = Date.now();\n      snackbar.xPos = e.clientX;\n      // A translateX does not change the width, so one read covers the drag.\n      snackbar._activationDistance = snackbar.el.offsetWidth * snackbar.options.activationPercent;\n    }\n  }\n\n  static _onDragMove(e: PointerEvent) {\n    if (Snackbar._dragPointerId !== e.pointerId) return;\n    if (!!Snackbar._draggedSnackbar) {\n      e.preventDefault();\n      const snackbar = Snackbar._draggedSnackbar;\n      snackbar.deltaX = Math.abs(snackbar.xPos - e.clientX);\n      snackbar.xPos = e.clientX;\n      snackbar.velocityX = snackbar.deltaX / (Date.now() - snackbar.time);\n      snackbar.time = Date.now();\n\n      const totalDeltaX = snackbar.xPos - snackbar.startingXPos;\n      const activationDistance = snackbar._activationDistance;\n      snackbar.el.style.transform = `translateX(${totalDeltaX}px)`;\n      snackbar.el.style.opacity = (1 - Math.abs(totalDeltaX / activationDistance)).toString();\n    }\n  }\n\n  static _onDragEnd(e: PointerEvent) {\n    if (Snackbar._dragPointerId !== e.pointerId) return;\n    Snackbar._dragPointerId = null;\n    if (!!Snackbar._draggedSnackbar) {\n      const snackbar = Snackbar._draggedSnackbar;\n      snackbar.panning = false;\n      snackbar.el.classList.remove('panning');\n\n      const totalDeltaX = snackbar.xPos - snackbar.startingXPos;\n      const activationDistance = snackbar._activationDistance;\n      const velocity = Date.now() - snackbar.time < 100 ? snackbar.velocityX : 0;\n      const shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || velocity > 1;\n\n      // Remove snackbar\n      if (shouldBeDismissed) {\n        snackbar.wasSwiped = true;\n        snackbar.dismiss();\n        // Animate snackbar back to original position\n      } else {\n        snackbar._snapBack();\n      }\n      Snackbar._draggedSnackbar = null;\n    }\n  }\n\n  /**\n   * A cancelled pointer is not a short swipe. Snap back and resume the timer\n   * without consulting the distance travelled - the browser took the gesture\n   * over, so the movement so far says nothing about what the user wanted.\n   */\n  static _onDragCancel(e: PointerEvent) {\n    if (Snackbar._dragPointerId !== e.pointerId) return;\n    Snackbar._dragPointerId = null;\n    const snackbar = Snackbar._draggedSnackbar;\n    if (!snackbar) return;\n    snackbar.panning = false;\n    snackbar.el.classList.remove('panning');\n    snackbar._snapBack();\n    Snackbar._draggedSnackbar = null;\n  }\n\n  private _snapBack() {\n    this.el.style.transition = 'transform .2s, opacity .2s';\n    this.el.style.transform = '';\n    this.el.style.opacity = '';\n    this._resumeTimer();\n  }\n\n  /**\n   * dismiss all snackbars.\n   */\n  static dismissAll() {\n    // Copy first: dismiss() splices the list it is iterating.\n    for (const snackbar of [...Snackbar._snackbars]) {\n      snackbar.dismiss();\n    }\n  }\n\n  _createSnackbar() {\n    let snackbar: HTMLElement = this.options.snackbarId\n      ? Utils.getElementById(this.options.root ?? document.body, this.options.snackbarId)\n      : document.createElement('div');\n    if (snackbar instanceof HTMLTemplateElement) {\n      const node = snackbar.content.cloneNode(true);\n      snackbar = (node as HTMLElement).firstElementChild as HTMLElement;\n    } else if (snackbar && this.options.snackbarId) {\n      const placeholder = document.createComment('');\n      snackbar.before(placeholder);\n      const children = [...snackbar.childNodes];\n      const attributes = ['class', 'style', 'role', 'aria-live', 'aria-atomic', 'inert']\n        .map(name => [name, snackbar.getAttribute(name)]);\n      this._restoreElement = () => {\n        snackbar.replaceChildren(...children);\n        for (const [name, value] of attributes) {\n          if (value === null) snackbar.removeAttribute(name);\n          else snackbar.setAttribute(name, value);\n        }\n        placeholder.replaceWith(snackbar);\n      };\n    }\n    if (!snackbar) throw new Error('Snackbar body not found');\n    this._events = new (snackbar.ownerDocument.defaultView ?? window).AbortController();\n    const listenerOptions = { signal: this._events.signal };\n    snackbar.classList.add('snackbar');\n    snackbar.setAttribute('role', 'status');\n    snackbar.setAttribute('aria-live', 'polite');\n    snackbar.setAttribute('aria-atomic', 'true');\n    snackbar.inert = false;\n    snackbar.addEventListener('focusin', (e) => {\n      if (e.relatedTarget instanceof HTMLElement && !snackbar.contains(e.relatedTarget)) {\n        this._returnFocus = e.relatedTarget;\n      }\n      this._pauseTimer();\n    }, listenerOptions);\n    snackbar.addEventListener('keydown', (e) => {\n      if (e.key !== 'Escape' || e.defaultPrevented || this._dismissed) return;\n      e.preventDefault();\n      e.stopPropagation();\n      this.dismiss();\n    }, listenerOptions);\n    snackbar.addEventListener('focusout', () => {\n      clearTimeout(this._focusTimer);\n      this._focusTimer = setTimeout(() => this._resumeTimer(), 0);\n    }, listenerOptions);\n    snackbar.addEventListener('pointerenter', () => this._pauseTimer(), listenerOptions);\n    snackbar.addEventListener('pointerleave', () => this._resumeTimer(), listenerOptions);\n    // Add custom classes onto snackbar\n    if (this.options.classes.length > 0) {\n      snackbar.classList.add(...this.options.classes.split(' ').filter(Boolean));\n    }\n    if (this.message) {\n      const text = document.createElement('p');\n      text.textContent = this.message;\n      snackbar.replaceChildren(text);\n    }\n    if (this.options.action) {\n      const action = document.createElement('button');\n      action.type = 'button';\n      action.textContent = this.options.action;\n      action.addEventListener('click', (e) => {\n        e.stopPropagation();\n        if (this._dismissed) return;\n        try {\n          if (typeof this.options.onAction === 'function') this.options.onAction();\n        } finally {\n          this.dismiss();\n        }\n      }, listenerOptions);\n      snackbar.appendChild(action);\n    }\n    if (this.options.dismissible) {\n      const close = document.createElement('button');\n      close.type = 'button';\n      close.className = 'circle';\n      close.setAttribute('aria-label', 'Dismiss');\n      const icon = document.createElement('i');\n      icon.className = 'material-symbols';\n      icon.setAttribute('aria-hidden', 'true');\n      icon.textContent = 'close';\n      close.appendChild(icon);\n      close.addEventListener('click', (e) => {\n        e.stopPropagation();\n        this.dismiss();\n      }, listenerOptions);\n      snackbar.appendChild(close);\n    }\n    return snackbar;\n  }\n\n  private _remove() {\n    if (this._events.signal.aborted) return;\n    this._events.abort();\n    clearTimeout(this.counterTimeout);\n    clearTimeout(this._transitionTimer);\n    clearTimeout(this._dismissTimer);\n    clearTimeout(this._focusTimer);\n    this.counterTimeout = null;\n    if (Snackbar._draggedSnackbar === this) {\n      Snackbar._draggedSnackbar = null;\n      Snackbar._dragPointerId = null;\n    }\n    this.el['Expressive_Snackbar'] = undefined;\n    if (this._restoreElement) this._restoreElement();\n    else this.el.remove();\n    const index = Snackbar._snackbars.indexOf(this);\n    if (index >= 0) Snackbar._snackbars.splice(index, 1);\n    if (!Snackbar._snackbars.length && Snackbar._container?.childElementCount === 0) {\n      Snackbar._removeContainer();\n    }\n  }\n\n  _animateIn() {\n    this.el.style.display = '';\n    this.el.style.opacity = '0';\n    this.el.style.transform = 'translateY(24px)';\n    this.el.style.transition = `\n      transform ${this.options.inDuration}ms ease,\n      opacity ${this.options.inDuration}ms ease\n    `;\n    this._transitionTimer = setTimeout(() => {\n      this.el.style.transform = '';\n      this.el.style.opacity = '1';\n    }, 1);\n  }\n\n  /**\n   * Arm the dismissal timer.\n   *\n   * One timeout, not a 20ms interval ticking a counter down: the old form woke\n   * the page up 50 times a second per snackbar purely to subtract 20 from a\n   * number. Dragging pauses the countdown via _pauseTimer/_resumeTimer instead.\n   */\n  _setTimer() {\n    if (this.timeRemaining === Infinity) return;\n    this._deadline = Date.now() + this.timeRemaining;\n    this.counterTimeout = setTimeout(() => this.dismiss(), this.timeRemaining);\n  }\n\n  /** Stop the countdown, banking the time that was left on it. */\n  _pauseTimer() {\n    if (this.counterTimeout == null) return;\n    clearTimeout(this.counterTimeout);\n    this.counterTimeout = null;\n    this.timeRemaining = Math.max(0, this._deadline - Date.now());\n  }\n\n  /** Restart a countdown stopped by {@link _pauseTimer}. */\n  _resumeTimer() {\n    if (this._dismissed || this.panning || this.el.matches(':hover, :focus-within') || this.counterTimeout != null) return;\n    this._setTimer();\n  }\n\n  private _restoreFocus(remove = false) {\n    const focused = (this.el.getRootNode() as Document | ShadowRoot).activeElement;\n    const returnFocus = focused && this.el.contains(focused) ? this._returnFocus : null;\n    this.el.inert = true;\n    if (remove) this._remove();\n    if (returnFocus?.isConnected) returnFocus.focus({ preventScroll: true });\n  }\n\n  /**\n   * Dismiss snackbar with animation.\n   */\n  dismiss() {\n    if (this._dismissed) return;\n    this._dismissed = true;\n    clearTimeout(this.counterTimeout);\n    this.counterTimeout = null;\n    this._restoreFocus();\n    if (this._events.signal.aborted) return;\n    const duration = this.options.outDuration;\n    const transitions = [`margin ${duration}ms ease`, `opacity ${duration}ms ease`];\n\n    if (this.wasSwiped) {\n      // Carry on off the side the user swiped toward, from where they let go.\n      const direction = this.xPos < this.startingXPos ? -1 : 1;\n      this.el.style.transform = `translateX(${direction * this.el.offsetWidth}px)`;\n      this.el.style.opacity = '0';\n      transitions.push(`transform ${duration}ms ease`);\n    }\n\n    this.el.style.transition = transitions.join(', ');\n\n    clearTimeout(this._transitionTimer);\n    this._transitionTimer = setTimeout(() => {\n      this.el.style.opacity = '0';\n      this.el.style.marginTop = '-40px';\n    }, 1);\n\n    this._dismissTimer = setTimeout(() => {\n      this._remove();\n      // Call the optional callback\n      if (typeof this.options.completeCallback === 'function') {\n        this.options.completeCallback();\n      }\n    }, this.options.outDuration);\n  }\n\n  static {\n    Snackbar._snackbars = [];\n    Snackbar._container = null;\n    Snackbar._draggedSnackbar = null;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/chunk-C6CHEWYP.mjs

@@ -0,0 +1,154 @@
+import {
+  Component
+} from "./chunk-PD6HYHAE.mjs";
+
+// src/ts/components/particles.ts
+var _defaults = {
+  quantity: 100,
+  staticity: 50,
+  ease: 50,
+  size: 0.4,
+  color: "",
+  vx: 0,
+  vy: 0
+};
+var Particles = class _Particles extends Component {
+  constructor(el, options) {
+    super(el, options, _Particles);
+    this._particles = [];
+    this._width = 0;
+    this._height = 0;
+    this._frame = 0;
+    this._last = 0;
+    // Pointer offset from the canvas center, kept from its last move inside.
+    this._mouse = { x: 0, y: 0 };
+    this._still = false;
+    this._resizeObserver = null;
+    this._visibility = null;
+    this._onPointerMove = (e) => {
+      const r = this.el.getBoundingClientRect();
+      const x = e.clientX - r.left - r.width / 2;
+      const y = e.clientY - r.top - r.height / 2;
+      if (Math.abs(x) < r.width / 2 && Math.abs(y) < r.height / 2) this._mouse = { x, y };
+    };
+    this.el["Expressive_Particles"] = this;
+    this.options = { ..._Particles.defaults, ...options };
+    this._ctx = this.el.getContext("2d");
+    if (!this._ctx) return;
+    this._style = getComputedStyle(this.el);
+    this._still = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+    this._reset();
+    if (typeof ResizeObserver !== "undefined") {
+      this._resizeObserver = new ResizeObserver(() => {
+        if (this.el.clientWidth !== this._width || this.el.clientHeight !== this._height) this._reset();
+      });
+      this._resizeObserver.observe(this.el);
+    }
+    if (this._still) return;
+    if (typeof IntersectionObserver === "undefined") {
+      this._start();
+      return;
+    }
+    this._visibility = new IntersectionObserver(([entry]) => entry.isIntersecting ? this._start() : this._stop());
+    this._visibility.observe(this.el);
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  static init(els, options = {}) {
+    return super.init(els, options, _Particles);
+  }
+  static getInstance(el) {
+    return el["Expressive_Particles"];
+  }
+  destroy() {
+    this._stop();
+    this._resizeObserver?.disconnect();
+    this._visibility?.disconnect();
+    if (this._ctx) {
+      this._ctx.setTransform(1, 0, 0, 1, 0, 0);
+      this._ctx.clearRect(0, 0, this.el.width, this.el.height);
+    }
+    this.el["Expressive_Particles"] = void 0;
+  }
+  _start() {
+    if (this._frame) return;
+    window.addEventListener("pointermove", this._onPointerMove, { passive: true });
+    this._frame = requestAnimationFrame((now) => {
+      this._last = now;
+      this._draw(now);
+    });
+  }
+  _stop() {
+    cancelAnimationFrame(this._frame);
+    this._frame = 0;
+    window.removeEventListener("pointermove", this._onPointerMove);
+  }
+  // Matches the pixel buffer to the canvas box and scatters a new set.
+  _reset() {
+    this._width = this.el.clientWidth;
+    this._height = this.el.clientHeight;
+    this.el.width = Math.round(this._width * devicePixelRatio);
+    this.el.height = Math.round(this._height * devicePixelRatio);
+    this._particles = Array.from({ length: this.options.quantity }, () => this._particle());
+    if (this._still) {
+      for (const p of this._particles) p.alpha = p.targetAlpha;
+      this._paint();
+    }
+  }
+  _particle() {
+    return {
+      x: Math.floor(Math.random() * this._width),
+      y: Math.floor(Math.random() * this._height),
+      translateX: 0,
+      translateY: 0,
+      size: Math.floor(Math.random() * 2) + this.options.size,
+      alpha: 0,
+      targetAlpha: Math.round((Math.random() * 0.6 + 0.1) * 10) / 10,
+      dx: (Math.random() - 0.5) * 0.1,
+      dy: (Math.random() - 0.5) * 0.1,
+      magnetism: 0.1 + Math.random() * 4
+    };
+  }
+  _draw(now) {
+    const step = Math.min((now - this._last) / (1e3 / 60), 4);
+    this._last = now;
+    const { staticity, ease, vx, vy } = this.options;
+    const follow = Math.min(step / ease, 1);
+    this._particles = this._particles.map((p) => {
+      p.x += (p.dx + vx) * step;
+      p.y += (p.dy + vy) * step;
+      p.translateX += (this._mouse.x / (staticity / p.magnetism) - p.translateX) * follow;
+      p.translateY += (this._mouse.y / (staticity / p.magnetism) - p.translateY) * follow;
+      const x = p.x + p.translateX;
+      const y = p.y + p.translateY;
+      const edge = Math.min(x - p.size, this._width - x - p.size, y - p.size, this._height - y - p.size) / 20;
+      p.alpha = edge > 1 ? Math.min(p.alpha + 0.02 * step, p.targetAlpha) : p.targetAlpha * edge;
+      const gone = p.x < -p.size || p.x > this._width + p.size || p.y < -p.size || p.y > this._height + p.size;
+      return gone ? this._particle() : p;
+    });
+    this._paint();
+    this._frame = requestAnimationFrame((t) => this._draw(t));
+  }
+  _paint() {
+    const ctx = this._ctx;
+    const dpr = devicePixelRatio;
+    ctx.setTransform(1, 0, 0, 1, 0, 0);
+    ctx.clearRect(0, 0, this.el.width, this.el.height);
+    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+    ctx.fillStyle = this.options.color || this._style.color;
+    for (const p of this._particles) {
+      if (p.alpha <= 0) continue;
+      ctx.globalAlpha = p.alpha;
+      ctx.beginPath();
+      ctx.arc(p.x + p.translateX, p.y + p.translateY, p.size, 0, 2 * Math.PI);
+      ctx.fill();
+    }
+    ctx.globalAlpha = 1;
+  }
+};
+
+export {
+  Particles
+};
+//# sourceMappingURL=chunk-C6CHEWYP.mjs.map

package/dist/js/chunks/chunk-C6CHEWYP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/particles.ts"],
+  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport interface ParticlesOptions extends BaseOptions {\n  /**\n   * Number of particles.\n   * @default 100\n   */\n  quantity: number;\n  /**\n   * How firmly particles hold their place against the pointer. Lower\n   * follows the pointer further.\n   * @default 50\n   */\n  staticity: number;\n  /**\n   * Frames a particle takes to catch up with the pointer. Higher is slower.\n   * @default 50\n   */\n  ease: number;\n  /**\n   * Base radius in pixels. Each particle adds 0 or 1 to it.\n   * @default 0.4\n   */\n  size: number;\n  /**\n   * A CSS color. Empty uses the canvas's CSS `color`, which defaults to the\n   * theme's on-surface color.\n   * @default ''\n   */\n  color: string;\n  /**\n   * Horizontal drift in pixels per frame. Negative drifts left.\n   * @default 0\n   */\n  vx: number;\n  /**\n   * Vertical drift in pixels per frame. Negative drifts up.\n   * @default 0\n   */\n  vy: number;\n}\n\nconst _defaults: ParticlesOptions = {\n  quantity: 100,\n  staticity: 50,\n  ease: 50,\n  size: 0.4,\n  color: '',\n  vx: 0,\n  vy: 0\n};\n\ninterface Particle {\n  x: number;\n  y: number;\n  translateX: number;\n  translateY: number;\n  size: number;\n  alpha: number;\n  targetAlpha: number;\n  dx: number;\n  dy: number;\n  magnetism: number;\n}\n\n/**\n * Particles. A `<canvas class=\"particles\">` covers its nearest positioned\n * ancestor with slowly drifting dots that lean toward the pointer. Under\n * reduced motion the dots are drawn once and stay still.\n */\nexport class Particles extends Component<ParticlesOptions> {\n  declare el: HTMLCanvasElement;\n  private _ctx: CanvasRenderingContext2D | null;\n  private _style: CSSStyleDeclaration;\n  private _particles: Particle[] = [];\n  private _width = 0;\n  private _height = 0;\n  private _frame = 0;\n  private _last = 0;\n  // Pointer offset from the canvas center, kept from its last move inside.\n  private _mouse = { x: 0, y: 0 };\n  private _still = false;\n  private _resizeObserver: ResizeObserver | null = null;\n  private _visibility: IntersectionObserver | null = null;\n\n  constructor(el: HTMLElement, options: Partial<ParticlesOptions>) {\n    super(el, options, Particles);\n    this.el['Expressive_Particles'] = this;\n    this.options = { ...Particles.defaults, ...options };\n    this._ctx = this.el.getContext('2d');\n    if (!this._ctx) return;\n    this._style = getComputedStyle(this.el);\n    this._still = typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;\n    this._reset();\n    if (typeof ResizeObserver !== 'undefined') {\n      this._resizeObserver = new ResizeObserver(() => {\n        if (this.el.clientWidth !== this._width || this.el.clientHeight !== this._height) this._reset();\n      });\n      this._resizeObserver.observe(this.el);\n    }\n    if (this._still) return;\n    if (typeof IntersectionObserver === 'undefined') {\n      this._start();\n      return;\n    }\n    // Animates only while on screen. A canvas scrolled away, hidden or\n    // removed without destroy() stops drawing and following the pointer.\n    this._visibility = new IntersectionObserver(([entry]) => entry.isIntersecting ? this._start() : this._stop());\n    this._visibility.observe(this.el);\n  }\n\n  static get defaults(): ParticlesOptions {\n    return _defaults;\n  }\n\n  static init(el: HTMLElement, options?: Partial<ParticlesOptions>): Particles;\n  static init(els: InitElements<InitElement>, options?: Partial<ParticlesOptions>): Particles[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<ParticlesOptions> = {}\n  ): Particles | Particles[] {\n    return super.init(els, options, Particles);\n  }\n\n  static getInstance(el: HTMLElement): Particles {\n    return el['Expressive_Particles'];\n  }\n\n  destroy() {\n    this._stop();\n    this._resizeObserver?.disconnect();\n    this._visibility?.disconnect();\n    if (this._ctx) {\n      this._ctx.setTransform(1, 0, 0, 1, 0, 0);\n      this._ctx.clearRect(0, 0, this.el.width, this.el.height);\n    }\n    this.el['Expressive_Particles'] = undefined;\n  }\n\n  private _start() {\n    if (this._frame) return;\n    window.addEventListener('pointermove', this._onPointerMove, { passive: true });\n    this._frame = requestAnimationFrame((now) => { this._last = now; this._draw(now); });\n  }\n\n  private _stop() {\n    cancelAnimationFrame(this._frame);\n    this._frame = 0;\n    window.removeEventListener('pointermove', this._onPointerMove);\n  }\n\n  private _onPointerMove = (e: PointerEvent) => {\n    const r = this.el.getBoundingClientRect();\n    const x = e.clientX - r.left - r.width / 2;\n    const y = e.clientY - r.top - r.height / 2;\n    if (Math.abs(x) < r.width / 2 && Math.abs(y) < r.height / 2) this._mouse = { x, y };\n  };\n\n  // Matches the pixel buffer to the canvas box and scatters a new set.\n  private _reset() {\n    this._width = this.el.clientWidth;\n    this._height = this.el.clientHeight;\n    this.el.width = Math.round(this._width * devicePixelRatio);\n    this.el.height = Math.round(this._height * devicePixelRatio);\n    this._particles = Array.from({ length: this.options.quantity }, () => this._particle());\n    if (this._still) {\n      for (const p of this._particles) p.alpha = p.targetAlpha;\n      this._paint();\n    }\n  }\n\n  private _particle(): Particle {\n    return {\n      x: Math.floor(Math.random() * this._width),\n      y: Math.floor(Math.random() * this._height),\n      translateX: 0,\n      translateY: 0,\n      size: Math.floor(Math.random() * 2) + this.options.size,\n      alpha: 0,\n      targetAlpha: Math.round((Math.random() * 0.6 + 0.1) * 10) / 10,\n      dx: (Math.random() - 0.5) * 0.1,\n      dy: (Math.random() - 0.5) * 0.1,\n      magnetism: 0.1 + Math.random() * 4\n    };\n  }\n\n  private _draw(now: number) {\n    // Frames are counted at 60 per second whatever the display rate.\n    const step = Math.min((now - this._last) / (1000 / 60), 4);\n    this._last = now;\n    const { staticity, ease, vx, vy } = this.options;\n    const follow = Math.min(step / ease, 1);\n    this._particles = this._particles.map((p) => {\n      p.x += (p.dx + vx) * step;\n      p.y += (p.dy + vy) * step;\n      p.translateX += (this._mouse.x / (staticity / p.magnetism) - p.translateX) * follow;\n      p.translateY += (this._mouse.y / (staticity / p.magnetism) - p.translateY) * follow;\n      // Fades in, and fades out within 20px of an edge.\n      const x = p.x + p.translateX;\n      const y = p.y + p.translateY;\n      const edge = Math.min(x - p.size, this._width - x - p.size, y - p.size, this._height - y - p.size) / 20;\n      p.alpha = edge > 1 ? Math.min(p.alpha + 0.02 * step, p.targetAlpha) : p.targetAlpha * edge;\n      const gone = p.x < -p.size || p.x > this._width + p.size || p.y < -p.size || p.y > this._height + p.size;\n      return gone ? this._particle() : p;\n    });\n    this._paint();\n    this._frame = requestAnimationFrame((t) => this._draw(t));\n  }\n\n  private _paint() {\n    const ctx = this._ctx!;\n    const dpr = devicePixelRatio;\n    ctx.setTransform(1, 0, 0, 1, 0, 0);\n    ctx.clearRect(0, 0, this.el.width, this.el.height);\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    // Read every frame, so a theme or color-scheme change applies at once.\n    ctx.fillStyle = this.options.color || this._style.color;\n    for (const p of this._particles) {\n      if (p.alpha <= 0) continue;\n      ctx.globalAlpha = p.alpha;\n      ctx.beginPath();\n      ctx.arc(p.x + p.translateX, p.y + p.translateY, p.size, 0, 2 * Math.PI);\n      ctx.fill();\n    }\n    ctx.globalAlpha = 1;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/{chunk-GVGT6MIU.mjs → chunk-CK2XCICY.mjs}

@@ -1,6 +1,6 @@
 import {
   ColumnChart
-} from "./chunk-SPETGK25.mjs";
+} from "./chunk-45FER6RI.mjs";
 
 // src/ts/components/barChart.ts
 var BarChart = class extends ColumnChart {
@@ -44,4 +44,4 @@ var BarChart = class extends ColumnChart {
 export {
   BarChart
 };
-//# sourceMappingURL=chunk-GVGT6MIU.mjs.map
+//# sourceMappingURL=chunk-CK2XCICY.mjs.map

package/dist/js/chunks/{chunk-XGHORT7J.mjs → chunk-CXXM2L4F.mjs}

@@ -1,12 +1,12 @@
 import {
   Autocomplete
-} from "./chunk-3CLXLPYS.mjs";
+} from "./chunk-ZX6M7SWO.mjs";
 import {
   Utils
-} from "./chunk-6OMRGML6.mjs";
+} from "./chunk-M372EDXD.mjs";
 import {
   Component
-} from "./chunk-LTWPGFBR.mjs";
+} from "./chunk-PD6HYHAE.mjs";
 
 // src/ts/components/chips.ts
 var _defaults = {
@@ -54,7 +54,7 @@ var _Chips = class _Chips extends Component {
           return;
         }
         e.preventDefault();
-        if (!this.hasAutocomplete || this.hasAutocomplete && !this.options.autocompleteOnly) {
+        if (!this.hasAutocomplete || !this.options.autocompleteOnly) {
           this.addChip({ id: this._input.value });
         }
         this._input.value = "";
@@ -147,9 +147,8 @@ var _Chips = class _Chips extends Component {
   static _handleChipsKeydown(e) {
     _Chips._keydown = true;
     const chips = e.target.closest(".chips");
-    const chipsKeydown = e.target && chips;
     const tag = e.target.tagName;
-    if (tag === "INPUT" || tag === "TEXTAREA" || !chipsKeydown) return;
+    if (tag === "INPUT" || tag === "TEXTAREA" || !chips) return;
     const currChips = chips["Expressive_Chips"];
     if (!currChips) return;
     if (e.key === Utils.keys.BACKSPACE || e.key === Utils.keys.DELETE) {
@@ -249,9 +248,9 @@ var _Chips = class _Chips extends Component {
   }
   _setPlaceholder() {
     if (!this._input) return;
-    if (this.chipsData !== void 0 && !this.chipsData.length && this.options.placeholder) {
+    if (!this.chipsData.length && this.options.placeholder) {
       this._input.placeholder = this.options.placeholder;
-    } else if ((this.chipsData === void 0 || !!this.chipsData.length) && this.options.secondaryPlaceholder) {
+    } else if (this.chipsData.length && this.options.secondaryPlaceholder) {
       this._input.placeholder = this.options.secondaryPlaceholder;
     }
   }
@@ -342,4 +341,4 @@ var Chips = _Chips;
 export {
   Chips
 };
-//# sourceMappingURL=chunk-XGHORT7J.mjs.map
+//# sourceMappingURL=chunk-CXXM2L4F.mjs.map